勿喷，看完一些前辈的后续个人想法

这里没有一个伟大的UI应用程序设计的通用公式（如果你知道的话，请让我们知道）。 但是，如果你想提供一个伟大的应用程序，我们确实知道一些重大的错误。

我们已经看到了各级经验的设计师所犯的每一个错误。 毫无疑问，一个好的用户界面设计是一个多方面的挑战，许多方面可以被忽略。

在All In Mobile，我们经常为不满意自己产品的客户重新设计应用程序，并希望改善应用程序的外观和感觉。 这就是为什么今天我们要分享我们收集的一些主要的no-nos。

当然，我们正在修复解决方案，而不是仅仅指出解决方案。 这就是为什么我们还会向您展示重新设计的应用程序视图列表，展示所有这些主要的用户界面错误 - 以及您的团队如何解决这些问题。

UI错误1：滥用字体

我们从系统字体系列开始。

例如，旧金山字体是iOS的系统字体，Android有Roboto。 他们都很容易阅读和相当相似。

相关：在UI设计中排版的4个技巧

系统字体可以使用吗？ 当然是。 这是一个安全和可靠的选择。 但请记住，三星手机允许您更改默认字体。 如果手机用户切换成Choco Cooky字体，你的设计精美的应用程序可以立即被杀死。

您也可以选择更复杂的解决方案并选择自定义字体。 如果你走这条路线，请记住：

少即是多。 可能有很多很棒的字体，但要合理。 字体应该添加到用户体验。 太多的类型，大小，颜色等可能使事情复杂化。 如果你去定制字体，保持简单和一致。 只在需要的时候添加自定义字体，以及实际改进应用程序的位置 - 为了使用自定义字体而使用自定义字体并不是一个好的理由。

执照。 几个月前，我们被要求重新设计一个时尚应用程序。 在审查字体时，我们遇到了两种商业字体，两种字体都没有任何更大的用途，也没有许可证。 这个错误可能会花费客户$ 2,000！ 字体是软件，并始终获得许可。 如果您将字体嵌入到移动应用程序中，请务必阅读许可证和使用条款。 不知道牌照？ 那么不要使用字体。

用户界面错误2：在屏幕上太多

 几个月前，我们被要求重新设计一个时尚应用程序。 在审查字体时，我们遇到了两种商业字体，两种字体都没有任何更大的用途，也没有许可证。 这个错误可能会花费客户$ 2,000！ 字体是软件，并始终获得许可。 如果您将字体嵌入到移动应用程序中，请务必阅读许可证和使用条款。 不知道牌照？ 那么不要使用字体。

当手机小得多的时候，设计师们面临着将必要的东西捆绑在屏幕上的问题。 例如，iPhone 4的分辨率为640×960，比例为2：3。 随着超大型手机（或平板手机）的出现，我们可以在屏幕上放置更多的东西 - 更大的字体，更多的按钮和更好的设计。

小心落入这个自由陷阱。 更多不是更多，所以要有选择性。 每个附加项目都必须由用户处理。 明智地吸引他们的注意力，以便他们可以轻松导航应用程序。 如果屏幕上显示的内容太多，用户可能会很容易迷路，不知道要做什么或在哪里点击。 使用设计将用户的注意力集中在重要方面。 您希望人们以直观的方式直接访问重要内容。

用户界面错误3：缺乏一致性

设计时要保持一致。 不要向用户发送混合信号。 如果您使用一个元素进行特定操作，请坚持使用它。 用户通过某些行为来学习，如果遇到意外或模棱两可的行为，真的会毁了他们的经验。

也保持一致的布局 - 大部分。 例如，使用相同的颜色和元素来创建重复模式。 使用风格指南设置标准，以便在设计时保持正确的轨道。

一致的布局可以帮助用户通过应用程序学习，但是您可能会遇到一些例外情况，例如登录页面或其他具有专用功能的屏幕。 每当你突破模式，记住每一个元素仍然需要一个整体。

UI错误4：从iOS传输到Android 1：1

在Holo Design出现之前，直到Android 4.0才进行从iOS到Android的1：1传输是有意义的。 这是Android的第一个明智的主题，其结构，指导方针和导航与iOS不兼容。

为什么不直接从iOS转移到Android，反之亦然？ 这不是为了节省时间和金钱吗？

那可能吧，但最终的目标是创造最好的用户体验，对吗？ 用户有习惯和喜好。 他们一直都在用手机，他们习惯了自己的手机功能。 因此，如果您的应用程序的行为与人们习惯的行为不同，那么他们不太可能喜欢使用它。

Android和iOS有自己的交互模式，用户可能不会高兴，如果你为他们提供其他东西，他们将不得不从头开始学习。 如果你从iOS转移到Android（或其他方式），你也可以在设备之间做出一致性的错误。

不过，有好消息，你的应用程序不必为iOS和Android看起来完全不同。 尽量保持两种平台的大部分视觉风格。 以汽车租赁应用程序Silvercar为例。 他们提出了自己的导航风格，但同时保持了移动操作系统之间的一致性。

UI错误5：信息层次不佳

当你设计一些东西时，无论是名片，网站还是应用，一个人都会以某种方式与之交互。 您需要根据您所呈现信息的重要程度进行规划和设计，具体取决于与其交互的方式。

坐下来思考一下你想展示的最重要的东西。 一旦你知道了你的优先级，你就可以在字体，颜色，大小，位置等的帮助下区分重要的事情。你需要考虑人们用你的产品做什么，在理想和非理想的设置，并相应地设计它。

错误 - 和解决方案 - 在实践中

现在我们将向您展示所有这些错误在实践中的样子，以及如何解决这些错误。 作为一个例子，我们将重新设计一个食品订购应用程序的视图列表。

有食品订购应用程序的客户决定添加评级餐馆的选项，但以前的设计并没有提供这样的解决方案。 我们借此机会改进了一些事情。

之前的屏幕设计是在iPhone 5仍占有更大份额的时候。 它有更小的单元格，更小的餐厅标志和更多的压缩文本。 在新设备上观看时，屏幕上出现太多元素，使阅读变得更加困难。

这就是我们介入并做出一些改变的地方：

细胞之间距离较远，不再融合在一起，一切看起来都很清晰。 用户不会被屏幕上的项目数量所淹没。 此外，信息的层次也得到了改善。 现在，最重要的元素是标志。 返回的用户比阅读品牌名称更可能快速识别标志。 以前，这个名字是与标志战斗。

另一个需要工作的因素是排版。 我们使用奥斯瓦尔德字体名称和标签。 我们最初预计只有一条标签，但一些餐馆的报价非常丰富，所以我们尽可能地安装了尽可能多的标签。

我们还在三星手机中包含了带有系统字体和Choco Cooky的Android版本的可视化。 我们通过添加Roboto作为自定义字体来解决这个问题。

为了添加客户想要的评级部分，我们决定使用星星。 酒店和米其林指南使用它，所以它对我们有意义。

但有一个问题。 在之前的设计中，我们使用了星星来标记最喜欢的餐馆。 我们不能把这两个元素放在一起，因为这会混淆。 喜欢一家餐馆与它的评价没有关系，我们将在这两项行动中使用相同的标志。 我们不想要不一致，也不想将符号的含义从一个版本更改为另一个版本。 最后，我们用屏幕解决了问题，通知用户添加了新功能。

“设计不是科学，没有成功的神奇方法。”

即使你避免了这5个重大的错误，你设计的东西在用户接触到它时也可能会分崩离析。

你根本无法预测人们可能做的一切。 这就是为什么您必须借助分析和其他工具来观察用户的行为和需求。 然后，做出相应的反应，改善你的应用 设计应该改变，以不断提高UX。

永远不要放在你的桂冠上，因为总有一些你可以设计得更好。