尼尔森十大可用性交互原则,用页面来举个例子

尼尔森(Jakob Nielsen)是一位人机交互学博士,曾发表的十大可用性原则,不仅适用于Web端,也适用于移动端,也是我在日常设计时日常用来参考和学习;

 

下面的内容来根据自己的理解,例举了一些和原则有关的页面;

1、系统可见性原则

这条原则系统需要让用户发生了什么,有清晰的系统状态,从操作反馈是否足够让用户理解内容,不能让用户在进行操作时候处于一个迷茫的状态,无法判断是不是软件出现了bug,还是自己操作失误;

举个?:闲鱼修改价格时,修改完成后会给到toast ,提示“价格已修改”

尼尔森十大可用性交互原则,用页面来举个例子

与这条原则相关的可用性问题的例子包括:

重要的反馈时间不够持久,用户没有足够的时间阅读其内容;

让用户误解的反馈;

2、系统应符合用户习惯的现实惯例

这里我理解为,在产品设计中,要将产品语言、隐藏的业务语言,尽可能去转化为用户语言来展示出来,尤其是C端产品,尽量使用用户生活中熟悉的语言或者图片(再或者是icon等)来进行功能描述;

举个?:一直都很喜欢网易云音乐播放页的设计,播放和暂停状态与黑胶的操作方式对应,更加直观的反应状态的同时,也为页面增加了趣味性;

尼尔森十大可用性交互原则,用页面来举个例子

与这条原则相关的可用性问题的例子包括:

产品中使用的词语和概念不符合用户日常中的实际情况;

产品使用语言是产品概念为中心的,而不是以用户为中心的;

3、用户操控与自由程度

当用户进入了超出于两级的页面时,需给到用户一条明确的路径(面包屑),告知用户自己是从哪里来的,现在在哪里,有需要的情况下,用户可随时回到前面(这句话怎么都怪怪的。。)

举个?:

尼尔森十大可用性交互原则,用页面来举个例子

4、系统的一致性

与这条原则相关的可用性问题的例子包括:

  • 与业内产品保持一致
  • 产品内部保持一致
  • 版本迭代之间的一致性

对这条原则,我理解为,相似功能的操作方式即使是不同的产品,ta的操作也得是一致的,就像是确认按钮,统一处理在右侧比较合适;

举个?:

尼尔森十大可用性交互原则,用页面来举个例子

5、预防错误的发生

特殊操作通过红色(警示作用的颜色)给到用户提示,不可逆的操作给到二次确认,把错误操作的发生降到最低;

举个?:

尼尔森十大可用性交互原则,用页面来举个例子

6、提供上下文识别而不是孤立记忆

减少用户在使用产品时候的记忆负担,筛选条件很多时,在页面上直观的将已选择的筛选项展示出来;

举个?:

尼尔森十大可用性交互原则,用页面来举个例子

7、使用的舒适性和高效性

7.1 给用户提供一些默认值,减少一些多余的操作,自如、饿了么等APP都会在聊天时有默认的常用语可以直接使用,用户也可以自行设置(对于我这样的懒人用户简直太友好了)

举个例子?:比如在聊天时的常用语

尼尔森十大可用性交互原则,用页面来举个例子

7.2举个?:猜测用户下一步行为

微博的引导关注当浏览一个用户主页超过一定的时间时,系统会直接给到用户关注博主的提示;

尼尔森十大可用性交互原则,用页面来举个例子

7.3 批量操作

举个?:网盘的批量分享、下载、删除

尼尔森十大可用性交互原则,用页面来举个例子

8、美观精练的设计

每个人对美的定义应该都是不相同的,根据用户定位的不同,从不同阶段、年龄、性别等属性中提炼最适合该用户的视觉设计;

页面的承载量是有限的,用户的阅读量也是有有限的,每个页面只承载最重要的信息即可

9、帮助用户识别错误,分析和纠正错误

9.1举个?:微信公众号编辑时,给提示用户疑似错别字,用户可逐一查看,给用户(我这种经常写错别人的人类)提供了极大的帮助?

尼尔森十大可用性交互原则,用页面来举个例子

9.2 编辑状态下离开页面,提示用户是否保留、或者存入草稿箱等操作,都是在一定的意义上帮助用户避免一些因误点造成的伤害;

举个?:

尼尔森十大可用性交互原则,用页面来举个例子

10、提供帮助文档和使用手册

10.1 举个?:帮助文档和使用手册的位置应较为固定,在新手使用工具类平台或者是B端工作产品时,经常会遇到一些使用问题;

尼尔森十大可用性交互原则,用页面来举个例子

10.2 预知会让用户产生疑问的地方,那就在那个概念旁增加一个解释说明,可鼠标hover后通过tooltip进行简短解释说明;

举个?:

尼尔森十大可用性交互原则,用页面来举个例子

本文为@运营喵原创,运营喵专栏作者。

(0)
运营喵的头像运营喵官方
上一篇 2021-11-23 10:05
下一篇 2021-11-23 10:12

发表回复

登录后才能评论
公众号
公众号
返回顶部
运营喵VIP会员,畅学全部课程,点击查看 >