A. 如何让网页链接完美的跳转到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没这样做并不是因为苹果的沙盒保护机制,只是开发者在考虑用户体验的时候,没有把这部分真正的考虑进来。
B. 跳板式app有哪些软件
跳板式app有比如支付宝、星巴克、携程、美图秀秀等等。
跳板式导航的要点在于利用布局凸显重要模块,跳板式一般搭配选项卡式,界面简单、清晰。跳板式导航的特征是,登录界面中的菜单选项就是进入各个应用的起点。对操作系统并没有特殊要求,在各种设备上都有良好表现。它有时也被称为”快速启动板”(Launchpad)。一般用做主导航,常用的布局模式3*3(常说的九宫格布局)2*3、2*2和2*1网格。但也不一定要拘泥于网格,也可以按照不同的优先级顺序,放大或者缩小网格,以突显出内容的层次感。
跳板式导航的优点:1、清晰展现各入口2、容易记住各入口位置,方便快速找到。缺点:1、无法在多入口间灵活跳转,不适合多任务操作2、容易形成更深的路径3、不能直接展现入口内容4、不能显示太多入口次级内容。
采用这种导航的应用已经越来越少,往往用在二级页作为内容列表的一种图形化形式呈现,或是作为一系列工具入口的聚合。如下图新浪微博,点击导航栏中间的发布按钮,弹出二级菜单,这个二级页面就是采用的宫格式导航,作为发布微博的入口。
C. 如何从微信浏览器中跳转到APP指定页面
1、URL Scheme
URL Scheme是iOS、Android都兼容的机制,只需要原生App开发时注册Scheme即可,用户点击此类链接时,会自动唤醒App,并借助URL Router机制跳转到指定页面。
尽管URL Scheme兼容性高,但却存在许多限制,比如:
国内各个厂商浏览器差异很大,当要被唤醒的目标App未安装时,这个链接很容易出错。
当注册有多个Scheme相同的时候,目前是没有办法区分的。
不支持从其他App中的UIWebView中跳转到目标App。
被部分主流平台禁止,微信、微博、QQ浏览器、手机网络中都已经被禁止使用。
2、苹果的Universal Link
Universal Link是iOS9后苹果推出的通用链接技术,能够方便地通过一个https链接来打开App指定页面,不需要额外的判断,如果没有安装App,可以跳转到自定义地址。
相对Scheme的优势在于,Universal Link是一个Web Link,因此少了很多麻烦。
3、安卓的App Links
Android M以上版本可以通过App Links,让用户在点击一个链接时跳转到App的指定页面,前提是这个App已经安装并经过验证。App Links的最大的作用,就是可以避免从页面唤醒App时出现的选择浏览器选项框,前提是必须注册相应的Scheme,就可以实现直接打开关联的App。
4、第三方服务(集成SDK)
如果嫌精准度不够高或者实现难度太大的话,可以直接集成SDK实现,毕竟这几项技术是基于系统平台的,Android 及 iOS 每个系统版本的迭代后,配置方式都会有新的变化,且国内安卓机型众多,浏览器众多等也会导致出现兼容问题,开发者自行研发的话,资源配置以及系统更新后的维护成本是比较高的,还要考虑各种各样的跳转场景问题。比如openinstall等第三方SDK。
