如何讓W(xué)EB鏈接完美的跳轉(zhuǎn)到APP

2014-3-18    藍藍設(shè)計的小編

轉(zhuǎn)載藍藍設(shè)計(   sillybuy.com  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

在智能手機出貨量超過PC和功能手機、用戶使用App比例超過80%以上的情況下,智能手機App絕對成為了人們生活的主角。對于PC、平板、智能手機之間的跨平臺無縫體驗,很早之前開發(fā)者就開始關(guān)注了。比如Evernote會開發(fā)幾乎所有平臺的軟件版本,來保證用戶在使用各個平臺時可以無縫切換;另外Chrome 桌面版和手機端也可以同步數(shù)據(jù),我在電腦上打開幾個網(wǎng)頁,換到手機上時仍能看到那幾個網(wǎng)頁。

雖然很多人都認識到了App的重要性,但從PC到手機App,這中間仍然存在著很大的體驗斷層。PC段到移動端還有很多事情要做,比如接下來講的:當大量App內(nèi)容被分享到微博、微信上之后,如何從PC或手機上的網(wǎng)頁鏈接完美切換到App。

Instagram

在我近一個多月的測試中,發(fā)現(xiàn)大部分的App都沒有做好從Web鏈接到App的過渡。比如我用手機在微博中點開一個應(yīng)用官方帳號微博里面的一個鏈接,鏈接內(nèi)容是App內(nèi)的內(nèi)容(微博分享出來),然后你就會發(fā)現(xiàn)打開時大部分情況是網(wǎng)頁版。雖然我手機里安裝了這款應(yīng)用,但卻仍然打開的是網(wǎng)頁版,如果該App需要登錄的話,我在網(wǎng)頁版上甚至都無法進行更多的操作。

當然,也有個別App在鏈接到App跳轉(zhuǎn)的過程做得非常好。而在一般情況下,這種跳轉(zhuǎn)優(yōu)化根據(jù)設(shè)計的無縫度會有四種,總結(jié)如下(在此聲明,我所測試的所有App都是我個人比較喜歡的,所以不存在詆毀哪款產(chǎn)品問題):

第一種:鏈接是為PC設(shè)計的,根本沒有針對移動設(shè)備進行過優(yōu)化,打開鏈接你必須通過縮放才能看到網(wǎng)頁上的內(nèi)容。這類App有很多,比如大眾點評、果殼、果庫、抬杠等。

第二種:鏈接為移動設(shè)備優(yōu)化過,但從網(wǎng)頁端轉(zhuǎn)到移動端仍然有斷層。比如美樂時光官方微信會推薦一些歌單,我用瀏覽器打開后便可以直接播放,移動體驗非常棒,但即便登錄之后也不能對播放的歌曲進行收藏。如果我想收藏某些歌曲,必須用電腦打開網(wǎng)站,搜到歌曲,然后收藏后才會同步到美樂時光App上,非常的麻煩。另外這類App還有:想去、美團等。

這里面還有一種情況,就是媒體類應(yīng)用。由于媒體本身產(chǎn)生的內(nèi)容只是一篇篇文章,所以很容易為移動設(shè)備優(yōu)化。但這又分兩類,一類本身網(wǎng)頁在移動設(shè)備上的體驗非常好,同時也有客戶端,但兩者是有斷層的。第二類是對移動端進行了優(yōu)化,但由于沒有客戶端,反而不會出現(xiàn)上體驗斷層的問題。

第三種:產(chǎn)品本身就是為移動而生的,即便是網(wǎng)頁版,也像移動端一樣簡潔。這種鏈接打開沒任何壓力,即便登錄,也是非常方便的。你可以直接用網(wǎng)頁版進行各種操作,然后打開App就能同步了。這種情況已經(jīng)算是非常好的了,但它仍然無法解決網(wǎng)頁鏈接和App之間的鴻溝問題,我不能直接通過網(wǎng)頁鏈接打開App。這類產(chǎn)品比較少,比如早期的果庫(無網(wǎng)頁版)、國外的Fancy等。

第四種:點擊鏈接可以直接打開App,如果是在桌面端則直接在瀏覽器中顯示內(nèi)容。在我測試的十幾款A(yù)pp中,我只發(fā)現(xiàn)了兩款在網(wǎng)頁鏈接向App跳轉(zhuǎn)上做得非常好,那就是啪啪(Papa)和Instagram。我在刷微博看見好友分享了一條啪啪時,點擊鏈接,我的啪啪就會自動打開,然后顯示好友分享的內(nèi)容。而Instagram做法有些不同,它第一次打開的是優(yōu)化過的網(wǎng)頁,然后Logo旁有一個“Open in app”的按鈕,點擊之后可以直接打開App。這樣就非常方便,如果我沒有安裝app,那么它會直接在手機瀏覽器里打開,如果我用的是電腦,那它也會直接在桌面瀏覽器中打開。

對于Web鏈接向App跳轉(zhuǎn)的問題,可能很多人都會說這只是一個小細節(jié),沒必要過度深究。但隨著我們使用手機App越來越頻繁,這個小問題會困擾越來越多的人。而且從第四種解決方案可以看出,很多App沒這樣做并不是因為蘋果的沙盒保護機制,只是開發(fā)者在考慮用戶體驗的時候,沒有把這部分真正的考慮進來。

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