说说速食面一般的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的试用版本。

安装前后都是一个app


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

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

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


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

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

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


4. 向上按钮 vs 系统返回

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

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

导航是关键


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

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

安装自带的初始化框架


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

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

UI元素的连续性


7. 使用智能锁代表身份

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

使用智能锁验证身份


8. 考虑用户登录的时机

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

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

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

避免不必要的登录提示


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

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

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

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


10. 明确的安装提示

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

有策略地使用安装按钮


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

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

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

限制安装提醒的数量


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

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

移除app中的非功能部分


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

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

安装后保留用户历史界面


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

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

使用谷歌支付API支付


15. 外链

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

避免打开浏览器外链


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

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

帮助用户分享你的instant app


小结

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


参考链接

https://developer.android.com/topic/instant-apps/ux-best-practices.html

http://mp.weixin.qq.com/debug/wxadoc/introduction/

https://dev.mi.com/doc/?page_id=2303

http://plus.uc.cn

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,522评论 25 707
  • 近1个月以来,人们都在盼着天气预报中播报时:阴,有雨,从昨天下午阴小雨,昨晚上的小雨一直断断续续下个不停,虽然降温...
    财富健康1阅读 135评论 2 0
  • 【0522今日话题】 迄今为止,你收获最大的一次自我投资是什么? 找工作前自学EXCEL。 解决了工作中百分之八十...
    Su公子阅读 189评论 0 0
  • 今天真是精彩的一天,我早上按照我妈的要求灰头土面的去上班。下午老总得知我们要去竞争对手那探访,直言穿的好点,不能丢...
    楚门jy阅读 225评论 0 0