最新总结:交互设计中一些可用性原则

更新时间:2018-11-20

什么是交互设计?

所谓交互就是指产品和它的使用者之间的互动过程。交互设计就是通过设计出符合用户认知模型并且完整的用户操作流程和使用界面,从而减少用户在使用过程中产生的困扰和负面情绪,避免操作任务的失败。

比如用手势、语音来打开一个界面,又或是点击一个按钮来触发某个流程,交互设计利用用户场景、用户心理去设计用户行为,从而使产品能用、易用、好用。

1、重要内容明显且清晰

用户的阅读动作是扫,而不是看。所以重要的文字和图像应该足够大和清晰,减少不必要的视觉元素和无关紧要的信息,以便阅读和操作

例:重要文字加粗加大显示、购买按钮明显可见

2、配色方案和品牌识别

基于品牌调性的配色方案,不刺眼、不反感

例:网易云使用品牌红色进行配色

3、一致性

相同功能、操作、用语保持一致

例:使用同样的控件、新增操作统一叫“新增”

4、交互和非交互元素区分明显

可交互的元素应该更清楚的显示出来,而非交互的元素不应该看起来是可交互的

例:可点击的链接用颜色凸显、不可点击元素置灰

5、页面布局清晰

模块与模块之间结构清晰,相关功能、内容应该在同一模块中

例:微信的栏目(消息、通讯录、发现、我的)

6、导航分类清晰

导航分类清晰,能让用户方便快捷的找到想要的功能

例:网站导航设计

7、通俗易懂的文案

将所有复杂的术语、行动和缩写用易懂的方式说清楚,没办法简单说明时需要给出解释,简单一句话就是“说人话”

例:不要使用“system error”、“404”等术语

8、清晰的选项

提供清晰的表单列表,分组明确,需要步骤的明确需要几步,需要准备的东西提前告知

例:表单列表中操作按钮清晰可见

9、操作反馈

及时对用户的操作给予反馈,成功就告诉用户成功,失败了就告诉用户失败,等待中就告诉用户需要等待多久

例:支付宝扫码支付成功界面、下拉刷新加载界面

10、符合预期

任何操作跳转符合用户的心理预期

例:点击购买按钮,不能打开开户页面

11、避免重复/过多的操作

不要要求用户多次输入相同的内容或进行同一操作

例:要求重复输入密码操作、输入身份证后又要求输入出生年月

12、用户的控制度和自由度

给用户控制度和自由度,让用户自主做决定,不要帮助用户做决定,可以引导用户做系统希望做的

例:微信消息支持撤回操作、办公工具提供撤销功能

13、遵循惯例

除非有一个非常特殊的原因,否则请遵循互联网所形成的规定

例:收藏图标、分享图标

14、防错处理

最好的做法是做到用户无法出错的设计,其次是在用户可能出错的时候给予提醒,如果误操作,请提供恢复的方法,如果无法恢复,一定要反复警示提醒

例:信息录入不完全或者不正确,提交按钮置灰且不可点击

15、容错

用易懂的方式说明错误原因,并提供一个建设性的解决方案

例:页面加载失败,提示失败原因之外应该提供重新加载按钮;登录失败,提示失败原因之外应该提供找回密码之类的建议

16、帮助记忆

减少用户对信息的记忆负荷,帮助用户在需要之前信息的时候提供相关信息

例:展示用户筛选数据时选择的条件

17、灵活高效

可以满足新用户和老用户,允许用户频繁操作,并且不要因为小部分人的需求而放弃大部分人的需求,切忌以点概面

例:新功能引导说明

18、清晰的信息架构

信息的分类清晰,层级关系明确,任务路径清晰

例:各大APP中对我的栏目中的信息进行分类

19、提供用户需要和期望的功能

提供用户可以方便快捷操作的功能

例:列表信息较多的情况下提供搜索、筛选功能

20、对复杂的操作给予帮助

对负责的功能提供新手帮助或者清晰的解释说明

例:帮助说明文档、问号解释、常驻提示

21、提供必要但不多的内容

提供足够用户能够完成任务的内容,而不是过多的不必要的内容

例:登录界面聚焦核心登录流程,不展示其它业务信息