移动设计八原则

作者: 伊缘 分类: ||产品经理|| 发布时间: 2013-09-03 10:27

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

  • 内容优先:界面布局应以内容为核心,提供符合用户期望的内容。
  • 为触摸而设计:界面的交互系统以自然手势为基础建构,符合人体工学并保持一致性。
  • 转换输入方式:使用各种手机的设备特性和设计手段,减少在应用内的文字输入。
  • 流畅性:保持应用交互的手指及手势的操作流、用户的注意流和界面反馈转场的流畅性。
  • 多通道设计:发挥设备的多通道特性、协同的多通道界面和交互,让用户更有真实感和沉浸感
  • 易学性:保持界面架构简单、明了,导航设计清晰易理解,操作简单可见,通过界面元素的表意的和界面提供的线索就能让用户清楚地知道其操作方式。
  • 为中断而设计:考虑应用的使用情境,确保在各个产出中断的情境下,让用户恢复之前的操作,保持用户的劳动付出。
  • 智能有爱:给用户提供让他感到惊喜有趣的、智能高效的、贴心的设计。

一、内容优先

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

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

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

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

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

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

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

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

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

二、为触摸而设计

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

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

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

移动设计

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

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

第二部分就是细节交互。它也是以手势为基础,新增操作就是在列表