史上最全交互设计原则(四)之尼尔森十大交互原则

c24001669025d8d6297279716930c824.png今天给大家分享一下尼尔森十大交互原则,尤其是在设计B端产品时,每一项都是非常的重要的,希望能够帮助到家,如果大家觉得不错,可以给博主来个三联,好了废话不多说直接上干货。

一、反馈原则(Visibility of system status)

1.定义:

系统应该在合理的时间、用正确的方式,向用户提示或反馈目前系统在做什么、发生了什么

2.实例:

比如我们在给云盘上传文件时,系统会提示用户当前上传的文件有哪些,进度是怎样的,这样会给用户一个良好的反馈,方便用户根据实际的情况做出抉择

8f411d591fa4a6779675bc5b2f792085.png

二、隐喻原则(Match between system and the real world)

1.定义

系统要采用用户熟悉的语句、短语、符号来表达意思。遵循真实世界的认知、习惯,让信息的呈现更加自然,易于辨识和接受。

2.实例

比如我们常见的一些用户已经熟知的图形,经常在软件中会直接使用,而不需要增加文字介绍,这样即节省空间,还不容易被客户误解,当然一定要使用用户熟知的图形,否则将会导致用户看不懂是什么意思

d2845b076c7c3251565d0e8f63b8aa8b.png

三、回退原则(User control and freedom)

1.定义

用户经常会不小心操作错误,需要有一个简单的功能,让程序迅速恢复到错误发生之前的状态。

2.实例

如各种云盘中会设置有回收站,防止用户不小心点错后可以进行数据恢复

2eeb7e49a90a39617a58acde3abab940.png

四、一致原则(Consistency and standards)

1.定义

同样的情景、环境下,用户进行相同的操作,结果应该一致;系统或平台的风格、体验也应该保持一致

2.实例

如所有软件在页面搭建前,都会由UI人员进行设计规范的设计,目的就是为了从各方面约束软件的一致性

d10503acd9f71cdf6fb7e4a071cd3b1b.png

五、防错原则(Error prevention)

1.定义

系统要避免错误发生,这好过出错后再给提示

2.实例

系统在进行敏感性操作前,如删除时,可以提前弹出警告,询问用户是否操作,这样很大程度上能避免用户误删除

5b8ea186ecc0925a8325671bf7d39d59.png

六、记忆原则(Recognition rather than recall)

1.定义

让系统的相关信息在需要的时候显示出来,减轻用户的记忆负担

2.实例

如在购物进行搜索时,系统可以根据用户输入的内容,自动呈现出用户可能选择的内容,这样的选择会远远比让用户全部输入带来的体验更好

6c0f88804d0a2e742816041ee8520cd5.png

七、灵活易用原则(Flexibility and efficiency of use)

1.定义

系统的用户中,中级用户往往最多,初级和高级用户相对较少。系统应为大多数人设计,同时兼顾少数人的需求,做到灵活易用

2.实例

如在ps、axure等专业性软件中的快捷键,这些对于小白来说其实难度是非常高的,但是软件其实都是中级用户在使用, 而这些用户才是软件的大比例使用者

八、简约设计原则(Aesthetic and minimalist design)

1.定义

对话中不应该包含无关的或没必要的信息;增加或强化一些信息就意味着弱化另一些信息

2.实例

如下图是夸克浏览器的主页面,大家可以自己体会一下,简约之美

551962d8e45a4d4e65fd340d9523cc49.png

九、容错原则(Help users recognize, diagnose, and recover from errors)

1.定义

错误信息应该用通俗易懂的语言说明,而不是只向用户提示错误代码;提示错误信息时要给出解决建议

2.实例

当出现问题时,我们不应简单的提示404,500等代码状态值,因为客户不知道发生了什么,此时应该告知用户具体原因,并给出解决方案

1312f34d3a2f8a5cfc14ef6fe5e50bab.png

十、帮助原则(Help and documentation)

1.定义

对于一个设计良好的系统,用户往往不需要经过培训就能轻松上手使用,但是提供帮助文档依然是很有必要的。帮助信息应该易于检索,通过明确的步骤引导用户解决问题,并且不能太复杂。

2.实例

如下图是我经常使用的笔记软件,这里是支持全局搜索相关帮助信息的,当遇到问题时,用户可以很快的查找到相关教程

520b43d826192f38ebfcf874a725c45d.png
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

产品阿强

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值