想做好移动APP的用户体验，需要重点考虑的9个核心原则

Date 2025-02-27 18:47:08

为了实现可用性的目的，应用程序应该以用户为中心。用户安装您的程序是因为他们需要解决紧急问题，也就是说，您的程序必须有实际用途。您应该仔细考虑用户将如何尝试以他们的方式实现他们的目标需求。

优秀的界面设计可以克服以上两个问题：

给界面足够的清晰度。为了有效地使用他们面临的用户界面，人们必须首先意识到界面是干什么用的，以及如何使用它。因此，在考虑界面是否应该清晰时，不要犹豫。

以下是我认为在创建优秀的用户体验设计时需要考虑的九个核心原则：

1. 减少混乱

对于用户体验来说，用户的注意力无疑是一种非常有价值的资源，你的设计应该合理地分配它。如果您的用户界面携带按钮、图片、文本等凌乱的信息，必然会给用户带来压力。

有一句出自 Antoine de Saint-Exupéry 得名短语，即“达到完美，不是好得不能再好，而是好得一点也不多余。” 类似地，在移动设计中，摆脱一切不是绝对必要的信息是非常重要的，因为它减少了混乱，提高了用户的理解。

有一个简单的经验规则：每个屏幕应该只保存一个重要的动作。对于您的程序，每个屏幕都应该为使用它的用户提供一个具有实际价值的独立动作。这使得它易于学习、使用和添加或创建。100个清晰的屏幕比凌乱的屏幕更可取。

拿 Uber 优步清楚地知道，用户使用他们的应用程序的目的是叫一辆车，所以程序中没有覆盖太多信息：它可以根据地理数据自动定位用户的位置，用户唯一需要做的就是选择上车的位置。

2. 导航不言而喻

对于任何应用程序来说，帮助用户导航到正确的位置都是非常重要的。优秀的导航设计就像一只看不见的手来指导用户的旅程。毕竟，如果用户找不到它，那么无论功能特性有多酷或内容有多吸引人，它都是无用的。优秀的移动导航遵循以下基本原则：

（1）导航必须是连贯的。首先，您应该使用适当的标志（正确的视觉隐喻），以便用户无需额外的解释就能理解导航元素。其次，确保每个导航元素（如图表）指向正确的目的地。

(2)导航必须一致。不要将导航控制器移动到不同的位置或隐藏在不同的页面上。这很容易让用户迷路。

（3）导航应传达用户当前的位置。这并不意味着当前的位置可能是我们在应用程序菜单中看到的最常见的问题。“我在哪里？” 这是用户在成功导航前必须回答的基本问题之一。

3. 创建跨平台无缝体验

您不应将移动设计视为孤立。对于用户来说，在移动终端、桌面终端和平板终端之间创建无缝结合的体验非常重要。

以 Apple Music 为例，你在 Mac 设置播放列表后，很快就会设置播放列表 iPhone 列表也在上面看到。 Apple 意识到保持这些数据在跨平台之间的同步，创造良好的无缝体验是非常重要的。

4. 手指操作友好的控件设计

与大触摸控制器相比，小触摸控制器自然更难操作。当您设计移动终端的用户界面时，最好使您的控制器的触摸面积足够大，以便用户能够轻松触摸。

最好控制7个大控件 – 用户可以用手指准确触摸10毫米。；另一方面，当用户与控制器交互时，控制器的边缘应该是可见的，它可以通过清晰的视觉反馈向用户传达他们真正触及控制器本身。

另外，要保证不同控件之间有合适的空白区域。

5. 文本内容应该足够清晰

与台式电脑相比，智能手机的屏幕要小得多，这意味着如何在这个小屏幕上安装大量信息是移动设计的一大挑战。你可能有一个非常有吸引力的想法，即压缩所有信息的大小仍然可以显示很多内容。但无论如何，你都应该结束这个想法。

对于移动终端的一个体验规则：文本的大小至少应该在11pt左右，这样用户就可以在不放大的情况下清晰地浏览。

通过增加行高或字符间距，可以提高可读性。适当的大量空白可以使一些最混乱的界面看起来简单得多。

6. 保持界面元素清晰可见

使用颜色和对比度来帮助用户查看和解释你的内容。选择主色调、次要色调和强调色，以支持您的程序可用性，并确保不同界面元素之间有足够的颜色对比度，以便视力差的用户也可以浏览和使用您的程序。

对于有背景的文本，要保证文本的颜色和背景色之间有足够的对比度，使文本部分清晰易读。W3C 对正文文本与图像文本的对比给出以下推荐比例：

小号文本与其背景色的对比度应至少为4.5:1。

大号文本（14 pt bold/18 pt regular及以上)与其背景色的对比度至少为3:1。

在手机上使用足够的对比度尤为重要：因为用户可以在户外使用，阳光会降低对比效果。

图标和其他关键元素也应遵循上述对比度推荐值。

7. 控件的布局和位置设计基于手指的触摸点

Steven Hoover 在他对“用户如何使用移动设备”的研究中，49%的人习惯于使用单个拇指来完成所有操作。在下图中，屏幕上不同颜色的区域显示了用户拇指可以触摸的难度等级。其中，绿色区域表示容易触摸的范围，黄色表示拇指需要伸展才能到达，红色区域需要用户改变设备的手持方式。

将顶级菜单、高频控件和公共动作放在绿色区域是非常重要的，因为单拇指可以舒适地与它们互动。

另一方面，把那些负面的动作（如删除或删除）放在手指不容易触摸的红色区域，因为我们不希望用户意外地与他们一起工作。

8. 减少对打字输入的需求

在手机上打字输入是一个缓慢而容易出错的过程，所以最好尽量减少移动应用程序所需的输入。

尽量删除不必要的输入域，保持表单短。

在适当的地方，使用自动补充功能或填写用户个性化数据，使用户只需输入最少的信息。

9. 测试你的设计效果

如果你把设计师放在大屏幕的电脑屏幕上，效果往往很好。然而，一旦在实际的手机屏幕上进行测试，其效果甚至不到前者的一半。即使是那些设计最仔细的用户界面，在现实世界中也不可避免地会包含一些不可见的缺陷，这就是为什么我们希望真正的用户在各种移动设备上测试我们的程序。将您的应用程序视为一个不断进化的实体，并使用分析的数据结果和用户反馈信息来不断改进您的用户体验设计。