应用程序设计中不应犯的 12 个糟糕的 UX/UI 错误

文字太小，无法阅读。

白色背景上的小浅色字体内容。

用户无法看到紧贴在用户界面某处的关键功能。

这些是应用程序中 UX/UI 设计的一些常见问题，犯下很多这样的错误会让你付出高昂的代价。 在规划软件项目时，必须在设计阶段尽早识别此类错误，因为其目的是创建一个直观且快速的界面，以提供无缝的用户体验。

这里有一些致命的错误可能会给应用程序带来厄运，以及如何最终避免它们。

1.偏离用户期望

有趣的是，在使用这些基本的 GUI 小部件（单选按钮、复选框、滚动条、命令链接/按钮等）时，用户确实有一些期望。尝试对这些按钮进行革命性的改变可能不会受到欢迎。

考虑这个简单的例子：你一生都在听 BBC 新闻。 突然，你家里的某个人决定转而收听 CNN，你就会有“鱼出水”的感觉。 当您在 GUI 小部件中进行大量修改时，这正是用户会感受到的。

大多数流行的 GUI 小部件都经过多年的完善和试验，用户喜欢它们是有原因的。 一夜之间改变那种轻松舒适的感觉并不容易。 这是因为用户必须付出大量的精力和脑力才能做一些新的事情； 他们可能不会接受。

因此，不要对应用程序的 GUI 小部件的外观进行重大更改。 您的用户更喜欢通过应用程序轻松导航，因此最好保留 GUI 的原始外观和感觉。

2.不知道用户真正需要什么

当公司没有意识到用户的实际需求，并且想出一些不能满足他们需求的东西时，就会导致一个大错误。 在这种情况下，您无法增加销售额并且您的应用程序会失败。

在决定要合并的功能之前，研究并深入了解用户兴趣非常重要。 为此，请进行彻底的用户和市场调查。

了解您的目标用户对您的应用程序设计的期望——即时响应时间、控件之间的流畅导航、易读性等等——简而言之，直观的用户体验。

此外，对您的竞争对手进行批判性分析——了解他们的应用程序的可用性因素； 他们在应用程序中包含的所有功能，用户界面的交互性等。

初次使用的开发人员要注意：不要在应用程序中重载太多功能。 应用程序背后的主要目的是简化用户的活动。

因此，建议不要过度使用功能，因为这会导致一系列活动立即将其转换为平庸的应用程序。 更少的功能（当然是主要功能）可以解决问题。

3. 不良的触摸目标

用户配备了不同大小的手指。 因此，必须将触摸配置为迎合目标群体中所有人的手指。 成人食指的平均宽度为 1.6 至 2 厘米。 因此，在设计基于触摸的移动应用程序时请牢记这一点。

如果用户发现很难触摸和激活应用程序上的功能，他们可能会完全放弃使用该应用程序，这将是非常悲惨的。 这再次适用于您拥有的功能数量。 您拥有的功能越多，应用程序上的点击区域就越小。 另一方面，结合一些主要特征会导致更大的抽头区域。

4. 卷轴恐怖

杂志和报纸编辑和广告商曾经生活在“褶皱”的永恒恐惧中。 当移动应用程序变得流行时，“折叠恐惧”有所缓解，因为内容在可以轻松滚动的屏幕上可见。

但这只是部分正确，因为创建响应式和更长的 Web 布局变得越来越重要，其中主要操作不应低于首屏，或者更确切地说，击败人们可以轻松滚动并找到它的地方。

仅当相关按钮位于“首屏”或用户无需滚动时，转化率才会增加。 在显眼的位置放置明确的号召性用语会带来更多转化。

5. 模仿 GUI 控制按钮外观的按钮

就像拥有过多的 GUI 控件可能是一个可怕的错误一样，相反的情况也可能是致命的。 带下划线的文本和标题会让人感觉它们是将用户带到新页面的链接。

他们点击它，但当他们没有到达页面时，他们认为链接已损坏并退出应用程序。 用户经常会因为这场闹剧而感到困惑，有时会感到恼火，他们可能不会再回来了。

在绝对必要的地方显示单选按钮，但不要给没有单选按钮的错误印象。

6. 不一致的 GUI 控件

GUI 控件应该是一致的。 如果您在号召性用语和类似操作中使用特定的词，请在整个应用程序中使用相同的词。 对同一个动作使用不同的词可能会造成混淆。

有时，开发人员假设的操作对用户来说很简单，但恰恰相反。 如果您在应用程序中遵循特定模式，请始终遵循它。 确保按钮和页面出现在用户期望的位置。

7. 跳过流程图，开始设计

