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