设计原则|尼尔森十大可用性原则案例分析

你认为什么样的产品才是好产品？

这个问题听起来耳熟吗？面试时有人问过你吗？

我们经常使用的产品中哪些是好产品？

当我们谈论一款APP产品时，作为用户你最关心的是什么？

总的来说，这个产品好用吗？功能复杂吗？

而不是该产品用户界面的颜色。好看吗？

交互动态很酷吗？

互联网已经渗透到每个人的生活中，无时无刻不在影响着我们。

一个好的产品会给我们带来便利，让我们的生活变得简单美好；

有些产品使用起来会感觉不舒服，产品体验差会让我们的生活变得复杂和麻烦。

所以一个产品好不好，能不能长期使用，直接取决于用户体验。

用户体验重在满足用户需求，带给用户良好的感受。

接下来说一下尼尔森的十大原则，这是检验用户体验可行性的具体而全面的方法。

尼尔森是谁？

Jakob Nielsen是人机交互博士，毕业于哥本哈根数据传输中心。他拥有79项美国专利，主要涉及让互联网更容易使用的方法。6月1995 65438+10月1日发布了《可用性十原则》。自从1995以来，他已经通过他的Alertbox邮件列表和useit.com网站，教授了数千名网页设计师关于网页可用性的知识。虽然他的一些观点可能会有争议，但至少在网页设计师眼中，他是网页可用性领域的顶级领导者。2006年4月考入美国计算机学会人机交互研究所，被授予人机交互实践终身成就奖。他还被《纽约时报》称为“网站可用性大师”，被《互联网杂志》称为“易用之王”。

尼尔森的十个可用性原则，被称为“启发法”，

是一个宽泛的经验法则，而不是具体的可用性指南。

虽然是1995提出来的，但还是被奉为交互设计师的入门法则。

我们不能把它上升到一个标准，而是把它作为一种经验来学习。

然后结合真实的设计来使用。

因为倪老师从网页设计中提出了十大可用性原则，

我们要结合的是当前移动互联网的特点。

然后在“纳尔逊十大原则”的架构下，讨论用户体验的目标。

尼尔森十大？实用性的原则是:

01.状态可见性原理？

02.环境相关性原则？

03.撤消重做原则

04.一致性原则？

05.防错原则

06.可达性原则？

07.灵活高效的原则？

08.易扫描原理？

09.容错原理？

10.人性化帮助原则

我们来分别分析一下每一项吧~

1?。状态可见性原则？

系统应该让用户知道发生了什么，并在适当的时间内给出适当的反馈。

不要欺骗用户；沟通是一切关系的基础，无论。或者设备。

例子:在淘宝，他让我拉下来就“松开刷新”，就是刷新还没开始；我发布后，状态变成了“正在刷新”，表示我现在正在刷新。

这个设计告诉我们现在的界面是什么，在做什么。在整个功能变更过程中我们可以看到相应的文字描述。

其他例子:下拉刷新时加载、加载完成提示、收款成功、支付成功、实际支付失败等。

2 .？环境适宜性原则

功能和服务贴近用户使用的场景，符合用户在当前场景下的体验。

产品的功能和服务要贴近现实世界，让信息更自然，逻辑上更容易让用户理解。

举例:我们在店里买东西，经常会听到“支付宝到账:5元”的声音，是贴近环境的设计。商家需要确认你是否付款，但往往忙得没时间及时查看自己在做什么；

有了这个功能的设计，商家即使在忙着自己正在做的事情，也依然可以通过语音确认收到了你的钱。

这种设计对企业和消费者来说都是友好和方便的。

3?。撤销重做原则？

使用产品时理解并控制当前页面。

如果用户误操作，可以随时撤销，用户有足够的自由使用产品。

例1:我们在微信上互相聊天，写了很多字的时候，发过去才发现里面有错误。这时候我们可以使用微信的召回功能，更好的是，在召回消息旁边还有一个“重新编辑”功能，可以让之前编辑过的文字回到对话框重新编辑后再发送。如下图所示:

示例2:删除和撤回iOS系统的照片

4 .？一致性

相同的文本、状态和按钮应该触发相同的事情，并遵循通用平台惯例。即相同的语言，功能和操作是一致的。主要包括以下五个方面:

1.结构一致性

保持类似的结构，新的结构变化会让用户思考，规则的有序化可以减轻用户的思考负担。

举例:微信中的每个模块项都有统一的“图标+文字消息”结构样式，让用户快速了解每个模块；

2.颜色一致性

产品使用的主色调要统一，而不是换一页，颜色就会不一样。

