移动设计八原则

保持用户的劳动付出。

智能有爱：给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计。

一、内容优先

对于手机而言，屏幕空间资源显得非常珍贵。为了提升屏幕空间的利用率，界面布局应以内容为核心，而提供符合用户期望的内容是移动应用获得成功的关键。如何设计和组织内容，使用户能快速理解移动应用所提供的内容，使内容真正有意义，这是非常重要的。

重组内容，使内容符合移动的特征

在PC上的网页内容往往相对复杂，在进行内容移动化时，并不合适把内容直接照搬到手机端。在进行移动应用设计时，应该重组内容，使其符合移动应用的特征。

移动应用的内容应使用用户的语言，以用户熟悉的维度来组织内容，这样更容易查找目标信息，提升内容的利用率；删除无关的多余内容，让内容更简洁清晰，考虑在小屏幕空间可以合理的布局，增加屏幕的利用率；内容要是清晰和具体的，是用户恰好需要的；内容要是有情景特征的，可以在不同的情景下给用户提供不同的情景下的内容。

优先突出用户需要的信息，而简化界面的导航

一个应用提供给用户的信息往往是太多而不是太少，设计师们的关注重点也会转移到如何让用户找到内容，而忽略了能给用户获得价值的是内容，而不是导航。

在移动应用设计时，我们更为关注的是用户需要的内容，其次才是导航。在内容本身复杂而多变的时候，如何让用户能更快速地获取恰当的信息，在移动情景中会显得很重要。

适时提升屏幕空间的利用率

即使用户的视觉注意点集中在内容上，在设计方面也要把屏幕资源更多的给内容而不是导航。只是在恰当的时候，可以让用户呼出导航即可。

二、为触摸而设计

点击操作是PC 时代交互的基础，在触屏设备上基于手指的手势操作已经代替了鼠标的点击操作。手势操作灵活多变、交互自然，但也带来识别性差、操作精度不高等缺点，都需要一些手势设计的基本原则来指导和完善。

以信息架构为基础，建立手势交互规范

在一个移动应用中，手势的统一性非常重要。让用户在应用的任何界面中都知道怎么使用手势，并

达到预期的结果。这需要设计师提供一套基于应用信息架构的手势规范，它将是导航与交互的基础。下面我们以Clear 为例来讲述一下手势的架构设计。

Clear 这个应用的三层导航架构在整个交互架构上，都是以手势为基础。

这里可以对Clear 的交互设计进行分析。

第一部分就是它的导航逻辑。它的导航逻辑以手势架构为基础，层级导航向下时为Tab 点击，层级向上返回时为在List 顶部向下在拖动一定距离。整个应用的导航逻辑统一，用户只要在一个地方学会了操作，在整个应用中都能快速上手。

第二部分就是细节交互。它也是以手势为基础，新增操作就是在列表顶部向上拖动一个项目距离，删除操作是从右向左拖动项目到一定距离，设置是从左向右拖动项目到一定距离。

总的来说，Clear 这款应用的导航架构与手势架构逻辑都比较清晰，操作一致性较高，易学性强。

在应用设计时，完成信息架构设计后，也要思考应用手势的架构，使基于手势的导航能与信息架构整合一体，让用户方便、快捷地找到内容。

优先设计自然的手势交互，而不只是Tap 点击

在移动应用的设计过程中，我们可以发现大多数的应用在手势的使用上都是非常保守的，基本上以Tap 点击为主，模拟在PC 上的操作方式。但是，作为以触屏为基础的设计，如果只使用Tap 点击的形式，不能完全体现出自然的交互操作。我们建议在设计时，能更多地思考出一套适合自己应用的手势交互形式，使用户在操作的过程中能更自然、更高效。

引导用户在情景中学习手势操作

由于手势在界面上是相对隐藏的操作类型，需要用户的探索和学习。因此，除了基本的用户都熟知的手势外，其他手势在使用时都需要给出提示和引导。手势操作基于程序性操作知识，最好的学习方式就是通过实际操作来理解和记忆。因此在手势引导设计上，更多的是以指导用户操作的方式来做，能让用户快速掌握。

特殊手势不是必须的

特殊手势不是必须的

苹果的Mac OS 提供了很多快捷操作方式及手势的交互形式，这些多指的手势能让专家用户的操作效率得到大幅度提升。新手却很难记住所有的手势，但是这并不影响他们使用Mac 系统，因为系统都提供了满足于新手的交互解决方案。在移动应用的设计上也会采用一些个性化的、不属于各个操作系统规范里定义的手势，在某些情景中使用也会非常合适。但是特殊手势应作为快捷操作的形式存在，用户不使用它也能完成任务。特殊手势的使用能提升产品的交互效率，或者给出有趣的体验，但是它们不是必须的。

可触区域必须大于7×7 mm，尽量大于 9×9mm

在触摸操作设计时，我们已经知道在界面中的可触物理区域不应小于7~9mm。为了让用户能在各种情景下都能容易操作，我们建议可触区域不应小于9mm。但是可触区域不同于在屏幕中直接呈现的物理大小，为了视觉及审美的需要，有时设计师会把屏幕元素设计得较小，这也是允许的，实际的可触区域可以大于屏幕元素呈现给我们的大小。我们需要控制可触区域的空间，在可触区域中都可以触发用户的操作。

手势操作要提供过程反馈提示

在触屏界面上，由于手势操作是隐藏在界面中的，用户必须去尝试才能知道真实的效果如何。因此，在用户手势操作过程中反馈显得非常重要，他们需要反馈才能知道手势是否有效，也才能知道操作后获得的结果。

三、转换输入方式

文字输入是移动端的软肋之一，不管是手写输入还是键盘输入，操作效率都相对较低。在行走或者单手操作时，输入的出错率也比较高。如何在应用设计时避免文字输入，或者使用一些代替方案来提升输入效率，在移动应用设计中显得尤为重要。

减少文本输入，转化输入形式

在数字输入过程中，常常会把文字的输入转化为基本的手势输入。手势操作会以更快的形式进行输入，提升了输入的效率。如下面的两个例子在移动输入的改进方面提供了帮助，天猫客户端的价格输入转化为手势拔动；在Black Berry 的输入法中，当用户输入某个字母后，系统会给用户提供该字符串开始的推荐词，用户手指拔动就可以完成词语输入，省去了后面字符串的点击输入，提升了效率。

简化输入选项，变填空为选择

在设置输入或者对于一些已知项目的输入中，尽量把用户要输入的内容变成选择。如已有帐户的登录过程，让用户选择而不是输入。日期、地址等本身可以转化为选择项的内容，尽量使用选择输入