说说速食面一般的 app

这篇文主要是想分享和介绍一种“轻量形式”,“速食面”一般的app,并从规范的层面说说它的原理,为未来潜在的交互领域作知识储备。

Google在2017年的开发者大会上,提出了快速可用app的概念,英文叫做instant app,意为快速、迅速、即时的app。简单概括,就是这种app不需要安装,马上可以使用,使用完之后就走。例如你在搜索食物的时候,蹭一下跳出一个对话框,问你要不要买某打折得厉害的食品,点进去,付钱,用完,就可以走了。

当时脑子想到的第一个念头就是,速食面一样。也许使用过,但是并没有意识到它是另外一个形式的app,只是在我们忙得手忙脚乱的时候出现,快速解决一顿无论是精神上的还是物质上的温饱,然后离开。

这有什么特别的,不就是一个快速一点的页面嘛。

但其实,这种快速app的出现,代表了一种不可避免的趋势。试想想闲置在家中荒废的自行车,再类比一下手机里面许久不用,留之鸡肋,弃之可惜的app,这个时候蹭地一下,出现一个共享单车,出现一个快速不需安装的app,其实对于我们来说,有时候自己都在无意识地使用这些东西,只是它太小,以至于我们意识不到它们的存在。

而这种简化app的智慧想法,也不是只有谷歌想过,微信,支付宝,UC, 百度,小米,也都存在着不同形式的简化app方式,只是有的叫小程序,有的叫轻应用,有的还是叫应用等等。

新的形式,新的理念,应该也给为ux界带来新的挑战吧。付完钱就走?如果没有固定的入口,连贯的信息提醒,透彻合适的场景推送,在这样的应用中支付,有种把钱扔到大海里的既视感。另外,试用了一些轻,小的app之后发现,有时候很难在“速食”与“营养晚餐”之中找到平衡,试想想,共享单车为了满足人们的需求,变成了一辆可以带厨房带充电插座的移动超级单车,这个一方面满足了更广泛的需求,另一方面,对于一部分人来说,这样重的改变又可能有点难接受。

因此我就在想,也许这些也都会是未来会带给设计师的挑战吧。整理了一下最近搜集的“速食面app”材料,觉得虽然不能一步到位透彻了解全部,但无规范不成方圆,从简单的原理、规范切入,先了解本质,会是一个好的开始,而其中又数android instant app设计规范总结得最为全面,因此在这里分享一下,也算是自己的一个积累吧。

Google Instant app设计规范

1. 安装前安装后,都是一个app

instant app与你传统安装的app是同一个,只是它可以在免安装的情况下运行。

当作为一个instant app使用的时候,这个app可以引导用户去安装。但不要使用“去获取app”,“更新”这样的字眼,而是用“安装app”这一类直接的字眼引导用户安装。

记住,instant app不是你app的试用版本。

df3a37a92dfa48e78c4100f658ce3298.png

安装前后都是一个app

2. 重新考虑成功的评估因素

与传统app比起来,安装的数量不是你应该注意的。更重要的是你是否能让用户在不安装app的情况下快速完成任务。例如说我们使用携程购买机票,那么这个应用可以让我们不需要安装携程就能买到机票,我们只需要完成“购买机票”这个任务就够了。其他的元素,例如查看攻略,查看汇率换算这些,虽然也是很重要,也是用户需要的,但是在这个需要快速完成任务的场景下,就会是一种干扰。所以把功能点确认,做好减法也是重要的一步。

4e9f0d96ab864628a380acdac78f8bed.png

是什么使得你的app对于商业是成功的呢?

3. 为你的app提供一个一致的初始页面

可以从app图标,浏览器搜索等等。但需要在不同的场景提供一致的初始化页面。

8db6d95ffb2f4515a0a5ea48eabf1d73.png

所以的快速app都共用一个初始界面

4. 向上按钮 vs 系统返回

向上按钮导航的是整个app的结构,直到用户达到app的首页。返回按钮导航的是你在app中的所有浏览历史。

向上按钮保证用户留存在你的app里,返回按钮可能会将用户带回到app以外的浏览页面。不要混淆两者的使用,以免用户误操作。

5121e22621334455b4193bf306340854.png

