第三章 创造Iphone内容的指导原则（2）

英文原文

.

（这部分其实是早就翻好了的，那是在淘宝面试完回北京的火车上，写在打印纸的背面，最近在折腾着换工作一直也没时间整理出来。4月10号入职淘宝UED安顿下来了现在终于有时间把它整理出来了。）

.

让内容一目了然

你不能假定你的用户有充足的时间（或空闲的注意力）来搞清你的内容是怎么工作的。因此你应该尽力使你创建的内容一目了然。

在网页里，你应该首先突出展示最重要的信息和功能。记住你的用户是在一个较小的屏幕上浏览。而且他们没有把全部精力放在这里，因此，通过拖动翻页才能找到有用信息是一件烦人的事。

例如Iphone上显示的苹果主页突出显示了苹果的主打产品。用户只要轻轻点击就可以了解到更多信息。

.

Figure3-1最重要的信息是最突出的

Figure3-2内建的秒表功能用途非常明显

.

避免堆积

一个网页堆满了各种不同大小样式的元素。不同大小和颜色的字体这导致了一种不愉快的用户体验，如果这种网页出现在Iphone小小的屏幕上它的负面效果会更加明显。甚至那些在桌面系统中还可以接受的页面到了Iphone里使用起来却变得非常困难。

不管是在网页中还是在Iphone程序里，避免那些令人困惑的图片和元素的超出用户的忍受范围。页面空间在Iphone上是非常宝贵的，因此你应该只显示在当前状态下关键和必要的信息和功能。一般情况下，尽量避免纯粹的装饰性元素和图片。尽量避免在内容周围留太多的无意义空白空间也很重要，如果空白空间分割了重要内容用户就不得不通过拖动找到自己想要的内容。另外空白空间过多还会使你的网页看起来内容贫乏。但同时还要注意的是，不管是在网页还是Iphone应用程序你应该留出足够的空间使它们易于精确控制，图片和文本看起来也不能拥挤。

.

必要输入最小化

输入信息占用时间和注意力，不论用户是点击按钮还是用键盘输入。如果你的程序需要很多的用户输入。不管这些输入是在使用过程中产生的还是在开始使用之前必须做的，都会使用户对你的网站产生疏离感。当然你常需要一些信息来了解用户需求以对网站内容作出调整，但是你应该做一些事补偿用户以平衡你给他们造成的麻烦。换句话说，就是要致力于提供尽可能多的信息和功能来补偿用户的每次输入。通过这种方式用户感到当他们试图接近你的核心内容时通过输入推动了事情的进展，而不是被延迟。例如一个帮助用户购买音乐会门票的网站，首先要求用户输入艺术家名字、音乐会日期、地点等信息。然后才会列出符合上述条件的音乐会列表。最终网站提供给用户一购买这张门票的途径。而在Iphone程序里要达到同样的目的，如果用户能直接到达自己的目标就应该避免不必要的输入。所以这个Iphone程序应该首先呈现一个列表列出最近最受欢迎的音乐会。通过这种方式很多用户可以直接到达目标而不必输入信息。

你可以考虑利用Cookies存储用户先前的输入信息。以避免要求用户重复输入。你还可以通过Cookies记住用户最后访问的时间和地点。Cookies信息还可以帮你为用户提供量身定制的内容。

.

Fiegure4-13（page45）Iphone上的Safari为弹出式菜单提供的可滚动的选择控件

简洁的表达关键信息

当你的用户界面的文字简短而直接时，用户可以迅速轻松的理解内容。而你接下来要做的就是区别并突出最重要的信息。这样用户就不必阅读很多文字才能找到自己想要的的信息或知道自己下一步应该怎么做。

为了帮助自己做到这一点。你应该像一个报纸编辑一样尽力以一个正确的流程传达信息。给控制点加一些小标签（或者用易于识别的标识）。以使用户能扫一眼就知道怎么使用它们。

.

提供指尖大小的目标区域

如果你在布局时把链接和按钮放得太近，用户就不得不花费多余的时间和精力来小心他们是否能够正确的点击。而且他们很有可能会点错。一个简单易用的界面需要合理的布局和空间控制。以使用户能精确的以最少的努力达成目标。“布局指导和小技巧”（p33）中介绍了一些有效的方法你可以在布局使用到。

例如内置的计算器程序展示了一个个大的容易点击的控制键。它们每一个都有44x44像素大小的目标区域。

.

Figure33————展示了Iphone的计算器程序。

避免不必要的互动

互动（不包括必需的用户输入）通常用于激发用户的兴趣和想象力。例如一些网页上展示了一个电梯入口。用户必须通过这个入口才能到达网站内容。虽然这种入口页面的设计在桌面系统上还是可以接受的。但在Iphone上这几乎是在拒绝你的用户快速到达网站内容。在Iphone上如果使用互动请确定他对用户接近自己的目标是有帮助的。要避免出现没有任何功能动机的互动出现。

另一个常在网页上出现的互动形式是：图片和元素的功能只有在用户和他产生互动时才会显示出来（例如鼠标滑过）。这种设计如果在Iphone上使用没有任何效果，有以下两个原因；首先，因为Iphone不提供感知鼠标滑过的事件侦听器，所以应用这种效果的图像和元素将不会向用户展示他们的功能。其次，这种交互在用户和内容之间增加了一层不必要的内容。因此你应该避免那些能用简单直接的方法代替的不必要的互动。