移动设计八原则

    近几年，交互设计专业也有了蓬勃发展，Alan Cooper、Donald Norman等人为交互设计提供了许多理论上的支持，Ben Shneiderman 提出的交互设计“黄金八法”和Nielsen 的“启发式评估10 条原则”为交互设计的评估提供了标准，所有这些理论和原则在移动应用的设计上依然是通用的。但移动应用有其特殊性，在设备和情景上都与普通的设计不同。因此，我们在考虑其他原则的基础上，整理了八条移动应用设计的针对性原则。

一、内容优先

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

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

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

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

搜索列表设计

二、为触摸而设计

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

    在一个移动应用中，手势的统一性非常重要。让用户在应用的任何界面中都知道怎么使用手势，并达到预期的结果。这需要设计师提供一套基于应用信息架构的手势规范，它将是导航与交互的基础。下面我们以Clear 为例来讲述一下手势的架构设计。

手势引导

    在Fantastical 的操作提示界面中，有一个蓝色的小点一直从上到下落下，提示用户向下拖曳来切换视图。由于结合了实际操作，这个手势更容易被记忆。
特殊手势不是必须的

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

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

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

三、转换输入方式

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

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

价格选择的手势                             BlackBerry 快捷输入
简化输入选项，变填空为选择

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

    使用语音、扫描识别（二维码、条码、文字等）、LBS 技术来减少用户的输入，给用户提供便利。我们在进行输入设计时，多转换思维，发挥各个传感器的基本特性并灵活运用，把难以输入转化为简单智能的输入形式，使用户能更便捷地使用。

四、流畅性

    在移动应用的操作过程中会碰到多种多样的情况——找不到目标、不知道该怎么操作、操作后没有及时反馈，等等，这都会对应用的流畅性造成影响。在移动应用的设计中主要从三个方面来考虑应用的流畅性，即手指及手势的操作流、用户的注意流和界面反馈的转场流畅性。

Chirp

    上图是两部手机正在使用应用Chirp 来 传递图片的界面，发起和接收图片使用的信号是鸟叫声。发起方发出一个声音，接收方接收到声音后，就完成了图片的传递。这是一个比较生动的多通道配合的例 子。通过声音发送信息的方法是一个理所当然的形式，它和我们对沟通的理解很一致（不同的鸟叫声会传递不同的信息），而像蓝牙、Wi- Fi 等复杂的协议对人们来说是看不见的、高深莫测的、不可爱的，它们让人困扰或不爽。而通过Chirp得到的结果却使设计更加有爱。

六、易学性

    对于移动应用产品，提倡的是简单、直接的操作，倾向于清晰地表达产品目标和价值。让用户快速学会使用，尽量不要让他们查看帮助文档。保持界面架构简单、明 了，导航设计清晰易理解，操作简单可见，通过界面元素的表意的和界面提供的线索就能让用户清晰地知道操作方式。只有这样的设计，才能让用户的学习使用没有 负担，而不是通过帮助系统来教会用户操作。

Line 通过手机扫码登录PC 客户端

    Line 在手机与PC 切换时，设计了一个二维码扫描登录功能。设计师们要去发现用户的使用情境与行为表现，例如用户在电脑边上时，更希望能通过电脑来使用Line，以提升操作效率。

    同时设计师们也要去分析移动设备的特点，发挥移动的特点来解决这个切换的问题。贴心的设计往往会帮用户提前想到一些事情，并满足用户还未意识到的需求，在用户在犯错误的时候能自动弥补、纠正用户的操作，并给出温馨的提醒。例如，Sync.ME（原名Smartsync）是一个很有趣的社交信息同步应用。当朋友给你打电话时，该应用会将其最新的Facebook 状态或照片显示在手机屏幕上，让你提前知道朋友最近的状态。然后你如果看到朋友最新滑雪的照片，那么你接电话就可以说：“怎么样，滑雪玩的爽不爽

来源：iteye_15786