移动端的通知设计及在反馈中的应用

通知设计

通知的设计应该做到能及时的将用户关心的信息内容传递给用户,信息是要针对用户的需要,或者是紧急的内容,否则很容易引起用户反感。所以通知的设计要遵循——及时传递有效信息,能够引起用户注意又不打断用户当前的操作流——的原则。一下是常见的通知系统:

1、通知中心:通知提醒内容都聚在此,在进入系统后任何情况下都可以下拉查看,是最不干扰用户的方式。

2、顶部横幅:在界面顶部短暂停留,能引起用户注意,但又不会打断用户当前的操作。

3、对话框(Alert):打扰程度最大的通知提醒,会打断当前界面所有的操作。对于这种形式的泛滥,很多用户都选择直接关闭窗口,而不会仔细查看内容。

4、Toast:主要针对app内的通知提醒,是一种操作后的反馈,告知用户结果。可以设置时长,一般是3秒左右。

5、标志:告知用户有新内容,提醒查看。常见的表现方式为红点和数字。红点是一种更新提示,而数字则在更准确、和用户关联度很高的提示。红点提示和数字提示常常出现在app的标签栏和一些列表中,例如微信的标签栏中和QQ的好友列表中。在权重上来说,红点和数字相比,数字更能引起用户的注意,但当这个数字过大时容易被用户忽略。所以红点提示适合在大信息量更新,且权重不高的情况下使用,点击过后红点消失。数字提示则更适合在更新信息量小,跟用户相关性高的情况下使用,点击过后消失。

反馈模式

优秀的用户界面设计应该为用户“提供恰当的、清晰的、及时的反馈,好让他们看到自己的操作结果,并知道系统发生的变化。”反馈有各种形式,从简单的进度指示器和确认信息,到更为复杂的动画和特效。移动反馈模式包括错误提示、确认和系统状态。

1、错误提示

错误提示应该用直白而非代码式的语言表达出来,精确地指出问题所在,并给出建设性的解决建议。最佳实践是在一页上突出显示错误提示。这种设计方案比模态对话框更好,因为模态对话框会遮挡住问题。

2、确认

在执行一项操作时,要提供确认。但不要使用“对话框”反模式,比如安卓版的亚马逊,而要寻找不会打断用户操作流的提供确认反馈的方法。

1)例如,ios版亚马逊使用动画来表示一件商品被加入了购物车,且购物车的商品数量会随之更新。

大家熟知的淘宝在添加购物车的环节使用了Toast告知用户商品添加成功,同时购物车标记数字会随之变化
2)行内反馈是一种很好的提供确认的设计模式。这种模式特别适用于表单,当用户在填写表单时,会给用户及时有效的反馈,而当提交无效数据时,也会触发多个错误提示。

3)另一个提供确认的方案是使用一种叫做“toast”的暂时通知。这种通知短暂地停留在屏幕上(5秒或更短),然后消失。不需要用户进行额外的点击操作。toast通知确认刚刚执行的操作,并提供一个撤销选项,如gmail。

3、系统状态

《移动应用UI设计模式》的作者鼓励设计师和开发者使用与网页端和桌面软件相同的技术来显示系统状态。通常来说,这些技术就是加载指示器(此处详情可单独成文,后续会陆续总结)。

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

推荐阅读更多精彩内容