尼尔森十大可用性原则,多图再解释。
上一次我们说了尼尔森前五大设计原则,今天讲讲后五大设计原则。
6、识别比记忆好(易取原则)
将功能和操作尽可能可视化,从而把用户的记忆负担降至最低,用户不能一直处于记忆状态。关于系统的使用说明应该是可见的或者是容易获取的。
6.1 功能的可见性
用户不习惯也不善于发现隐藏的功能。
相比于微信朋友圈双击头部区域回到顶部,大家之所以知道这个操作,是因为苹果系统培养起来使用习惯。
相反图二返回顶部的按钮更能让人们感知到返回顶部这个操作,而且返回顶部icon只有在你做出返回顶部这个操作的时候才会出现,这就符合需要时才显示的原则。

6.2 内容的分组
认知心理学有个理论,短时记忆7±2,也就是人的短时记忆只能记住5-9个东西。下图放在一起和不放在一起,那个更好?虽然它们数量一样,但是有分组更方便人们的记忆和操作。

6.3 图标+名字
常用的图标通常识别性很强,但是不要轻易的将图标的名字擦除,因为在大部分情况下,“图标+名字”给用户带来的认知强度胜于它们各自单独呈现的方式。尤其在图标有多个意思的时候,比如QQ附近的人用个地理位置图标,这个图标放在其他APP,可能表示定位的意思。

6.4 预留线索
在界面设计中设置一些视觉线索,暗示用户该如何操作。
比如今日头条的底部图片只展示一半,暗示用户可以上拉加载更多。

7、使用的灵活高效(灵活高效原则)
系统需要同时适应于经验丰富和缺乏经验的用户。专家级用户需要快捷的操作方式,但是新用户却并不需要知道,允许用户对常用功能进行设置。
7.1 尽可能短的任务流程
试想两个场景,来了一个电话,这个时候你找包,然后在一顿乱翻之后,拿到手机,电话已经挂断了。
另外一个场景,电话就在你的手中,来个电话你直接接听,那个完成任务的可能性高。
每多一个步骤,就增加用户完成任务的难度和提高用户流失率。

7.2 尽可能少的页面跳转
在网站和手机系统当中,提高使用效率还意味着尽可能减少页面之间的跳转。这样可以减少用户的学习难度,同时也可以降低用户在系统中迷失的几率。
比如微信的上传图片,如果让你每次只能上传一张图片你要上传好几次,通过多选就有效的降低了频繁的页面跳转,优化了用户体验

7.3 流畅的使用体验
用户喜欢流畅的使用体验,不喜欢在使用过程中被打断,就像你在打王者农药的时候,不想别人来电话一样,因为系统不仅要听命于用户的操作,而且需要预测用户下一步想要做什么。
所以下面弹框的这种强提示要慎用。

7.4 平衡专家用户和大众用户
对于一些功能,在提供给专家用户快捷操作的同时,也要照顾到普通用户的使用需求。
在IOS系统中,专家用户可以通过从右向左滑动来快速调出删除按钮,但这个操作十分隐蔽,不易被发现。因此对于新手用户来说,IOS提供了一个相对复杂但是人人会用的方式:在菜单上点击“选择”,然后逐个选择,再进行删除。

8、审美和简约的设计(易扫原则)
交互对话中并不需要无关或很少涉及的信息,任何多余的信息都将会影响到有用的信息并降低它们的可见性。
人的认知负荷度都是有限的,所以只要展示你想让用户看到的信息,其他多余的信息都是噪音。
8.1 让界面保持干净简洁
干净简洁的页面让人赏心悦目,易读、易于导航,避免操作错误等等。这点对于手机界面来说尤为重要。
8.2 美就是好
人们都喜欢美的事物,美的东西给人一精神上面的享受,所以人们喜欢美好的事物。很多人买苹果,除了系统好用以外,还有它的颜值。

9、帮助用户识别,诊断,并从错误中恢复(容错原则)
用简单明确的语言解释错误信息,精确的指出问题原因并提出建设性解决方案。
9.1 引起用户的注意
当错误发生时,提示信息一定要直观醒目,文字需要简单易懂。
比如下图,在用户购买金额不符合要求的时候,会用红颜色的文字提示它,这样比较醒目,同时文案尽量精简易懂,不要冗长。

9.2 建设性意见
当用户遇到错误的时,尽可能提供有实质意义的信息,比如:问题是什么?如何从错误中恢复?
比如有的登录注册页面提示用户名或密码错误,那到底是用户名错误还是密码错误,还是两个都错了?

9.3 自动纠错
如果系统能够帮助用户自动甄别错误并及时的进行修正,那将给用户带来极大的使用便利。
比如搜索王宝抢,百度自动帮我搜王宝强,并同时给你留一个搜王宝抢的入口。

10、帮助文档(人性化帮助原则)
尽管系统能够在脱离帮助文档的情况下使用是一件非常好的事情,但提供相关的帮助和文档仍然非常有必要。帮助信息应当易于查找、聚焦于用户的使用任务,列出使用步骤,并且信息量不能过大。
10.1 及时的帮助
在不需要的时候,用户不喜欢被帮助信息所干扰;但是在需要的时候,用户期望能够马上获得相关帮助信息。因此,在用户不熟悉的操作和信息周围,可以预先设置好信息的提示和帮助。
比如APP的新手引导。

10.2 简洁有效的帮助
给用户提供的帮助要简洁有效,人在需要帮助的时候心情都是急躁的,产品手册式的帮助只能让用户骂娘。
下图的帮助形式就比较简单明了。

更多问题欢迎加微信yw5201a1交流,更多干货可关注微信公众号:chanpinliu880。
爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。【转载说明】  若上述素材出现侵权,请及时联系我们删除及进行处理:8088013@qq.com