文章目录

易用性验证
- 尼尔森十大易用原则
- - 系统状态的可见性
  - 匹配系统与真实世界。
  - 用户的控制性和自由度用
  - 一致性原则
  - 防错原则
  - 系统去识别而不是让用户记忆
  - 使用灵活度高
  - 简约设计美学
  - 帮助用户识别，诊断，并从错误中恢复。
  - 帮助文档
- 易用性检查项
- - 界面
  - - 检查点
  - 控件
  - - 检查点
  - 工具栏
  - 菜单
  - 操作按钮
  - 下拉列表
  - - 检查点
  - 单选框&复选框
  - - 检查点
  - 文本框
  - 其他

易用性验证

通过了解尼尔森十大易用原则，探讨易用性测试需要注意的测试点。首先还是介绍一下尼尔森的十大易用原则有哪些，然后总结一下前端的检查点。

尼尔森十大易用原则

系统状态的可见性

始终让用户了解当前发生的事情，并在恰当的实际给予适当的反馈。

匹配系统与真实世界。

界面语句需要有易读性及易理解性。

用户的控制性和自由度用

用户在功能选择上犯错，应该允许用户堆操作进行撤销和重做。提高用户操作容错率

一致性原则

同一个系统内所有的语言应该有一个统一标准。同一用语、功能、操作应该保持一致。

防错原则

比出现错误信息提示的更好设计微防止此类问题的发生。如果某些操作不能进行，需要置灰或隐藏。即每一项操作都应该有正确或错误的提示。

系统去识别而不是让用户记忆

尽量减少用户对操作目标的记忆负荷，系统的使用说明应该是可见的或者容易获取的，在必要时应该有相应的提示信息。

使用灵活度高

系统可以同时满足有经验和无经验的用户。提供新手引导以及skip跳过。满足大多的基础快捷键交互操作。

简约设计美学

对话中不应该包含无关紧要的信息。视觉上有明确的区分信息轻重。

帮助用户识别，诊断，并从错误中恢复。

错误信息应该用语言表达（不可使用代码、编号），较准确地反应问题所在，并提出一个建设性的解决方案。报错时需要提出准确的解决方案。

帮助文档

界面提供hover后tooltip进行简短说明功能。

易用性检查项

界面

基本准则：

界面整洁、排列整齐、分清主次、突出重点
图片和图标风格同一
参考B/S系统界面常用框架：页头、导航、主体内容、页脚、（侧栏导航）

检查点

操作界面一致，如操作按钮位置等。
界面舒适与完整。
页面整洁不凌乱、不错位。
网站整体风格一致，网页布局、文本的字型、字体、颜色保持统一。
最常用的按钮和菜单放在界面显著位子和，使用颜色货亮度差别突出显示重点部分。
输入合理信息时，UI布局合理、整洁、不拥挤。
在每一页的相同位置放置相同的功能或类似功能，操作结果应该一致。
内容应占据网页的大部分空间80%，导航不超过20%。
比例适当，不要出现横向下拉条。
导航菜单货窗口进入级别避免过多和过深，常用功能突出。
屏幕对角线香蕉的位置是用户直视的位置，正上方1/4为易喜迎用户注意力的位置。
颜色：测试人员需要对比颜色和字号。设计图缩放100%，和实现界面进行一一对比。
字体：
a. 字体样式一致
b. 标题和正文区分，各级标题字体样式统一
c. 文字链接与非链接要区分
d. 字体颜色与北京颜色不宜相似
页面对齐处理。
图标、图片不严重失真、图标风格统一。

控件

窗口有标题。
避免不同窗口使用相同的标题。
窗口的标题应该与命令相符。
设置弹出窗口的默认位置。
设置窗口的默认大小。
避免一个以上的弹出窗口层次。
系统中的窗口标题、关闭、确认等操作位置一致。

检查点

全部窗口可以正常关闭。
信息项复杂的界面要使用弹出床，窗口可以改变大小、移动、滚动。
窗口中的数据内容可以用鼠标、功能键、方向键头、键盘访问。
显示多个窗口时，窗口名称需适当表达。
活动窗口的高亮。

