www.k8.com,凯发娱乐网,凯发k8下载,凯发娱乐网站

公司简介

联系人:www.k8.com总经理
电话:
传真:
地址:凯发娱乐网商贸公司

新闻中心 NEWS

当前位置:主页 > 产品案例 >
案例分析:产品中非模态反馈”信息设计的意义与方式
来源:http://www.rulenbg.com 责任编辑:www.k8.com 更新日期:2018-09-08 10:50
本文作者是PMCAFF会员刘东晨,首发于PMCAFF社区。文中作者用丰富的案例,如淘宝、知乎、QQ邮箱、ins、Gmail、印象笔记、网易云音乐,解释了非模态反馈的意义和应用,并详细解说了如何设计非模态反

  本文作者是PMCAFF会员刘东晨,首发于PMCAFF社区。文中作者用丰富的案例,如淘宝、知乎、QQ邮箱、ins、Gmail、印象笔记、网易云音乐,解释了非模态反馈的意义和应用,并详细解说了如何设计非模态反馈。对于产品设计有参考价值,值得细读,欢迎大家讨论。

  它的“富”在于能够深入全面的信息,让人了解一个进程的状态或者属性,或者当前应用程序的对象。它的“视觉”是指按习惯方式利用屏幕上的像素(通常是动态的)。

  它的“非模态”在于信息能及时轻松地显示出来,即不需要用户做特殊动作或者转换模式,就能看到和理解这些反馈。(参考

  以上通过颜色、图标及详细的文字等信息告知用户某一订单的所有状态和属性。这虽然能够让用户掌控所有订单情况,但是在视觉读取上需要耗费用户很大的能量,并且一些某些反馈需要手动操作才行。因此这种“富视觉非模态反馈”需要一定的学习成本,它更适用于更多的后台系统中的。

  上面两个图都是为了提醒用户输入有误,左图非模态反馈,信息提示几秒后便消失,并不妨碍用户正常的操作行为。右图为模态反馈,中断了用户的操作,需用户手动确认后方可进行后续操作。

  我的定义,环亚娱乐手机下载,非模态反馈(modeless feedback)是一种有效的信息提示的表达方式,这种信息的反馈不会影响到用户正常的操作,更不会打断用户的行为,它能够在关键时刻提醒用户任务的状态是什么,是完成了还是失败了还是出错了甚至是操作提示,这就是非模态反馈。

  模态是指界面中只有提醒弹框才具有可交互行为,其他一切都不可操作;非模态不会把提醒做成弹框,可能会处理成List Notification, Toast list等方式来提醒用户

  存在的意义在于,帮助用户更加有效的完成任务。“有效”包含了提供有用的信息反馈,提高任务的操作效率。

  程序必须假装用户始终是正确的,并不意味着用户实际上总是正确的。用户出错可能不是程序的故障,但是程序有责任。

  而非模态反馈的意义在于审核用户的操作,然后给出相应的判断,但不能“自以为是”地纠正用户的错误。

  上文中,说到“富视觉非模态反馈”的应用,更多的在于后台系统中的行为。而“非模态反馈”则是简单的用户输入信息或操作,系统给出相应的答复,在设计这个答复的信息界面时,我们则需要从用户的角度出发,以有效的帮助用户完成任务为目标设计。

  上文中提到的案例,这其实并不是一个很好的“非模态反馈”设计案例,为什么?如左图:

  第二,这种反馈抢占了视觉信息的中心,而用户的这种犯错并不是一个严重的不可挽救的行为。

  第三,这种反馈出现的位置占据了用户的输入信息框,一定程度上阻碍了用户输入信息的操作。

  因此更好的“非模态反馈”是如右图,在用户跳过金额或快递直接输入单号时,及时的在用户提交之前反馈用户那些遗漏的输入,并以一种更和谐不打断用户操作的方式进行。

  chrome浏览器中打开一个新的页面,pk10凯发娱乐平台,将已加载好的内容呈现给用户,同时标签栏中有个小转头提示用户页面并未全部加载完成。

  Gmail是第一个把删除的模态弹框设计成List Notification这种方式的,提醒用户撤销刚才的删除操作,这种非模态的处理,让删除的流程更加顺畅和轻松自如。

  ins发布一条动态时,以非模态的形式告知用户上传进度同时不影响用户对其他内容的继续浏览。而下方某APP在上传歌曲时以模态弹窗反馈用户进度,不仅打断了用户的后续操作同时无取消按钮,上传成功后依旧采用模态对话框,严重干扰到了用户操作流程。

  QQ在绑定手机号码后,如右图会自动进入到匹配通讯录的任务,并告诉用户程序在干什么。

  PMcaff,致力为产品经理等产品爱好者打造最好的交流学习平台,PMcaff为广大的产品经理及产品爱好者提供产品资料、工具的下载,产品经理培训以及产品招聘信息的发布等服务,帮助产品经理解决在工作中遇到的问题。

 
上一篇:你离爆火的信息流广告只差一个创意雷达的距离
下一篇:www.k8.comwoshiPM训练营深圳站:帮助懒人坚持锻炼身体的社交APP 返回>> 
 
联系人:www.k8.com技术总监 公司地址:凯发娱乐网商贸公司 电话: 技术支持:
Copyright © 2017 www.k8.com,凯发娱乐网,凯发k8下载,凯发娱乐网站 All Rights Reserved网站地图