pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

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

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

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

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

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

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

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

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

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

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

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

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

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁面跳轉(zhuǎn)及參數(shù)傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 欧美日韩国产一区二区三区不_久久久久国产精品无码不卡_亚洲欧洲美洲无码精品AV_精品一区美女视频_日韩黄色性爱一级视频_日本五十路人妻斩_国产99视频免费精品是看4_亚洲中文字幕无码一二三四区_国产小萍萍挤奶喷奶水_亚洲另类精品无码在线一区 | 江苏齐宝进出口贸易有限公司 | 硬齿面减速机[型号全],ZQ减速机-淄博久增机械 | 北京印刷厂_北京印刷_北京印刷公司_北京印刷厂家_北京东爵盛世印刷有限公司 | 水厂自动化|污水处理中控系统|水利信息化|智慧水务|智慧农业-山东德艾自动化科技有限公司 | 全自动包装秤_全自动上袋机_全自动套袋机_高位码垛机_全自动包装码垛系统生产线-三维汉界机器(山东)股份有限公司 | 苏州伊诺尔拆除公司_专业酒店厂房拆除_商场学校拆除_办公楼房屋拆除_家工装拆除拆旧 | 吸音板,隔音板,吸音材料,吸音板价格,声学材料 - 佛山诺声吸音板厂家 | 集装袋吨袋生产厂家-噸袋廠傢-塑料编织袋-纸塑复合袋-二手吨袋-太空袋-曹县建烨包装 | 搅拌磨|搅拌球磨机|循环磨|循环球磨机-无锡市少宏粉体科技有限公司 | 数控走心机-走心机价格-双主轴走心机-宝宇百科 | STRO|DTRO-STRO反渗透膜(科普)_碟滤 | 防爆型气象站_农业气象站_校园气象站_农业四情监测系统「山东万象环境科技有限公司」 | 环境模拟实验室_液体-气体控温机_气体控温箱_无锡双润冷却科技有限公司 | VOC检测仪-甲醛检测仪-气体报警器-气体检测仪厂家-深恒安科技有限公司 | 油罐车_加油机_加油卷盘_加油机卷盘_罐车人孔盖_各类球阀_海底阀等车用配件厂家-湖北华特专用设备有限公司 | SRRC认证_电磁兼容_EMC测试整改_FCC认证_SDOC认证-深圳市环测威检测技术有限公司 | 全自动包装秤_全自动上袋机_全自动套袋机_高位码垛机_全自动包装码垛系统生产线-三维汉界机器(山东)股份有限公司 | 纸张环压仪-纸张平滑度仪-杭州纸邦自动化技术有限公司 | 数控走心机-双主轴走心机厂家-南京建克 | 自动化改造_智虎机器人_灌装机_贴标机-上海圣起包装机械 | 订做不锈钢_不锈钢定做加工厂_不锈钢非标定制-重庆侨峰金属加工厂 | 北京三友信电子科技有限公司-ETC高速自动栏杆机|ETC机柜|激光车辆轮廓测量仪|嵌入式车道控制器 | 百方网-百方电气网,电工电气行业专业的B2B电子商务平台 | 洗瓶机厂家-酒瓶玻璃瓶冲瓶机-瓶子烘干机-封口旋盖压盖打塞机_青州惠联灌装机械 | 【德信自动化】点胶机_全自动点胶机_自动点胶机厂家_塑料热压机_自动螺丝机-深圳市德信自动化设备有限公司 | 大白菜官网,大白菜winpe,大白菜U盘装系统, u盘启动盘制作工具 | 沧州友城管业有限公司-内外涂塑钢管-大口径螺旋钢管-涂塑螺旋管-保温钢管生产厂家 | 精密模具制造,注塑加工,吹塑和吹瓶加工,EPS泡沫包装生产 - 济南兴田塑胶有限公司 | 布袋式除尘器|木工除尘器|螺旋输送机|斗式提升机|刮板输送机|除尘器配件-泊头市德佳环保设备 | 直齿驱动-新型回转驱动和回转支承解决方案提供商-不二传动 | 龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司_龙门加工中心-数控龙门加工中心厂家价格-山东海特数控机床有限公司 | ET3000双钳形接地电阻测试仪_ZSR10A直流_SXJS-IV智能_SX-9000全自动油介质损耗测试仪-上海康登 | 铝箔袋,铝箔袋厂家,东莞铝箔袋,防静电铝箔袋,防静电屏蔽袋,防静电真空袋,真空袋-东莞铭晋让您的产品与众不同 | 中空玻璃生产线,玻璃加工设备,全自动封胶线,铝条折弯机,双组份打胶机,丁基胶/卧式/立式全自动涂布机,玻璃设备-山东昌盛数控设备有限公司 | 手术示教系统-数字化手术室系统-林之硕医疗云智能视频平台 | 钢丝绳探伤仪-钢丝绳检测仪-钢丝绳探伤设备-洛阳泰斯特探伤技术有限公司 | 太原装修公司_山西整装家装设计_太原室内装潢软装_肖邦家居 | 热熔胶网膜|pes热熔网膜价格|eva热熔胶膜|热熔胶膜|tpu热熔胶膜厂家-苏州惠洋胶粘制品有限公司 | 超声骨密度仪-动脉硬化检测仪器-人体成分分析仪厂家/品牌/价格_南京科力悦 | 热工多功能信号校验仪-热电阻热电偶校验仿真仪-金湖虹润仪表 |