工具栏

工具栏是命令的一种图形化，目的是为了高效访问。

工具栏需要合理的即时提示信息。
默认应用使用不超过2行。

菜单

菜单功能条功能可使用。
菜单功能位置随着操作有高亮或置灰处理。

操作按钮

常用按钮需支持快捷键。图形应适用。

下拉列表

下拉列表用于从一组互斥值列表中进行选择，用户只能选一个选项。

检查点

选项不宜过多。
提供快捷键定位。
视觉统一。
树形展示。
不选择时，应提示none or 无，不能直接空白。

单选框&复选框

检查点

单选和复选的区别 - 互斥性。
重要选项需有提示信息。
排版。

文本框

输入框考虑最长字段长度来确定其长度。
样式统一。
js强迫限制输入的格式。
文本框自动联想。
基本规则判断。

其他

对话框：需要特殊处理的都需要有提示信息。
状态条、滚动条：避免出现横滚和多个滚动条。
消息提醒：提醒高亮且醒目、同一类型的提醒位置固定、提供操作入口。
列表：显示可视化适用性。
查询统计：默认置与用户自设值、显示、导出性。
文案措辞。

尼尔森十大易用性原则驱动的测试相关推荐

用户体验——尼尔森十大交互原则
测试-用户体验合理性? 用户体验? 好的文章: https://www.360kuai.com/pc/95bab86be14e98bd4?cota=4&tj_url=so_rec&si ...
B端系统体验好不好，尼尔森十大可用性原则
B端系统的用户体验至关重要.这些系统通常是用于提升商业效率.生产力和准确性,因此用户界面的设计和易用性直接影响到生产力和员工满意度. 以下是尼尔森十大可用性原则,可以帮助设计出更好的B端系统用户体验: ...
交互设计中的尼尔森十大可用性原则
交互设计领域有丰富的理论沉淀,最著名和经典的理论当属人机交互大师雅各布·尼尔森 (Jakob Nielsen)博士在1995提出的尼尔森十大可用性原则( Jakob Nielsen's Ten Usa ...
产品设计-尼尔森十大可用性原则
产品设计-尼尔森十大可用性原则 1.反馈原则系统应该在合理的时间.用正确的方式,向用户提示或者反馈目前系统在做什么.发生了什么.人机交互的基本原则是,让系统和用户之间保持良好的沟通和信息传递 ...
课后实践2：以抖音为例使用以尼尔森十大可用性原则体验产品
课后实践2:使用以尼尔森十大可用性原则体验产品本作品为白熊学院2021年的第92期作品,禁止抄袭! [作业目标] 都说想成为一个优秀的产品经理就要多去体验产品,手机至少要有100个以上的App.但是 ...
产品学习过程记录（一）——尼尔森十大可用性原则体验产品
产品学习过程记录(一)--尼尔森十大可用性原则体验产品体验原则1:状态可见原则产品名称:藏书馆体验点截图+标注: 解释说明:在藏书馆中搜索书籍借书时,点击"免费借阅"之后,会 ...
产品必备技能（二）：尼尔森原则-产品体验框架，实操使用以尼尔森十大可用性原则体验产品
文章目录产品体验目标尼尔森原则-体验框架体验原则1:状态可见原则体验原则2:环境贴切原则体验原则3:用户可控原则体验原则4:一致性原则体验原则5:错误预防原则体验原则6:识别好过记忆 ...
史上最全交互设计原则（四）之尼尔森十大交互原则
今天给大家分享一下尼尔森十大交互原则,尤其是在设计B端产品时,每一项都是非常的重要的,希望能够帮助到家,如果大家觉得不错,可以给博主来个三联,好了废话不多说直接上干货. 一.反馈原则(Visibili ...
《惢客创业日记》2019.06.29（周六）尼尔森十大交互原则（二）
今天,继续分享我学习的<尼尔森十大交互原则>第四到第十条. 四.一致性原则意思是用户在体验每一个相同的操作时,比如:弹出消息,尽量保证每一个弹窗效果.字体大小.背景和前景颜色.页面布局的 ...

尼尔森十大易用性原则驱动的测试