究竟该如何做好移动设计.pdfVIP

究竟该如何做好移动设计 文/易卿 对于移动互联网公司而言 ，作为团队的的产品 理常常犯的错误是:一味的带领团队天天按需求 ，埋 首干业务 ，而不是随时关注交互设计的正确观念和整体交互模型的流畅程度。 移动互联网的火热 ， 导致每天都会有数不清的移动产品出现 ，竞争压力越来越大 ，考虑到移动产品和PC端产品和区别 ， 我们必须在交互设计和用户体验上做出比竞品更优秀的产品。那么我们如何做好移动设计呢 ？ 首先 ，我们要了解移动互联网的特征: 1、使用情景特征 “永远在线、无处不在” ，移动设备携带方便、在任何时何地都可以使用、永不关机 ，在任何姿势下 都能方便地使用 ，以及触摸屏的交互方式等等 ，这些优势使移动产品更容易取得成功。移动产品不 仅仅是PC产品的延伸 ，而是一种全新的变革性的产品。因此 ，我们应该更多地基于移动情景来思考 产品和设计。 那么正常使用情景中的因素有哪些呢 ？ 2、移动网络特征 当前国内手机主要通过2G、3G、W i- Fi和4 G四种方式接入移动互联网 ，其中在3G、4 G、W i- Fi网 络下 ，应用使用的流畅性比较高 ；而2G网络传输速度比较慢 ，用户需要等待较长时间。但是目 前2G用户仍占领较大的市场份额 ，这需要我们在做移动产品设计的时候 ，考虑应用在网速较慢时 ， 怎样让用户获得更好的体验。 较常见的形式有全页面加载、分布加载、懒加载、智能加载、以及离线加载等形式。 3、触摸手势特征 iPho ne后 ，手机的操作方式发生了改变 ，不同于功能手机的按键操作和笔式输入方式。以手势为基 础的交互方式已 取代了鼠标的交互 ，但是手指点击手机的操作不准确 ，手势种类繁多 ，迫使我们 考虑更多的交互问题。 手机的所有屏幕区域不是同样易于操作的 ，这跟拇指与手指的滑动弧度正相关。 食指在操作时 ，屏幕的右侧空间很难操作。 手势交互不仅仅是点击 ，还有双击、拖拽、滑动、晃动、放大、缩小、长按、双指旋转等。 所以我们在产品设计的过程中要注意手势交互的 ： 自然性 易发现性 反馈 有趣 适合程度 4 、屏幕特征 移动设备的屏幕比较小而且种类繁多 ；目前以触屏操作为主 ，但还有按键配合 ；基于传感器的多种 输入形式。这也是需要我们在设计过程中所要注意和了解的。 其次 ，我们要了解移动设计的基本原则: 1、内容优先 对于手机而言 ，屏幕空间资源显得非常珍贵 ，为了提升屏幕空间的利用率 ，界面布局应以内容为 核心 ，而提供符合用户期望的内容是移动应用获得成功的关键。如何设计和组织内容 ，使用户能快 速理解移动应用所提供的内容 ，使内容真正有意义 ，这是非常关键的。 充足内容 ，使内容符合移动的特征。 优先突出用户需要的信息 ，而简化页面的导航。 适时提升屏幕空间的利用率。 2、为触摸而设计 点击操作是PC时代交互的基础 ，在触摸屏设备上基于手指的手势操作已 代替了鼠标的点击操作 。 以信息架构为基础 ，简历手势交互规范。 优先设计自然的手势交互 ，而不是TA P点击 引导用户在情境中学习手势操作。 特殊手势不是必须的。 可触区域必须大于7×7mm,尽量大于9×9mm。 手势操作需要提供过程及反馈演示。 3、转换输入方式 文字输入是移动端的软肋之一 ，不管是手写输入还是键盘输入 ，操作效率都相对较低。在行走或者 单手操作时 ，输入的出错率也比较高。 减少文本输入 ，转化输入形式。 简化输入选项 ，变填空为选择。 使用手机已有的传感器输入。 4 、流畅性 在移动产品的操作过程中会碰到多种多样的情况——找不到目标、不知道该怎么操作、操作后没有 及时反馈 ，等等 ，这都会对产品的流畅性造成影响。在移动产品的设计中主要从三个方面来考虑产 品的流畅性 ： 手指及手势的操作流。 用户的注意流。 转场流畅流。 5、多通道 多通道设计是指系统的输入和输入都可以由视觉、听觉、触觉等来协作完成 ，协同的多通道界面和 交互也会让用户更有真实感和沉浸感。当前各个系统平台的基础技术已 越来越成熟 ，语音输入、 手势识别及其他由多种传感器组成的综合识别系统也会给用户带来更接近自然的感觉。作为产品设 计师 ，也可以从其他通道的角度思考设计 ，给用户更好的交互方式。 6、易学性 对于移动产品 ，提倡的是简单、直接的操作 ，倾向于清晰地表达产品目标和价值。让用户快速学会 使用 ，尽量不要让他们查看帮助文档。界面架构简单 ，明了 ，导航设计清晰易理解 ，操作简单可见 ，通过界面元素的表意的和界面提供的想说就能让用户清晰地知