31
移动终端手势设计研究 钟磊 腾讯设计中心 高级交互设计师

Mobile gestrue research

Embed Size (px)

Citation preview

Page 1: Mobile gestrue research

移动终端手势设计研究钟磊 腾讯设计中心 高级交互设计师

Page 2: Mobile gestrue research

手势是指人类用语言中枢建立起来的一套用手掌和手指位置、形状的特定语言系统。

手持设备中的手势是指,将一系列多点触摸事件综合成为一个单独的事件。Gestures are the synthesis of multiple touch events into a single event.

手势

Page 3: Mobile gestrue research

手势操作的优势1. 直觉化——好的手势设计源于生活经验,易于理解,学习成本低。2. 快捷高效——减少操作步骤,加快完成任务。

Page 4: Mobile gestrue research

手势在平台上的异同

Page 5: Mobile gestrue research

手势在平台上的异同

Page 6: Mobile gestrue research

手势在平台上的异同

Page 7: Mobile gestrue research

通用 基本通用 不通用

通用手势能被广泛应用是源于对心理模型的匹配,以及大众对于先入为主的接受度。

基本通用的或其他的手势可发展, 需要遵循设计原则,需要注意的是,手势并不是孤立的,而是在对象上触发的。

较复杂手势多应用于大屏幕、某些特殊场景下(如iPad的三手指拖动 及放大)。大部分尚停留于概念和探索阶段。

各平台上手势现状

Page 8: Mobile gestrue research

手势操作引发的问题

Problems?

Page 9: Mobile gestrue research

1 操作的不可见性

可否操作?怎样操作?结果?iPhone: 在邮件、备忘等条目上由左向右左滑动可删

除该条目,但在其他应用的一些条目上则无该操作,

用户无预期。

Page 10: Mobile gestrue research

2 缺少统一规范和设计准则

各平台有自身的手势规范,且平台间存在冲突。

Page 11: Mobile gestrue research

3 缺乏反馈

不知道是否在进行手势,不知道是否操作已到位;不知道是否操作完成。

Page 12: Mobile gestrue research

4 缺乏可靠性

误操作操作精度和预期结果不一致

Page 13: Mobile gestrue research

手势的分类

Page 14: Mobile gestrue research

按形式分类简单手势、复杂手势、核心手势、通用手势...

Page 15: Mobile gestrue research

按操作分类1. 基于导航的手势 (Navigation Actions)

2. 基于对象的手势 (Object-Related Actions)

3. 绘制类手势 (Drawing Actions)

Page 16: Mobile gestrue research

关注操作手势而非手势的形式本身

Page 17: Mobile gestrue research

手势设计应遵循的一些原则

Page 18: Mobile gestrue research

1 提供真正的便利,而非多一种操作方式

手势的目的:简化操作,方便快速处理任务。给我一把电锯,而非另一把刀。

Page 19: Mobile gestrue research

1 提供真正的便利,而非多一种操作方式

Page 20: Mobile gestrue research

1 提供真正的便利,而非多一种操作方式

Page 21: Mobile gestrue research

2 提供有效反馈

有些手势操作过程缺乏足够反馈,造成:是否在进行手势?操作是否已到位?操作是否已完成?

Page 22: Mobile gestrue research

2 提供有效反馈

Page 23: Mobile gestrue research

2 提供有效反馈

Android的屏幕滑动:没有足够反馈,不知道是否滑动到位,经常出现失败的情况。

Page 24: Mobile gestrue research

3 不增加认知负担和选择成本

为用户提供一个较好的方案即可,尽量避免提供一些类似的操作让用户去选择。因为有多个选择时,会带来认知负担和判断成本,即使选择的过程很短暂。

Page 25: Mobile gestrue research

3 不增加认知负担和选择成本

Palm界面中是否要放返回按键?寻找软件的返回按钮:20%

使用硬件的返回手势:79%

Page 26: Mobile gestrue research

4 遵循习惯和心理模型

Donald Norman / Jakob Nielsen“When users think they did one thing but ac-tually did something else, they lose the sense of controlling the system because they don’t understand the connection between actions and results.”

Page 27: Mobile gestrue research

CDC的设计规范平台建设

Page 28: Mobile gestrue research

设计范式库

Page 29: Mobile gestrue research

设计规范

Page 30: Mobile gestrue research

设计规范

Page 31: Mobile gestrue research

END

钟磊[email protected]