举例:淘宝的图标颜色和界面主色都是橙色，部分标签和强调的文字都是橙色。除了图片的有效信息，整个界面以灰、白、橙三种颜色呈现，界面保持了良好的一致性；

3.操作的一致性

可以在产品更新的时候让用户对原有产品保持认知，降低用户的学习成本。

示例:微信在对话框和通讯录中使用左滑出操作交互，如下图:

4.反馈一致性

用户操作按钮或项目时，点击的反馈效果要一致。

例:每个QQ群被点击后，群内成员列表向下展开；

5.文本一致性

在产品中呈现给用户的文本的大小、样式、颜色和布局应该是一致的。

举例:比如微信的几个关键界面的字体:三个主界面的内容结构不一样，但是列表标题的字体和间距是一样的，让整个APP在视觉上看起来很舒服；

5?。防错原则

比错误信息提示好，用设计来预防？杜绝这类问题的发生。当用户选择动作时。在诞生之前，就要防止用户容易被迷惑或者做出错误的选择。

1.限制经营范围和条件；

示例:在输入验证码之前，底部的登录按钮是灰显的，无法点击。只有完全填写后，底部的登录按钮才会变为可点击。这是为了防止用户犯更多的错误；

2.有风险的手术怎么办？二次确认；

举例:删除好友时，通过二次弹出给出防误措施。

6 .？容易获取原则

降低用户的内存负荷，在合适的时间给用户需要获取的信息。

1.为用户提供历史、关注、收藏等功能；

举例:爱奇艺为用户提供阅读记录和我的收藏，帮助他们记忆:

2.？选择而不是投入，尽量降低投入成本；

例1:打车软件自动获取当前位置；

例IOS系统收到验证码后，自动带入键盘，点击直接输入；

7 .？灵活高效原则

对于新用户，功能需要清晰明了，对于老用户，高频功能需要快速高效的使用。不要为某一类用户占据不必要信息的重要部分。主要体现在三个方面:

1.自定义功能或模块的显示位置；

举例:支付宝首页的应用可以根据自己的喜好进行定制，包括定义常用应用、排序、删除、添加等。这样用户就可以根据自己的个人兴趣定制适合自己的应用分发方式，这就是所谓的常用功能的用户定制，如下图所示:

2.？自动汇总“常用”，提高使用效率；

举例:微信聊天界面的表情弹窗中会有一个“最近使用”模块，将个人平时使用频率最高或最频繁的表情进行分类。用户使用时，可以快速找到自己喜欢或常用的表情，提高了聊天效率；“我的订单”中的每一笔订单，包括饿了么，都可以再一键下单，如下图:

3.缩短手术路径，提高操作性？使用效率和体验；

举例:在微信对话框中，当你点击“+”调出以下操作选项时，会默认弹出刚刚拍摄或已拍摄的照片，方便用户直接检索，并且有一个快捷操作列表，在APP长按后出来，如下图:

8 .？简易扫描原理

直译:美学与简约设计；页面不应该包含不相关或很少需要的信息，页面中的每个附加信息都会降低主要内容的相对可见性。

例:以下列表中的信息是用户关心的所有信息，如配送费用、配送时间、距离等。携程选择机票的界面突出了最重要的时间和机票价格，让用户一目了然，如下图所示:

？9?。？容错原则

直译:帮助用户识别、诊断并从错误中恢复；我们尽力避免用户犯错，但当出现错误时，我们要尽力安抚用户的挫折感。

？用图片+文字代替“404”，明确告诉用户？错误和解决方法。

例子:界面加载失败时的刷新提示，登录时的手机号验证。如果手机格式不对，会提示用户手机格式不正确，正确。

？10?。？人性化的帮助

帮助提示的最佳方式是:

1.无提示:非常好理解，用户看着没有提示的界面就知道怎么操作了；

2.一次性提示:用户只需要提示一次，就知道怎么用了；

例子:常见的新功能boot，boot？等等，举例:

3.永久提醒:？指导或帮助用户的重要提示；

举例:支付宝转账时，顶部总是有安全确认提示，转账时也有服务费提示，如下图所示:

4.帮助文档:稍微复杂一点的软件，虽然应该尽量简单，但是帮助文档是必须的；

例子:微信设置界面中的“帮助和反馈”，支付宝转账时弹出的“帮助反馈”，点进去后的FAQ界面；

以上是我对Jakob Nielsen十大交互设计原则的理解和实例解读，希望对大家有所帮助。如果你也对这些方面感兴趣，或者看完之后有什么想法，请大家一起探讨。