很多初入行的交互设计小白在刚开始做交互设计时,不知道从何入手。其实,只要交互设计遵循“尼尔森十大可用性原则”,你做出的交互稿就不会太糟糕。熟练掌握十大可用性原则对于指导设计意义重大,可提升整个产品的可用性体验。(建议收藏)
1. 状态可见原则(Visibility of system status)
系统应该让用户时刻清楚当前发生了什么事情,并了解自己处于何种状态
左侧案例给予了充分提示且提供了建议的操作按钮而右侧案例中图标过大、相关性不强且提示文字不够明显其他的案例有toast 提示提示、进度条提示等,其中的颜色变化、图标、文案均为状态可见原则的体现

2.环境贴切原则 (Match between system and the real world)
环境贴切原则可以总结为两点:
1)系统的设计需尽可能贴近用户所在的环境(场景化设计)场景化设计在IOS系统上已经有多处体现
例如:抬头唤起功能、单手操作功能、静音键等在微信的设计中也有多处体现
试想:按下说话的功能是否与对讲机的操作类似呢?微信红包的功能是否很贴近线下发红包的场景,把钱用红包包封起来,需要打开后才知道里面有多少钱呢?

2)涉及到专业化语言时要转化成用户熟悉的语言(说人话)

3.操作可控原则(User control and freedom)
1)对于删除、修改等风险性操作需要给予充分的提醒,并提供撤回按钮以防止误操作

2)对于不可逆转的操作需要多次提示或增加操作难度以防止误操作

4.一致性原则(Consistency and standards)
产品需遵循统一的产品设计规范/逻辑,这里的统一包含了产品内部和外部系统的统一
1)视觉上的统一

2)交互逻辑的统一

5.防错原则(Error prevention)
设置防错的机制,减少用户犯错的几率

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)
在用户需要的时候提供必要的帮助说明。例如:有道云笔记在收藏页面右上角提供了如何收藏的操作说明

网友评论