移动界面的启发式原则

Jakob Nielsen 在开始学习许多模式时，正在为人机交互中的可用性工程提供咨询和教学。 所以在 1994 年，他收集并发布了一套可用性启发式评估原则，这些原则反映了他所学到的东西。 今天，经过近 25 年的计算机转变和智能手机的转变，尼尔森的原则仍然坚定不移。

以人为本的设计放大了用户的重要性，设计过程也相应地进行了调整； 然而，尽管尼尔森的原则在所有屏幕类型中仍然普遍存在，但随着移动设备使用的不断增加，重点还是在移动界面上。

在网上搜索启发式原则，就会出现一长串略有不同的集合。 以下是十项原则的精选集合，这些原则的灵感来自以人为本的设计和可用性思想领袖。

可用性启发式从用户需求开始

在进入这套原则之前，必须认识到用户的重要性在不断增长。 GOV.UK 的重新设计尽管是一个政府网站，但却是用户主导产品因其可用性而获得全球认可的典型例子。

该项目的设计总监 Ben Terrett 从一系列用户界面设计原则开始，从产品策略到视觉设计方法。 第一条原则就像产品成功的北极星：“始终从用户需求开始。 如果你不知道用户的需求是什么，你就不会构建正确的东西。 做研究，分析数据，与用户交谈。 不要做假设。 对用户有同理心，并记住他们所要求的并不总是他们所需要的。”

可用性评估的启发式原则有助于确定 UI 设计在哪些方面未能提供用户友好的体验。

#1 系统结构的透明度

使某些元素和结构可见的行为，以便用户对上下文有充分的理解。

UI 应该让用户相信他们在控制之中。 他们应该能够轻松地回答这些问题：“我现在在哪里？” “我能从这里去哪里？” 当一个系统是透明的时，用户可以控制接下来会发生什么。 他们获得了使用界面的自主权和随后的信心。

#2 行动反馈的即时性

对确认系统已收到请求的用户操作的响应。

任何用户操作都应该有即时的界面反应。 即时反馈使用户确信系统正在执行预期的操作。 Smashing Magazine 的 UX 专家 Nick Babich 使用进度指示器作为清晰传达操作状态的一个很好的例子。 他辩称，它在视觉上通知用户他们的操作已被接受，系统将很快显示下一个操作。 如果没有指标，用户就会面临不确定性和挫败感，从而导致旅程中断。

#3 错误意识

当他们走上他们不想走的路时，用户可以采取足够数量的信息和选项。

在某些时候，用户总是以非预期的方式与移动界面进行交互，并发现自己处于不支持他们需求的令人沮丧和低效的境地。 障碍和死胡同是旅程提前结束的常见原因。 UI 应该提供足够的指示器来帮助用户识别、诊断和从错误中恢复。

援助应始终易于获得； 然而，要取得平衡是困难的。 太多的选择会导致认知超负荷。 用户应该清楚地了解如何解决错误并了解将来如何防止它。

#4 使用灵活性

具有不同经验范围的用户可以直观有效地使用的界面。

交互式移动体验必须独立于外部用户指导。 无论是用户第一次使用移动应用程序还是第 100 次，界面都应该适应这两种情况。

经验丰富的用户应该可以使用快捷方式和更深入的系统理解，而新用户永远不应该在简单的混乱中被抛弃。 借助 UI 的灵活性，用户可以选择和控制最适合其能力和需求的旅程。

Jill Gerhardt-Powal 的认知工程原则建议设计师“在适当的时候提供多种数据编码——系统应提供不同格式和/或详细程度的数据，以提高认知灵活性并满足用户偏好。” 压倒性或限制性的界面将确保令人沮丧的体验。

#5 熟悉普遍体验

使用与人类共同经验和期望相关的设计元素。

GUI 的历史始于 Apple 在第一个用户友好的计算机界面设计中使用真实世界的参考。 “Lisa”设计有文件夹图标等元素来指示文件组织。 当大多数人不熟悉数字交互时，这些物理参考很有用，但随着数字素养的提高，通用参考不再需要如此字面。

