久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

如何讓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沒這樣做并不是因為蘋果的沙盒保護機制,只是開發者在考慮用戶體驗的時候,沒有把這部分真正的考慮進來。

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 亚洲一区在线观看视频 | 久久久久久久久久久久91 | 午夜成人免费视频 | 中文字幕av亚洲精品一部二部 | 成人国产精品久久久 | 久久这里只有精品首页 | 欧美在线激情 | 国产成人精品久久二区二区 | 日韩一区二区在线视频 | 欧美一级在线视频 | 国产精品一区二区免费看 | 欧美大片在线观看 | 久久精品中文字幕 | 玖玖国产| 精品久久久久一区二区国产 | 97久久精品午夜一区二区 | 99re在线视频观看 | 国产小视频在线 | 日本特黄a级高清免费大片 国产精品久久性 | 欧美伊人久久久久久久久影院 | 成人久久18免费网站 | 国产欧美日韩精品在线观看 | 欧美成人a∨高清免费观看 色999日韩 | 亚洲成av人片在线观看无码 | 欧美日韩在线观看一区二区三区 | 国产黄色小视频 | 亚洲免费福利视频 | 国产成人叼嘿视频在线观看 | 久久久久久久久久久久久9999 | 国产精品高 | 亚洲一区视频在线 | 成年人免费在线视频 | 久久久久久亚洲精品 | 中文字幕av网站 | 伊人99| 国产精品99久久久久久www | 国产精品毛片 | 日韩美女一区二区三区在线观看 | 日韩色图视频 | 日韩二区 | 国产精品www|