尼尔森十大交互设计原则
2年前Publish
Web 交互易用性方面的知识,提高用户体验。

尼尔森十大可用性原则


尼尔森(Jakob Nielsen)是一位人机交互学博士,于1995年1月1日发表了「十大可用性原则」。1995年以来,他通过自己的 Alertbox 邮件列表以及useit.com 网站,向成千上万的 Web 设计师传授 Web 易用性方面的知识,尽管他的一些观点可能带来争议,至少在 Web 设计师眼中,他是 Web 易用性领域的顶尖领袖。




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


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


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





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


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


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






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


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


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




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


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



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





5.防错原则(Error prevention)


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


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





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


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


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






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


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


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






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


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






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


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


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





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


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



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


原文链接:https://www.jianshu.com/p/33db02bc7b24
5
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
上海 | 设计爱好者
Article information
文章标签
收录收藏夹
更多收录此文章的收藏夹