究竟该如何做好移动设计

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

20121124001938664

文/易卿

对于移动互联网公司而言,作为团队的的产品经理常常犯的错误是:一味的带领团队天天按需求,埋首干业务,而不是随时关注交互设计的正确观念和整体交互模型的流畅程度。 移动互联网的火热,导致每天都会有数不清的移动产品出现,竞争压力越来越大,考虑到移动产品和PC端产品和区别,我们必须在交互设计和用户体验上做出比竞品更优秀的产品。那么我们如何做好移动设计呢?

首先,我们要了解移动互联网的特征:

1、使用情景特征

“永远在线、无处不在”,移动设备携带方便、在任何时何地都可以使用、永不关机,在任何姿势下都能方便地使用,以及触摸屏的交互方式等等,这些优势使移动产品更容易取得成功。移动产品不仅仅是PC产品的延伸,而是一种全新的变革性的产品。因此,我们应该更多地基于移动情景来思考产品和设计。

那么正常使用情景中的因素有哪些呢?

K@YL%5B]80ND5`{ACJS~][7

2、移动网络特征

当前国内手机主要通过2G、3G、Wi-Fi和4G四种方式接入移动互联网,其中在3G、4G、Wi-Fi网络下,应用使用的流畅性比较高;而2G网络传输速度比较慢,用户需要等待较长时间。但是目前2G用户仍占领较大的市场份额,这需要我们在做移动产品设计的时候,考虑应用在网速较慢时,怎样让用户获得更好的体验。

较常见的形式有全页面加载、分布加载、懒加载、智能加载、以及离线加载等形式。

3、触摸手势特征

iPhone后,手机的操作方式发生了改变,不同于功能手机的按键操作和笔式输入方式。以手势为基础的交互方式已经取代了鼠标的交互,但是手指点击手机的操作不准确,手势种类繁多,迫使我们考虑更多的交互问题。

  • 手机的所有屏幕区域不是同样易于操作的,这跟拇指与手指的滑动弧度正相关。
  • 食指在操作时,屏幕的右侧空间很难操作。

手势交互不仅仅是点击,还有双击、拖拽、滑动、晃动、放大、缩小、长按、双指旋转等。

所以我们在产品设计的过程中要注意手势交互的:

  • 自然性
  • 易发现性
  • 反馈
  • 有趣
  • 适合程度

4、屏幕特征

移动设备的屏幕比较小而且种类繁多;目前以触屏操作为主,但还有按键配合;基于传感器的多种输入形式。这也是需要我们在设计过程中所要注意和了解的。

其次,我们要了解移动设计的基本原则:

1、内容优先

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

  • 充足内容,使内容符合移动的特征。
  • 优先突出用户需要的信息,而简化页面的导航。
  • 适时提升屏幕空间的利用率。

2、为触摸而设计

点击操作是PC时代交互的基础,在触摸屏设备上基于手指的手势操作已经代替了鼠标的点击操作。

  • 以信息架构为基础,简历手势交互规范。
  • 优先设计自然的手势交互,而不是TAP点击
  • 引导用户在情境中学习手势操作。
  • 特殊手势不是必须的。
  • 可触区域必须大于7×7mm,尽量大于9×9mm。
  • 手势操作需要提供过程及反馈演示。

3、转换输入方式

文字输入是移动端的软肋之一,不管是手写输入还是键盘输入,操作效率都相对较低。在行走或者单手操作时,输入的出错率也比较高。

  • 减少文本输入,转化输入形式。
  • 简化输入选项,变填空为选择。
  • 使用手机已有的传感器输入。

4、流畅性

在移动产品的操作过程中会碰到多种多样的情况——找不到目标、不知道该怎么操作、操作后没有及时反馈,等等,这都会对产品的流畅性造成影响。在移动产品的设计中主要从三个方面来考虑产品的流畅性:

  • 手指及手势的操作流。
  • 用户的注意流。
  • 转场流畅流。

5、多通道

多通道设计是指系统的输入和输入都可以由视觉、听觉、触觉等来协作完成,协同的多通道界面和交互也会让用户更有真实感和沉浸感。当前各个系统平台的基础技术已经越来越成熟,语音输入、手势识别及其他由多种传感器组成的综合识别系统也会给用户带来更接近自然的感觉。作为产品设计师,也可以从其他通道的角度思考设计,给用户更好的交互方式。

6、易学性

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

7、避免干扰和打断

在玩手机时突然没电了、写微博时又被老板叫去做重要的事情、在搜索商品时收到一条重要的信息……在移动情境中,被各种其他的事情打断是很正常的。

保存用户的操作,减少重复劳动。

  • 网络中断状态。
  • 编辑中断状态。

衔接用户的记忆而不是让用户重头开始。

8、智能有爱

在E-mail的设计中,邮件内容有“附件”文字时,如果没有贴附件,则会提醒用户“是否忘记附件了?”……很多这样令人称赞的贴心设计。在移动产品的设计中,更需要这样的设计来提升产品的竞争力。评价一个移动产品用户体验的好坏,除了要看它是否满足用户需求和是否基友友好的可用性之外,能让用户感受到惊喜是在移动产品设计最为推崇的。这样的设计往往是超越了用户的期望,它的表现是功能、交互或者操作流虽不是用户预期的,但是用户能很好地理解,并且更高效、更有趣地完成任务。移动产品的设计应是惊喜有趣、智能高效和贴心的。

最后,我们要学习最新的移动平台开发潮流趋势:

●Android

●IOS

ps:

《iOS 7和Android 4.4奇巧巧克力:巨人之争》

《Android的设计在行动 – 复用操作栏》

《浅析Android 4.0的通知系统(附Android 4.0设计指南全文翻译)》

《腾讯设计师谈微信的旧容与新妆,Android Design是大势所趋》

《iOS7设计的利与弊》

《iOS 8中隐藏的14个小细节》

《扁平和简约来袭》

《必须了解的七大移动互联网设计趋势》

 

部分资料参考自《移动设计》

转载请注明来源:人人都是产品经理

您的赞赏,是对我创作的最大鼓励。

评论( 1

登录后参与评论
  1. 阅过留痕

    回复
加载中