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