【产品设计】细数那些我们不够重视但又很重要的APP的提醒设计

从某杂志看到测女朋友是否腐女,

问她"攻"反义词是什么,若回"防"那说明正常;若回"受"那明显腐女一枚.

一天我突然想起,就问老婆"攻"反义词是什么.得到答案是"母!"

...额,看来没表达清楚,不对,是"攻击"的"攻".

她的答案让我彻底折服的同时,也证明这则狗一样的测试是完全不可靠的...她说"对呀,母鸡的母!"

-----并不是所有人都会按照你的设定去走的。


本文内容要点:

1.为什么要提醒?

2.什么时候提醒?

3.提醒的设计原则是什么?

4.应该提醒什么内容?

5.提醒的方式有哪些?

1.为什么要提醒?

我们在做完流程图与结构图、原型图之后,还经常会漏掉一项十分重要的内容,这就是提醒了,特别是异常操作的提醒。

提醒的原因是为了引导用户按我们的设定的路线/规则走,给予用户即时反馈,减少挫折,增加成就感。没错,说得就像人生导师一样,一步步的指引用户实现梦想。(让用户赶紧用完/买完东西走人,最好能因为这样痛快淋漓的畅快感而产生好感,安利更多小伙伴来用用用/买买买)

2.什么时候提醒?

2.1新的东西:

·新人,迷路的时候。做为新手不认路,所以不是以设计为卖点的产品一开始设计上别在界面上标新立异,常用的工具别挑战用户的使用习惯,减少用户学习成本。如购物网站,购物流程直接抄京东天猫就行了,大家都熟悉,用户也有路径依赖。

·新功能引导、功能入口的变动。

·新信息、新内容的增加。

2.2实时行为反馈:做对了,给你小红花,绿灯给你通行。做错了打手心,要不再试试?跌倒了,没关系,以后的坑还多着呢。总之就是,对的行为给予激励,错的行为提醒、禁止操作。

2.3其它情况:如加载等待,你没做错,我也没做错,只是我们彼此都需要一点时间。

3.提醒的设计原则是什么?

帮助用户快速愉悦的完成使用目标。

少打扰用户。谁喜欢玩3分钟APP,结果要阅读2分钟使用说明;看2分钟视频,要先看1分钟广告.

简洁清晰。用户一看就明白,一用就懂,给用户一个完美的印象,那最好不过,MUJI和优衣库虽然性冷淡,但是用久了才知道人家把最好的东西都用着材质上了,简单的东西好操作,故障少,容易记住产生好感,谷歌的搜索如此简洁,又如此丰富。

统一稳定。APP经常挂,崩溃,服务器连不上就像三天两头拉肚子,断片,谁受得了。温度才降几天,你就要陷入冬眠,这班还要上么?

可进可退。加载太久甚至失败都不要紧,但是你至少告诉我另外一条出路啊~!追女孩,要是给我一个进度条就好了,好知道我还要花多少钱,还有多长时间可以追到你。

4.应该提醒什么内容?

4.1信息类

操作提示信息

推广信息

新内容更新信息

系统信息

人与人之间的交流信息

4.2行为类

需要引导的行为

正确的行为反馈

错误的行为反馈

提交选项/内容

4.3异常类

客观异常如:断网、切换网络、页面加载失败、冲突、崩溃、低电量、夜间

主观异常如:重复登录/注册、重复回复、重复打扰客服、攻击hack

一般要提前做好发生异常的应对方案,如:实时保存输入/提交数据,如提供实时线上保存数据,普通的印象笔记、简书等如实时用户正在输入数据、填写的选项,哪怕后断网了,断电后,再次打开依然可以看到最新的输入的内容,无需担心丢失。电商、新闻APP类,保存用户的浏览与提交数据,在提交订单前返回、关闭等被打断,再次打开可以提醒用户你上次浏览的页面位置,一键前往,朋友圈评论信息写了没提交,下次打开内容还在。

提供异常的进退方案,如断网了一类提供提醒或刷新、谷歌浏览器提供了一个小游戏。

谷歌chrome断网后出现的萌萌哒小怪兽游戏,按空格即可跑起来

前方高能来了

5.提醒的方式有哪些?

5.1图文:按我自己的分有红点、变色、图标符号、列表、toast浮框、横幅、alert对话框、整页、引导提示等。

5.2声音:简单提示音,常用场景如如欢迎界面、操作反馈、场景进入提醒、接到任务、收钱。

5.3动画:H5、GIF、视频、游戏等。

5.4物理反馈:震动、闪光、呼吸灯等。

重点展开讲图文的:

1)小红点提醒:参照微信

各种小红点提示设计

2)包围框提醒:输入正确或错误

3)变色提醒:

4)符号图标提醒

5)toast 浮框提醒

6)横幅提醒

7)alert对话框提醒

8)列表提醒

