什么是好的用户体验？

What makes a Good User Experience

用户体验不是关于美学，而是关于可用性和用户满意度。赏心悦目的设计有时也可能会缺乏用户体验。这就是为什么用户界面是用户体验的一个子集的原因。不考虑用户体验，就无法建立一个有影响力的用户界面。毕竟，用户的体验才是最重要的。用户体验设计涉及到各方面的内容，从导航和信息组织到能让用户迅速反应的交流沟通。

理解用户体验的好坏可能是主观的并且不确定的，不过有一些指导原则可以为我们理解什么是好的用户体验提供方向。当然，理解这些原则是一个方面，而看它们在实践中是如何表现出来的是另一个方面。我们在这里也会探讨一些好或不好的用户体验设计的例子，还有像Nielsen Norman Heuristics这样的原则在现实世界中是如何体现的。

展示当前状态

作为Jakob Nielsen开发的启发式方法之一，系统状态的可见性指出，在动作发生之后的合理反应时间内，用户应该被告知产品或网站内部正在发生的事情。

这意味着，不及时反馈系统正在做什么的应用程序可能会创造一个较为消极或混乱的体验。以保存一个文件的动作为例。作为一个用户，当点击保存时，你希望能够知道你的操作是否被认可。延迟或不显示对该动作的响应，会让用户产生疑问。

使用清晰、可理解的语言

一个好的用户体验是用用户能理解的语言来表达的。通常，高度专业化的应用程序会陷入使用只有专家才能理解的高度技术性术语的陷阱中。即使用户理解或能够理解这些术语，在像工业制造厂这样的高压力情况下，高度技术性的语言会导致用户出错和代价高昂的错误。

在这个例子中，右边的控制器使用技术工程语言来描述一个自主机器人要采取的行动。在左边，该动作被翻译成 可识别的 、 人类可读 的语言。因此左边的那个不容易被误解。

有效地使用颜色和层次结构

尽管产品的视觉美学可能不是用户体验过程中的重中之重，但忽视视觉设计会导致糟糕的体验。将深思熟虑的体验设计与清晰的、有层次的视觉设计搭配起来的做法可以创造出令人愉快的、易于理解的数字体验，从而导致更高的效率。

在这个例子中，同样的信息可以用人类可读的语言来表达。然而，右边的例子没有形式，没有层次感，颜色的使用也没有意图或逻辑。在左边的例子中，排版和色彩结合在一起，以一种为读者提供方向的方式来组织信息，并让读者感觉到内容的重要性。

减少错误

错误和误会发生，这几乎是不可避免的。无论是有人运行一个序列发现了一个罕见的错误，还是在应该完成的操作之前点击了错误的按钮，我们的产品和体验都必须能够处理错误。好的用户体验不仅要在错误发生时通知用户，而且还要积极设计，以防止错误发生。

促进无误使用的一个常见方法是隐藏无效的操作和选项。这方面的一个很好的例子是 在下拉菜单中选择行为 。再考虑一下一个工业系统，该系统依赖特定的参数进行某些操作。如果一个操作员试图对一辆车发出卸货指令，为了使其发挥作用，该车必须有一个负载。如果所有的选项都可用，操作员点击"卸货"，当系统告诉他们失败时，他们就会感到沮丧。相反， 系统应该认识到这个动作是不可能的，并从选择中隐藏它。

沟通错误和下一步措施

当不可避免的错误发生时，与用户的沟通就很重要。在这些沟通中，语言、语气和设计都是必要的成分。重要的是要为错误提供一个清晰的、可理解的原因（如果可能的话），并给出指示，这样就可以补救错误。 倚重技术语言或数据库错误术语对用户来说没有好处。颜色也很重要，因为它可以帮助表明错误或警告的严重程度。

在这个例子中，同样的错误发生在两个实例中。然而，右边的错误是由后台系统传递过来的，没有经过过滤或翻译。在左边，发生了翻译，错误信息包含了一个相关的应用程序帮助模块或外部文档的链接。翻译后的信息清晰明了，在上下文中突出显示，并且可以访问精确的文档，这可以帮助用户排除故障，并且比隐晦的代码更快补救错误。

同样值得注意的是错误信息的定位和背景。 像内联验证这样的反馈应该是与它所报告的内容相关的。在坏的例子中，这个错误可能适用于任何一个字段，或者根本就不适用。在好的例子中，我们可以看到相关性，因为被困扰的字段以相同的错误颜色突出显示，表明该消息是指它。此外，该消息直接嵌套在字段下面。

牢记受众

还有，有很多好的和坏的用户体验的例子，如果我们要展示所有的例子，估计一本书也写不完。但我觉得，大家要记住的最重要的事是遵循现有的准则和原则。遵循惯例，并 思考如何使用户的生活更容易，而不是代码所局限的内容 。这将使你离完成优秀的用户体验更近一步。

Ref:

- https://bootcamp.uxdesign.cc/is-this-a-good-ux-or-a-bad-ux-4222de0e0fa5

- https://bootcamp.uxdesign.cc/day-14-100-good-ux-vs-bad-ux-a538a5efc3dc

本文由WELLDESIGN独家编辑，未经授权请勿转载。