7 条用户界面 (UI) 原则

引言

以下是七个用户界面（UI）原则：

1. 最佳 UI 是无 UI：UI 应尽可能高效地解决任务，最好无需交互。
2. 抽象层：可见层是现实世界，隐藏层是机器，UI 将它们连接起来。
3. 自解释：一个元素的操作应该是显而易见的，或者至少是直观的。
4. 最少交互次数：通过使用分组和统计，轻松访问任何功能。
5. 最小意外：通过不打破逻辑流程实现流畅使用。
6. 视觉模式：独特、可识别、易于记忆的元素。
7. 常识：颜色用于吸引注意力、突出操作、提供视觉反馈，避免不必要的移动干扰等。

我在阅读了互联网上类似的文章后，将所有这些都列了出来，其中大多数是由“保持一致”或“关注用户”等抽象规则组成的。它们过于笼统，几乎没有帮助。

1. 最佳 UI 是无 UI

我们使用应用程序 UI 来解决现实世界的问题。这应该尽可能高效地完成，最好无需交互。我们希望机器能帮助我们，而不是给我们带来麻烦，并希望尽可能多地将工作交给它。即使我们谈论的是我们喜欢花时间的“画图”应用程序，我们仍然需要以最有效的方式访问其功能。复杂性应该存在于机器端，存在于底层的编程算法中，UI 应该保持简单。

例如，使用一个“冷热”滑块而不是为每个热源选择温度等，如何？甚至更好的是，一个无需任何交互即可调节房间温度的服务……

2. 抽象层

用户不应该意识到编程和技术细节。他不必知道 IP 地址、端口号、服务器名称以及备份是如何在内部完成的。用户所感知的是现实世界，UI 应该反映这一点。他只想发送消息或电子邮件，而不是调整互联网协议。

与其提供一个包含 50 个技术选项的页面，不如让用户看到一个带有通用名称的预计算配置的简短列表。而将细节留给一些高级设置。

3. 自解释

我最近发现，尤其是在移动设备上，几乎不可能弄清楚按钮/界面的含义。由于它们没有工具提示（通过将手指放在选定元素上），因此更加困难。如果它是一个“删除”按钮，也许将其设为红色并带有 X 符号是个好主意。除非它们是非常通用的常见符号，例如“汉堡包”菜单或三个点的选项，否则它们应该通过图标加文本来表达其操作，如果可能的话。至少对于“很难弄清楚它们做什么”的元素，工具提示应该是强制性的。不需要长篇描述，因为重复使用会养成习惯，但它仍然必须在那里。

您不应该强迫用户记住您特定的按钮，而他可能在使用数百个应用程序/网站。

4. 最少交互次数

无论是应用程序中的某个功能、操作系统中的某个应用程序还是网站上的列表，都应该通过最少的交互次数即可触达。理想情况下是 1-2-3 次点击、触摸等。普通用户的设备可能最多安装 100 个应用程序。此外，应用程序的功能数量也在此范围内。人类可以轻松记住 7-10 个选项。

为了轻松访问 100 个元素，最好的方法是为最常用的 7-10 个元素（统计数据）提供直接访问（快捷方式、桌面图标、工具栏图标等），并将其余元素分组到 7-10 个文件夹中。在这种情况下，您最多只需两次点击（两次操作）即可访问任何内容：一次点击进入文件夹，另一次点击进入应用程序。应用程序功能也是如此，您只需一两次点击即可访问 100 个功能。

如果统计数据显示用户经常访问某个特定功能，那么它就需要直接访问，而不是将其放在一个需要滚动和 8 次点击才能找到的隐藏页面上。

5. 最小意外

如果它是一个意外，那么它将不会被很好地记住。或者它不够直观。避免弹出窗口，避免破坏视觉或逻辑流程。使其流畅。在同一屏幕上提供操作反馈。

6. 视觉模式

任何用户界面，如果反复使用，都应该产生一些使用模式和自动化。用户应该养成无需思考就能访问某些功能的习惯。如果元素不明显、位置不固定或过于拥挤，这些模式就很难（或不可能）形成。如果所有元素都是蓝色方块内的灰色形状，它们就很难被记住，您每次都需要集中注意力来识别一个特定的形状。

一个图标应该有 4-5 种颜色，也许一种主色，具有简单而不琐碎的形状。这样，大脑中用于记住该功能的神经元数量将是完美的——既不会太少（导致难以找到），也不会太多（涉及过多的思考努力来匹配搜索）。

7. 常识

这里有一些明显的事情，它们并不真正属于特殊类别。如果用户感到困扰，请尝试找到另一种解决方案。不要过载，提供反馈，使 UI 易于使用。它应该有吸引力，带有渐变、阴影、高分辨率位图。不要跟随主流，创造沉闷、令人沮丧、难以使用的单色用户界面。从用户的角度思考，进行测试，如果您找到更简单的方法，那么用户也会觉得简单。这里有很多建议，一些 UI 开发书籍可能会有帮助。

结论

用户界面很可能还会存在很长时间，直到人工智能足够聪明，能够理解我们真正想要什么。这很可能还需要至少 30 年。因此，在这段时间里，您可能希望留下一些优秀、高效的用户界面。我必须将其中一些原则归功于其原始作者，但我无法记住他们，因为阅读分散在多年里。我只是让事情变得简单，以便它们能被记住。

历史

• 2020年6月25日：初始版本