一般为登录的时候让你选择城市,或者向用户发评价要求(最好是在任务完成后在满意度都高的时候弹出,不然死得很惨!)。

9)整页提醒

逐步加载页面

10)引导提醒

引导越简单越好,苹果的新产品标准要在7分钟内用户可以上手使用,宜家的拼装家具全是安装图示,无文字解说即可看懂装好。

微信在海外推广的时候,每天打开只提供一个教程学习,剩下让用户摸索。还需要用户大量学习才能上手的,本身就不是以大量用户为基础的互联网公司做的事。

11)其它,随着技术与交互的提升,肯定还有更多提醒方式,我们要有意识的判断与收集新的交互提醒方式。

5.2 声音提醒

提示音:

1)系统信息提示音

2)APP自带提示音

如河狸家商家版当有买家下单的时候,萌妹纸提示音:小河狸又挣钱了,耶!

美团接单:你有新的美团订单,请注意接单!

游戏类APP:各类操作反馈声音,进入场景的声音。

导航类的语音提醒。

相对文字的视觉效果,提示音在听觉上有音色、音调、音量的多重体验,对于很多不方便的场景,如专业的电商销售平台,获得良好的声音反馈,绝对要比弹toast那么冰冷的方式好多了。有钱入袋精神爽!

5.3动画类

如H5、GIF、视频、游戏等优势是加入了动态随时间而改变的维度,使交互提醒更加丰富与细腻。劣势是技术与创意成本相对比高、占内存,越复杂的东西对使用环境要求越高,看情况用吧。

5.4 物理反馈

一般手机是震动与安卓的呼吸灯、光线感应器(结合时间切换日间夜间模式)等物理硬件,使用环境影响更加大,看受众吧。

上面这些从图文到动画,再到物理反馈越来越丰富也越来越复杂,好比

苍老师.txt、苍老师.gif、苍老师.avi、苍老师VR,我们可以根据用户与自身的环境去选择适合我们的提醒方式,别忘了初心就是要做好用户根据我们的路线走。


5.5化学反馈?

有这个么?

几年前有个气味交互概念。

最近还有这个交互:

我们先来看个故事:

我是支援中东的中。国特种兵,是个狙击手,今天执行任务的时候蹲到了老美的狙击手,他就在另一个掩体后面,也发现了我。 我们两个都躲在各自的掩体内,不敢露面。时间一分一秒的过去,我们两个却静静的对峙,谁都没敢动。

就在这时,我听到了对面掩体后发出了窸窸窣窣的声音,我知道那个老美待不住了,他想跑,我架好枪,只等他出来送他归西。 他的确出来了,我瞄准头部一枪开了过去。可是刚刚开枪我就后悔了。 因为,他在头盔上绑了一个华为,被我不偏不倚的打中了。 对方也有所准备,在我开枪的一瞬间,也对着我开了一枪,我急忙缩到掩体后,躲过了一劫。

老美的确狡猾,居然懂得用华为挡子弹。 我犹豫着,从口袋中掏出战友送我,一直未开机的三星note7。 我点燃一支香烟,考虑了好久,才按下开机键。 三星note7并没有爆炸,这让我长舒了一口气。 我计算了一下我和老美之间的距离,算准了抛物线,然后默默地掏出了我的小米。 中东有时夜晚寒冷,我经常靠它取暖,现在,除了取暖,它还可以帮我一个天大的忙。

我翻着小米的电话簿,终于找到了一个号码,备注是三星note7。 我又翻了翻背包,从中掏出一个苹果7,这是我在战场缴获的,现在,也能派上用场。 现在,机会只有一次。这次,不容有失。 刚刚对战之后,老美的狙击手显然处于上风,一直在悄悄地瞄准着我,我并不敢露头。

把手中烟头摁灭,我心一横,成败,在此一举。 躲在掩体后,我将苹果7猛的向上一抛,紧接着在极短的时间内,我将三星note7抛掷到老美藏身之处,另一只手抓起我的小米,拨通了电话。 “轰”一声巨响,我明显感觉到我的掩体颤了颤。 我默默地掏出了仅剩的最后一根香烟,点燃,深吸。 最终,我赢了。

只因那老美贪心的用瞄准镜看了一眼苹果7,而没有狙掉足以让他失去生命的三星note7。 明天,我的敌人是谁,我是否能继续活着,还是未知。 香烟燃尽,我拿起了仅剩的小米,发了这条评论。 默默地做了许久,我下定决心回去要向指挥官申请一台诺基亚,我还缺个趁手的近战武器。 夕阳下的余晖,我扛着枪,准备回去报道。 有的时候,改变战场的,真的是高科技。

好了。本期到此结束。很快就要过年了,我怕来不及,先祝大家2017年新年快乐。


小编上班朝九晚九,还要回家码字,不容易哦~!为了更好的输入内容,你可以选择以下支持方式。

                    赞赏         |             转发


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

推荐阅读更多精彩内容