萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 如何讓WEB鏈接完美的跳轉到APP

如何讓WEB鏈接完美的跳轉到APP

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

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

如何讓WEB鏈接完美的跳轉到APP 三聯

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

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

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

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

  這裡面還有一種情況,就是媒體類應用。由於媒體本身產生的內容只是一篇篇文章,所以很容易為移動設備優化。但這又分兩類,一類本身網頁在移動設備上的體驗非常好,同時也有客戶端,但兩者是有斷層的。第二類是對移動端進行了優化,但由於沒有客戶端,反而不會出現上體驗斷層的問題。

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

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

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

copyright © 萬盛學電腦網 all rights reserved