随着我们花费更多时间与屏幕进行交互，共同的用户期望已经形成。 我们希望“+”可以扩展为更多信息，并且导航菜单将保留在移动屏幕的顶部或底部。 通过利用大多数用户会理解的参考资料，界面变得直观。

#6 信息和设计审美的局限

创建一个最小化的设计，消除可能干扰流线型和有目的的体验的不必要元素。

所有数字交互的一般经验法则是消除混淆。 为了减少决策时间和错误，Jill Gerhardt-Powal 要求设计师通过以清晰明了的方式显示数据来减少不确定性。 这可以通过删除不必要的内容并使用颜色、布局和排版来引导用户浏览屏幕来实现。 用户不应分心，但应提供足够的指导以轻松实现其目的。

Ben Terrett 经常使用 GOV.UK 的第四条设计原则：“努力工作，让它变得简单。” 他认为，设计团队有责任充分了解他们正在处理的问题，以及导致提供直观、信息丰富和成功的用户体验的最佳解决方案的过程。 本案例研究中描述了他们的一些方法。

#7 功能优先于形式

设计决策取决于元素的用途，而不是优先考虑其视觉风格。

“如果你认为某件事既聪明又复杂，请当心——这可能是自我放纵。” — Don Norman，多产的产品设计师和《日常事物的设计》的作者

界面的视觉设计应始终从定义的功能开始。 当风格和趋势被优先考虑时，结果可能看起来很漂亮并引起了很多关注，但最终可能导致用户体验脱节。 视觉形式无法挽救功能失调的设计。

视觉提示可用于引导用户了解应用程序的功能。 菲特定律指出，形状、间距和大小可以引导用户了解情况并采取所需的行动。 正是在这里，形式支撑和放大了功能。

#8 信息的可用性

用户触手可及的界面元素的战略布局，因此他们不必依赖记忆。

识别某件事比从记忆中回忆它更容易。 如果移动界面功能依赖于一条信息或对系统的理解不是普遍熟悉的，则该信息应该是可访问的，以便用户可以轻松引用它。

尼尔森的启发式原则之一建议设计者应该“通过使对象、动作和选项可见来最小化用户的记忆负荷。 用户不必记住从对话的一部分到另一部分的信息。 系统的使用说明应在适当的时候可见或易于检索。”

Jill Gerhardt-Powal 建议“将较低级别的数据整合到较高级别的总和中，以减少认知负担。” 她还指出，“显示名称和标签应该与上下文相关，这将提高回忆和识别能力。” 重要的是要意识到，第一次看到界面的用户不会像设计师那样了解和熟悉信息。 对于经验丰富的团队来说，重复信息可能看起来过多，但对于新用户来说却是必不可少的。

#9 一致性的可靠性

使用一致和标准化的元素，如文字、情境和行动来创造有凝聚力的体验。

人类被模式所吸引——我们用它们来理解世界。 在移动界面中制作模式，它成为用户学习预期内容以及如何与界面设计交互的教学工具。

“这不是紧身衣或规则手册。 每种情况都不一样。” GOV.UK 的设计原则规定界面应该是一致的，但不是统一的。 正如 Jill Gerhardt-Powal 所回应的那样，“新信息应该在熟悉的框架（例如，模式、隐喻、日常用语）中呈现，以便更容易吸收信息。”

#10 明智的冗余

在设计过程中不断进行反思，以确保用户界面设计原则和可用性启发式与产品的目的和用户需求保持一致。

Jakob Nielsen 是第一个承认不可能呈现 UI 设计的通用细节的人。 例如，他的两个启发式原则可能会相互矛盾——#6：提供用户做出决定所需的所有信息；#8：消除任何不必要的信息。

由启发式评估者和设计团队决定针对其独特用例的最佳决策。 如果产品以人为本并围绕用户需求构建，团队将因了解这一点而得到支持，并在做出这些决策时具有强烈的目的感。

进一步阅读 Toptal 设计博客：

• UX 的启发式分析 - 如何进行可用性评估
• 设计原则及其重要性
• 以人为本的设计在产品设计中的重要性
• 为更好的用户体验创建 UI 样式指南
• 移动应用程序设计最佳实践和错误