如何让WEB链接完美的跳转到APP

   在智能手机出货量超过PC和功能手机、用户使用App比例超过80%以上的情况下,智能手机App绝对成为了人们生活的主角。对于PC、平板、智能手机之间的跨平台无缝体验,很早之前开发者就开始关注了。比如Evernote会开发几乎所有平台的软件版本,来保证用户在使用各个平台时可以无缝切换;另外Chrome 桌面版和手机端也可以同步数据,我在电脑上打开几个网页,换到手机上时仍能看到那几个网页。

  虽然很多人都认识到了App的重要性,但从PC到手机App,这中间仍然存在着很大的体验断层。PC段到移动端还有很多事情要做,比如接下来讲的:当大量App内容被分享到微博、微信上之后,如何从PC或手机上的网页链接完美切换到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没这样做并不是因为苹果的沙盒保护机制,只是开发者在考虑用户体验的时候,没有把这部分真正的考虑进来。

时间: 2024-10-31 19:37:44

如何让WEB链接完美的跳转到APP的相关文章

用户体验小细节:如何让WEB链接完美的跳转到APP

在智能http://www.aliyun.com/zixun/aggregation/2291.html">手机出货量超过PC和功能手机.用户使用App比例超过80%以上的情况下,智能手机App绝对成为了人们生活的主角.对于PC.平板.智能手机之间的跨平台无缝体验,很早之前开发者就开始关注了.比如Evernote会开发几乎所有平台的软件版本,来保证用户在使用各个平台时可以无缝切换:另外Chrome 桌面版和手机端也可以同步数据,我在电脑上打开几个网页,换到手机上时仍能看到那几个网页. 虽然

android web链接跳转app

问题描述 android web链接跳转app 我拿到了贴吧发帖记录的网址,怎么能用百度贴吧app打开这个网址,谢谢,第一次提问. 解决方案 android 超链接跳转web链接跳转安卓app的问题 解决方案二: 这个你得看百度贴吧app接受外部启动的时候是怎么写的了. 一般都是这样写的: <intent-filter> <action android:name="android.intent.action.VIEW" /> <category andro

网络编程-connection处理下载链接多次跳转

问题描述 connection处理下载链接多次跳转 10C 在下载更新项目中,采用的是connection 进行网络编程对数据进行下载,但是下载的链接是个 多次跳转的.(注意,不只跳转一次而是多次.),为了证实链接的有效性,我复制到uc浏览器上uc会直接作出判断获取到该地址的最终下载地址.所以希望有大神帮帮,好人一生平安 解决方案 点击图片,跳转链接 解决方案二: 好像有些标签会跳转两次

从微信上点击到淘宝商品链接,直接跳转到淘宝客户端下载页面

1.淘宝彻底屏蔽微信链接 昨晚,淘宝彻底屏蔽了来自微信的链接,消费者发现,从微信上点击到淘宝商品链接,直接跳转到淘宝客户端下载页面.近段时间阿里腾讯互掐持续升级,淘宝此番动作将成为一副激活腾讯电商的催化剂. 2.天猫副总裁乔峰转岗到阿里淘点点 天猫副总裁乔峰从天猫事业部转岗到阿里淘点点事业部,负责生活服务类的电子商务发展.淘点点是阿里5大移动战略方向中的一个.今年9月份,阿里集团宣布进行架构调整,专门成立了淘点点事业部,由原无线的同城团队和本地生活服务事业部的点点团队组成,直接向陆兆禧汇报. 3

自定义链接点击跳转到另一个窗体

问题描述 自定义链接点击跳转到另一个窗体 登陆界面有一个自定义的注册链接,点击该链接,可以跳转到注册的页面,怎么实现? 解决方案 什么语言都没说,怎么帮你 解决方案二: 赞同楼上说的:什么开发都没说....... 解决方案三: 至少也要说一下你是什么开发环境吧,能实现这个功能的太多了.不好回答!

为什么访问java web工程名可以跳转到前台页面?

问题描述 为什么访问java web工程名可以跳转到前台页面? 为什么访问java web工程名可以跳转到前台页面? 为什么访问java web工程名可以跳转到前台页面? 为什么访问java web工程名可以跳转到前台页面? 解决方案 1.默认tomcat容器的默认页面. <welcome-file-list> <welcome-file>/index.html</welcome-file> </welcome-file-list> 这种方式适合访问静态的页

dreamweaver 邮件-为什么在Dreamweaver中添加邮件链接,页面预览中点链接会自动跳转到QQ邮箱?

问题描述 为什么在Dreamweaver中添加邮件链接,页面预览中点链接会自动跳转到QQ邮箱? 代码是联系我们 解决方案 你可以用下面的代码代替: 联系我们 解决方案二: (a href="mailto:zss_emeil[at]126.com")(/a) 把括号变成<>

yii-Yii带以链接为参跳转报错

问题描述 Yii带以链接为参跳转报错 我Yii这边在带参跳转的时候,如果那个$return_url的链接本身不带参,就能顺利跳转 public function user_oauth($actid){ //获取当前URL $return_url = 'wiscrm.wism.com'; //对URL进行编码,防止URL报错 $return_url = urlencode($return_url); //跳转到认证模块 $this->redirect(array('Oauth/index','ac

javascript-ul li a :hover样式设置后,链接点击后页面跳转,但是原页面,超链接依然处于hover状态

问题描述 ul li a :hover样式设置后,链接点击后页面跳转,但是原页面,超链接依然处于hover状态 如题,ul li a :hover样式设置背景色蓝色,链接点击后页面跳转,但是原页面,超链接背景色依然是蓝色,查看元素发现a仍处于hover状态,请问这种情况如何解决? 解决方案 点击之后是a:visited样式,看看是不是和hover一样了 解决方案二: http://blog.csdn.net/huwenhu2007/article/details/24669631 解决方案三: