App用户界面设计的那些坑

1: 滥用字体

我们先从字体开始说起。

例如，San Francisco是iOS的系统字体，而Android的系统字体是Roboto。这两种字体都易于阅读，而且用户非常熟悉它们。

App可以使用系统字体吗？当然可以，而且这是一个比较保险的做法。但是你要记住：三星手机允许用户更改系统默认字体。如果用户突然将默认字体改成了Choco Cooky，你的App设计可能就会突然间功亏一篑。因此你也可以给App制定一个自定义字体。如果你想要使用这个方法，记住：Less is more。

你会找到许多种优秀的字体，但是你一定要让自己保持理智。字体的运用是为了提高用户体验。太多的字体、字号或是颜色会让用户头晕眼花。

几个月之前，我们不得不将此前做的一个App进行了重新设计。因为我们使用了2种字体，但是没有取得授权，这也导致我们的客户损失了2000美元。字体也是一种软件，商业使用必须得到授权。在使用一个字体之前，一定要仔细阅读使用条款。如果你不知道如何获得一个字体的授权，那就不要使用。

在手机屏幕还比较小的时候（例如iPhone 4，只有640×960的分辨率），设计师只会把必要的东西放在屏幕上。而大屏手机和平板电脑的出现，我们可以在屏幕上放下更多的东西：更大的字体、更多的按钮以及更加复杂的设计。

但是你一定要抑制自己，要特别小心的选择屏幕上出现的东西。如果你在屏幕上放太多的东西，用户立刻就会迷失，不知道该点哪里。你的设计，要让用户着眼于最重要的地方。

要有统一性，不要给用户发送混乱的信号。如果你在某个行为上使用了一种元素，那就一直持续下去，用户会慢慢习惯你的设计语言。而如果你的设计缺乏统一性，用户的体验就会受到影响。

大多数情况下，布局也要有统一性。例如，在创建重复出现的图案的时候，你要使用相同的颜色和元素。你还要使用样式指导来设定一个标准，让你在设计的时候不会走向歧途。

在一些特殊的情况下，你也可以不必遵循一致性。例如在登录页面，或是其他用特殊用户的页面中。但是你也需要注意，在这种时候，你依然需要确保页面中的元素不会有冲突。

在Android 4.0出现以前，你或许可以这样做。但是随着Holo Design的出现，1：1的移植已经行不通了。

你可能觉得这种转移能帮你节省时间和预算，但是这样做无法让你创建出好的用户体验。因为iOS和Android是两个完全不同的系统，不同系统的用户有自己的偏好和习惯，完全移植无法照顾到各自系统用户的偏好和习惯，从而导致用户体验低下。

好消息是，你无需完全推翻iOS（或是Android）App的设计。两个平台的App可以保持同样的视觉风格，你只需要针对不同平台做些微调即可。

在进行设计的时候——无论你设计的是什么东西——名片、网站、App——你设计的东西最终都会与某些人产生互动。你需要根据这些人的需求，确定展示信息的重要程度等级。

你要好好考虑哪个信息是最重要、你最需要突出显示的。在确定好重要程度登机之后，你就可以利用字体、颜色、字号、位置等手段把最重要的信息放在最显眼的位置上。

说完了理论，我们再来看看实际操作。我们将会对一个订餐App进行重新设计。

这个App刚刚被做出来的时候，iPhone 5还在市场上占据一定的份额。因此这个App的各个元素都比较小。显然在大屏手机当道的时代，这个App需要重新设计。

于是我们对它进行了下列更改：

你可以看到，单元格的体积变大了，间隔也变大了，它们不再挤在一起，信息显示的更清晰。

另外，我们还改进了信息登记。现在App内最重要的元素是logo，因为大部分用户是靠logo辨认餐厅的。此前，餐厅的名字抢夺了logo的一部分空间。

我们还对排版进行了优化。餐厅的名字和简介标签我们使用了Oswald字体。此前的App只能显示一行标签，但是后来我们发现一些餐厅有多种不同风格的食品，因此我们也添加了标签的显示数量。

在安卓版本上，除了系统字体之外，我们还增加了三星手机上的Choco Cooky字体。

客户希望我们添加餐厅评级功能，于是我们决定使用星星标志让用户对餐厅进行打分。

但是问题出现了，此前星星标志是用来让用户收藏餐厅的。我们不能让星星标志承担两个责任，因为这样做会让用户感到困惑。

最后的解决办法是，我们用书签标志让用户收藏餐厅，解决了收藏与评分之间的冲突。同时，我们还使用提醒页面向用户进行了解释，告知他们我们添加了新功能，并且更换了星星标志的功能。

其实，就算你避开了这5个错误，也不能完全保证你的App就能获得成功，也无法保证用户能够获得完美的使用体验。

你无法预知人们会做什么，所以我们才需要使用各种分析工具，不断观察用户的需求和行为。设计的本质，就是要通过不断地改变，来提高用户体验。

永远不要停下改变的脚步，没有哪种设计可以被称为完美，所有设计都有改进的空间。