导航是关键

5. 不要使用不必要的动效页面

instant app初始化体验的时候,包含了app的品牌,app标题和app的启动图标。不要创造额外的页面,以免增加负担。

4a30207ad2404d4aad609b25b840f472.png

安装自带的初始化框架

6. 不要增加额外的UI元素

从instant app到安装版本app的体验应该是无缝的。他们的UI需要一致化。

a6c103beaef84df88e908b4c726e2d34.png

UI元素的连续性

7. 使用智能锁代表身份

谷歌的智能锁是一个跨安卓系统与Chrome浏览器的管理器,可以更快地识别用户身份。智能锁也可以帮助频繁使用用户主动登录。

338a724a79e44707a18a29055a09d4ac.png

使用智能锁验证身份

8. 考虑用户登录的时机

提供尽量多的服务,尽量不让用户登录或注册。

等到用户真正希望使用验证的时候,才提供验证登录,这样出现的登录会显得更加温和一些,而且用户可以预知到登录会获得的好处,也会比较愿意去登录。

例如,一个照片共享app,需要用户登录才能使用。为了提升体验,instant app里提供了一些用户不需要登录就可以使用的特征,例如浏览最热的图片并且尝试编辑美图。当用户真正想要与用户分享这些的时候,才引导用户去登录。

2331e59942b445c5b259b992c121e23d.png

避免不必要的登录提示

9. 让用户去完成一个任务

用户必须可以在正式安装app之前,在instant app里完成一个完整的任务。

避免让用户去安装app,这样他们就可以快速完成他们想做的事情。使用任务的主流程中,所有操作都不应该引发app的安装。

b31bb962885a4209be88af45d70c12c1.png

促使用户完成一个特定的任务,而不是安装app

10. 明确的安装提示

有策略地使用安装按钮,将它融入到你app用户界面的一部分中。使用Material Design规范中带标签的按钮(见下图)表达便可。

3a9eab008d1149d1a7e199c44f2b07aa.png

有策略地使用安装按钮

11. 提供最多2到3条的安装提示

明确的安装提示只做一件事,就是引导用户去安装。而这些提示必须出现在用户需要使用instant app的其他额外功能的时候。

当提示的时候,最好提供用户一个安装该app的理由。

af94453f358e43e6b93c75cfd2c76891.png

限制安装提醒的数量

12. 移除app中的非功能部分

当把你的app转化为instant app的时候,你可能有一部分视觉表达的部分,这部分与功能无关,更糟的是仅仅展示了一个不可以点的安妮,这些要注意去除。

9cbfaebf631b4b7b82782d39fb07456f.png

移除app中的非功能部分

13. 安装后仍然保持用户的状态

当用户安装app时,确保你将使用instant app时候的缓存数据转移,使得用户可以一直处于操作中间的页面。

0ccfc55ae9024753b296f47f1834c808.png

安装后保留用户历史界面

14. 将支付的一些阻力消除

用户在instant app中支付对于商家来说是很重要的一环,确保这个流程畅通无阻。尽可能提供全面的支付渠道,例如现金,到货付款,礼物卡等等。

1e73575af6584ef8994bc535c2e236b1.png

使用谷歌支付API支付

15. 外链

前文提到instant app可以用浏览器搜索打开,其实它本质是一个带有链接的页面,类似于现在流行的H5,那么应该尽量避免这个instant app使用的时候打开新的页签,这样会中断使用流程。

ace58643d2a14c4796f0860a81267386.png

避免打开浏览器外链

16. 提供一个分享instant app的方式

instant app虽然是页面,但由于是全屏打开,链接不可见,所以需要提供一个拷贝链接的方式,这样才能分享给更多的人,扩大影响力。

533569b77c824437bffaa652dfb6ca58.png

帮助用户分享你的instant app

小结

app的发展,也像万事万物的发展一般,有一个轮回,从刚开始人人都在杂货店买东西,到人们不愿自己去买东西,转而使用自己的手机进行协助,再到人们觉得自己的手机功能过于繁多,转而使用一些更加简单的app。instant app的出现也是也代表了这样的轮回吧。

作者:Linfolio_交互小怪兽

关键字:产品经理, 产品设计, 业界动态

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部