开发人员不会通过跳过流程图直接进入应用程序的设计部分来节省时间。 以用户为中心构建流程图非常重要，许多开发人员在创建这些图表时使用用户角色，以便他们始终牢记最终用户。

这也将有助于确定用户来自哪里、他们的兴趣是什么以及他们在哪里。 因此，在设计流程图时，必须决定用户和业务目标以及最终是否会完成。 通过创建流程大纲，可以通过页面流程的不同选项来确定最佳选项。

8. 不考虑“感知供能”

通俗地说，可供性是指物理上可能的所有动作，具体取决于对象/环境的属性。 楼梯可让您上升或下降，瓶盖可让您拧上或拧下。

同样，在网页中，滑块执行上下移动的功能，复选框允许您选中或取消选中它，超链接文本将您带到另一个页面。 Affordance 允许用户做一些他们容易​​理解的事情。

对这些可供性的感知将基于用户对网页、经验、信念和目标的了解。 在设计用户界面时，设计师给出正确的提示很重要，否则可能会导致混乱，从而导致糟糕的用户体验。

设计师必须使用正确的视觉指示符，用户可以通过这些指示符感知他们如何观察这些 UI 元素并与之交互。 同样重要的是要记住并非所有用户都是平等的。 因此，并非所有人都以相同的方式感知或解释所有可供性。 因此，使用适当的标签和说明来支持所有视觉提示。

9. 缺少正确类型的对话框

在 Web 应用程序的对话框可用性中，必须让用户知道系统的当前状态以及他们的命令是如何被解释的。 对话框旨在告知用户他们的操作结果如何，而不会将它们从当前屏幕上移开。

沉默可以让用户猜测。 因此，在创建 Web 应用程序时，请确保对话框不会掩盖用户的信息。 但要谨慎使用它，因为连续的消息可能会造成干扰。

例如，当用户在输入信息后决定退出特定页面时，对话框可能会出现“放弃草稿？ 取消或丢弃”。

然而，用订阅对话框轰炸他们（例如，“请通过输入您的电子邮件地址订阅我们的每日新闻通讯”）太多次可能真的很烦人。

10. 使用错误消息犯下常见错误

用户花费时间和精力填写表格，当表格出现错误时，必须告知他们哪里出错了。 如果有创建密码的特定规则，请事先通知用户，这样他们就不必重复做同样的事情。

或者，如果有要应用的促销代码，只需事先告知他们适用什么样的促销以及原因。 不及时通知他们会增加用户的焦虑和挫败感。 记住在创建错误消息时不要犯这些错误：

1. 歧义 - 不清楚用户所犯的错误。
2. 责备用户——最好保持谦虚，即使用户犯了错误。 轻轻指出错误，以便他们再次尝试。
3. 错误消息的放置不当——建议不要将错误放在项目符号列表中，因为这真的会关闭它们。 将错误消息放在错误的顶部，以便用户可以立即看到问题所在。
4. 不使用缩微副本来防止错误——空白附近的小块解释性文字实际上可以指导用户填写什么，这样他们就可以在第一时间得到它。

11. 没有智能默认值

在应用程序的表单填写页面中有一个额外的字段可能会起到威慑作用。 因此，如果该额外字段是绝对必要的，那么请确保在表单输入字段中输入默认值。 人们快速扫描表格以检查填写表格需要多长时间，如果表格中已经存在默认值，他们可能会继续填写其他表格。

没有智能默认设置可能会使用户耗时且令人沮丧，这是一个严重的错误。 还建议不要为需要用户注意的输入字段设置默认值。 不要假设用户将点击什么，即使它是经过充分研究的默认设置，用户也可能想要其他东西。

12. 忽略号召性用语按钮的强调色

加入良好的强调色以吸引人们对“立即购买”、“开始免费教程”、“立即注册”等按钮的注意非常重要。为按钮使用不同的颜色，使其与众不同，特别是对于那些非常关键的号召性用语按钮。

强调色必须足够明亮以吸引注意力，但又不刺激和分散注意力。 确保强调色与应用程序中的其他颜色主题相得益彰。 还要为号召性用语保留特定颜色，不要在页面的其他地方使用它。

结论

这些是 UI/UX 设计中最常见的一些错误。 请记住，每当您进行任何设计更改时，请务必对其进行彻底测试，以了解其效果如何。

应用程序设计是成功的差异化因素，每天有成千上万的应用程序发布，只有少数获得批准。 糟糕的做法会导致 UX/UI 设计中的致命错误，许多人的所有努力都付诸东流。

最后提醒：

在设计您的应用程序时，请记住要针对多个平台进行设计，除非您针对的是特定平台。 这就是您将最小可行产品 (MVP) 直接带入商店的方式。