《尼尔森十大可用性设计原则课件.pptx》由会员分享,可在线阅读,更多相关《尼尔森十大可用性设计原则课件.pptx(28页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 尼尔森(尼尔森(Jakob NielsenJakob Nielsen)是一位人机交互学博士,于)是一位人机交互学博士,于 1995 1995 年年 1 1 月月 1 1 日发表了十大可用性原则。日发表了十大可用性原则。1995 1995 年以来,他通过年以来,他通过自己的自己的 Alertbox Alertbox 邮件列表以及邮件列表以及 网站,向成千上万网站,向成千上万的的 Web Web 设计师传授设计师传授 Web Web 易用性方面的知识。易用性方面的知识。第1页/共28页撤销重做原则一致性原则防错原则易取原则目录目录环境贴切原则状态可见原则灵活高效原则易扫原则人性化帮助原则容错原则
2、第第2页页/共共28页页1、状态可见原则状态可见原则 用户在系统上的任何操作,不论是用户在系统上的任何操作,不论是单击、滚动还是按下键盘,页面应即时单击、滚动还是按下键盘,页面应即时给出反馈。即时是指,页面响应时给出反馈。即时是指,页面响应时间小于用户能忍受的等待时间。间小于用户能忍受的等待时间。第第3页页/共共28页页案例:1、微信的发送信息时,信息文本左边有个半透明白灰色的转轮给出发送中的反馈,发送失败时会出现红色感叹圆给出发送失败的反馈。2、点击微信右上角+,即时给出显示相应的操作按钮的反馈。如图所示:第4页/共28页2、环境贴切原则环境贴切原则 系统的一切表现和表述,应该尽可系统的一切
3、表现和表述,应该尽可能贴近用户所在的环境,而不要使用系能贴近用户所在的环境,而不要使用系统的语言。统的语言。iPhoneiPhone人机交互指南里人机交互指南里提到的隐喻与拟物化是很好的实践。此提到的隐喻与拟物化是很好的实践。此外,还应该使用易懂和约定俗成的表达。外,还应该使用易懂和约定俗成的表达。第第5页页/共共28页页案例:微信的发现页面,每个子功能的图标和表述都贴切用户的环境,图标采用拟物化,表述采用用户熟悉的语言。如图所示:第6页/共28页3、撤销重做原则撤销重做原则 为了避免用户的误用和误击,系统为了避免用户的误用和误击,系统应提供撤销和重做功能。应提供撤销和重做功能。第第7页页/共
4、共28页页案例:1、微信的导航栏切换、页面返回。2、聊天窗口误发信息,支持撤回信息。如图所示:第8页/共28页4、一致性原则一致性原则 同一用语、功能、操作保持一致。同一用语、功能、操作保持一致。第第9页页/共共28页页案例:微信的摇一摇功能,打开摇一摇的页面,icon保持一致。如图所示:第10页/共28页5、防错原则防错原则 通过系统的设计、重组或特别安排,通过系统的设计、重组或特别安排,防止用户出错。防止用户出错。第第11页页/共共28页页案例:微信的附近的人功能,使用会弹窗提示,提示用户位置信息会泄漏,防止用户出错。如图所示:第12页/共28页6、易取原则易取原则 尽可能减少用户对操作的
5、回忆负担,尽可能减少用户对操作的回忆负担,功能选项应该是可见的,使用说明都是功能选项应该是可见的,使用说明都是可预见的。可预见的。第第13页页/共共28页页案例:最显著的案例就像苹果手机一样,当在接收注册短信验证码的时候,短信会出现在上面,用户不用去记忆验证码,可以直接看着验证码输入。第14页/共28页7、灵活高效原则灵活高效原则 中级用户的数量远高于初级和高级中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。也不可轻视,保持灵活高效。第第15页页/共共28页页案例:微信的发现页面的子功能默认全部显示,但在设置中可以
6、对每个子功能的启用停用,满足不同用户的需求,保持灵活高效原则。如图所示:第16页/共28页8、易扫原则易扫原则 互联网用户浏览网页的动作不是读,互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。点,弱化和剔除无关信息。第第17页页/共共28页页案例:微信对信息详细分类在不同的页面,每个页面只显示相关的功能。微信的发现页面,只显示存在着探索关联的功能(参考环境贴切原则的图示)。第18页/共28页9、容错原则容错原则 帮助用户从错误中恢复,将损失降帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详到最低。如果无
7、法自动挽回,则提供详尽的说明文字和指导方向,而非代码,尽的说明文字和指导方向,而非代码,比如比如404404。第第19页页/共共28页页案例:微信用户误删好友后,直接通过群找到好友,添加到通讯录,不用好友通过验证,恢复好友。微信误发红包,对方也不接收红包,超过24小时后自动退回到用户钱包,避免用户的损失。用户误打开附近的人,位置信息泄漏,用户可以点击页面右上角的清除功能可随时手动清除位置信息。如图所示:第20页/共28页10、人性化帮助原人性化帮助原则则 如果系统不使用文档是最好的,但如果系统不使用文档是最好的,但是有必要提供帮助和文档是有必要提供帮助和文档。帮助性提示帮助性提示最好的方式是:
8、最好的方式是:1 1、无需提示;、无需提示;2 2、一次、一次性提示;性提示;3 3、常驻提示;、常驻提示;4 4、帮助文档。帮助文档。第第21页页/共共28页页案例:微信发朋友圈的状态时,文字文本会出现“这一刻的想法”提示帮助。微信的帮助与反馈,提供常见问题、相应功能的快捷帮助以及意见反馈。如下图所示:第22页/共28页题外话:办公室一族怎么减轻颈、肩、腰疼痛?一、正确的坐姿二、工作之余运动一下接下来讲具体怎么做?第23页/共28页如何减轻颈肩腰部的疼痛?第24页/共28页正确的坐姿:第25页/共28页工作之余运动一下:第26页/共28页THANK YOU第第27页页/共共28页页感谢您的观看。感谢您的观看。第第28页页/共共28页页