在本文中，我想分享一个清单，列出当今移动应用程序设计中仍然可以找到的最常见的UI设计错误。

1. 排版

正文文本的字体较小。设计人员经常使用布局中太小的字体。使用小于 12 pt 的字体大小是不正确的，因为这会导致视力不佳的用户眼睛疲劳。

使用两个以上的字体系列。虽然将一个字体系列用于标题，将另一个字体系列用于正文文本可能是个好主意，但向 UI 添加更多字体系列会使它看起来很草率。

2. 图标和图像

图像不一致。为图标使用一致的线条粗细和角半径。

具有不同线条粗细的主页图标

低质量图像。确保应用中的所有图像都没有失真。

文字与照片的对比度差。出于演示目的，视觉设计师通常会选择与白色文本形成鲜明对比的深色图像。但是一旦应用程序上线，文本就会变得不可读。这就是为什么您应该始终使用真实内容（文本和照片）测试您的设计。

对比度差与对比度好

3. 颜色

文本对比度低。文本对比度低等于可读性差。图像和文本的对比度应至少为 4.5：1。

低对比度与良好对比度

设计中的颜色太多。与字体类似，过度使用颜色会使您的设计看起来很草率。在 UI 中使用太多颜色就像向用户发送太多信号。通过限制颜色并对文本、按钮、菜单图标和功能元素等元素使用一致的调色板，可以改善用户体验。

将深色 UI 设置为主要 UI 模式。虽然深色 UI 看起来更令人印象深刻，但它不如白色实用。永远记住上下文 - 谁将使用界面以及如何使用。对于文本繁重的 UI，建议避免使用深色 UI 作为主要模式，因为这会导致眼睛疲劳。

4. 形状

同时使用方形和圆形。尝试对卡片和按钮使用圆角或方角。

5. 视觉层次结构

缺乏视觉层次结构。格式正确的 UI 元素有助于用户感知信息。使用大小、颜色对比度和间距来分隔各个元素，并使某些元素在视觉上更加突出。一般来说，视觉重量最强的物体会得到更多的关注。

主要和继发性 CTA 之间没有视觉区别。谷歌UI设计很容易扫描。可以通过对主要操作赋予视觉重要性来指导用户。

没有视觉区别与视觉差异。

6. 交互模式

通用载入体验。展示产品优势的滑动屏幕库是移动入门的事实标准。这种类型的入职培训很少适合用户，因为没有人喜欢阅读有关应用程序功能的信息。每个人都想体验这些功能。

滑动式载入

缺乏上下文中的支持和帮助。对于设计应用程序的人来说，应用程序设计似乎很明显，但对于第一次使用它的人来说可能并非如此。与用户一起测试您的设计，确定摩擦区域并引入一种机制来帮助用户克服这些区域。

使用语音作为与系统交互的唯一方式。语音是与应用交互的便捷方式，但它不能取代传统的触摸 UI。在某些情况下，用户将无法说话（即在公共场所）。语音应支持但不能取代触摸 UI。

使用创造性的交互模式。当设计师想要给用户留下深刻印象并创造难忘的体验时，通常会发生这种情况。虽然基于手势的导航等创意模式可能很有趣，但它们要求用户投入更多时间来学习如何使用应用程序。因此，要有创意，但要记住你为谁设计。

7. 导航

当您有 5 个或更少的顶级导航选项时，使用汉堡菜单。当您有五个或更少的顶级导航选项时，建议使用选项卡栏导航，因为此类导航对我们的用户来说更易于浏览。

混合不同的导航模式（即，使用标签栏和汉堡菜单）。

Facebook在标签栏中使用汉堡菜单。

仅图标导航（不带文本标签的导航选项）。仅当图标的消息清晰时，才可以使用仅图标导航。

8. 动画

过度使用纯装饰性动画效果。太多的东西都是不好的，动画效果也不例外。过度使用动画效果（尤其是当它们不需要时）可能会导致加载时间变慢和用户烦恼。