首页 热点资讯 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

交互设计原则和理论1——尼尔森十大可用性原则

2024-12-16 来源:花图问答

尼尔森十大可用性原则

1. 状态可见原则(Visibility of system status)

系统应该让用户时刻清楚当前发生了什么事情,也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解,一般的方法是在合适的时间给用户适当的反馈,防止用户使用出现错误。

这条很容易理解,在用户点击按钮后应当给用户实时反馈。比如:toast 提示、下载进度条提示、点赞后按钮由颜色的变化等。都属于此范畴。

状态提示 下载进度条提示


J.Crew 在产品尺码所剩不多的情况下,用户hover出现提示

2.环境贴切原则 (Match between system and the real world)

设计的一切表现和表述,尽可能贴近用户所在的环境,将现实环境的操作功能巧妙的转化为线上功能,使其贴近用户。使用用户能听懂的专业术语,涉及到专业化语言时要转化成用户熟悉的语言。

例如:medium的高亮功能,像我们在用纸质书籍做笔记的时候划的重点标记。


medium 文章的高亮

3.操作可控原则(User control and freedom)

对于用户的误操作,提供二次确认或者撤销的功能,这样可提高用户的操作可控性。

如:邮箱发送的撤回键,微信消息的撤销按钮。

删除二次确认删除 简书编辑文章中的撤销与重做按钮


4.一致性原则(Consistency and standards)

遵循统一的产品设计规范/逻辑。这里的一致性包含产品和跨平台产品之间的一致性。

产品间的一致性,包含视觉和交互的一致性,无论是文案、视觉风格、组件样式等都包含一致性。如:文案中新建数据和添加数据,这类的字段应当保持一致。只选择“新建”或者“添加”,不要混合使用,一致性能让用户产生熟悉感继而提升好感。

ant design 按钮规范


5.防错原则(Error prevention)

设置防错的机制,减少用户犯错。在用户选择动作发生之前,就要防止用户容易混淆或者错误的选择。

例如:用手机号输入时用344的间隔分开,更易于用户对比检查,减少输入错误的情况。“下一步”按钮在没填写完成之前是禁用状态,填写完成后是可点击的状态,这些都是防错原则的体现。

Airbnb登录界面

6.识别好过记忆(Recognition rather than recall)

减少用户记忆负荷,在适合的时机给用户需要获取的信息。

例如:在登录注册时输入手机验证码,系统自动识别验证码信息,点击即刻自动填充验证码。不用再费时费力划到信息栏记住号码再输入了。

众安app 登录输入验证码页

7.灵活高效原则(Flexibility and efficiency of use)

提供灵活的操作和高效的获取信息能力。

例如:淘宝对话框提供智能联想功能,输入关键字自动联想出相关句子,提高效率。

淘宝自动联想功能

8.优美且简约原则(Aesthetic and minimalist design)

保留产品最主要的信息,如果不是优先级最高,要尽一切可能避免去影响产品的简洁和美观。

9.容错原则(Help users recognize, diagnose, and recover from errors)

用户在使用产品过程中出现了问题,及时准确的告知用户出现问题的原因。

例如:而当用户输入错误的时候,输入框会变为红色并且在下方出现红色字的错误提示,这样让用户很清楚的知道用户输入错误以及错误的原因,这样用户就知道怎么修改了,这也是容错原则的一种体现,如下图:

表单未填写错误提示


10.人性化帮助原则(Help and documentation)

在用户需要的时候提供必要的帮助说明。

例如:给一定的说明解释提示,让用户更能理解产品功能。

iOS系统设置的说明性文字,易于用户理解
显示全文