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

2. 手势
手势是指人类用语言中枢建立起来的一套用
手掌和手指位置、形状的特定语言系统。
手持设备中的手势是指，将一系列多点触摸
事件综合成为一个单独的事件。
Gestures are the synthesis of multiple
touch events into a single event.

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

4. 手势在平台上的异同

5. 手势在平台上的异同

6. 手势在平台上的异同

7. 各平台上手势现状
通用手势能被广泛应用是源于对心理模型的
匹配,以及大众对于先入为主的接受度。
基本通用的或其他的手势可发展, 需要遵循
设计原则，需要注意的是，手势并不是孤立
的，而是在对象上触发的。
较复杂手势多应用于大屏幕、某些特殊场景
下（如iPad的三手指拖动 及放大）。大部
分尚停留于概念和探索阶段。
通用 基本通用 不通用

8. ? Problems
手势操作引发的问题

9. 1 操作的不可见性
可否操作？怎样操作？结果？
iPhone: 在邮件、备忘等条目上由左向右左滑动可删
除该条目，但在其他应用的一些条目上则无该操作，
用户无预期。

10. 2 缺少统一规范和设计准则
各平台有自身的手势规范，
且平台间存在冲突。

11. 3 缺乏反馈
不知道是否在进行手势，不知道是否操作
已到位；不知道是否操作完成。

12. 4 缺乏可靠性
误操作
操作精度
和预期结果不一致

13. 手势的分类

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

15. 按操作分类
1. 基于导航的手势 (Navigation Actions)
2. 基于对象的手势 (Object-Related Actions)
3. 绘制类手势 (Drawing Actions)

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

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

18. 1 提供真正的便利，而非多一种操作方式
手势的目的：
简化操作，方便快速处理任务。
给我一把电锯，而非另一把刀。

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

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

21. 2 提供有效反馈
有些手势操作过程缺乏足够反馈，造成：
是否在进行手势?操作是否已到位?操作是否已完成?

22. 2 提供有效反馈

23. 2 提供有效反馈
Android的屏幕滑动：
没有足够反馈，不知道是否滑动到位，经
常出现失败的情况。

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

25. 3 不增加认知负担和选择成本
Palm界面中是否要放返回按键？
寻找软件的返回按钮：20%
使用硬件的返回手势：79%

26. 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.”

27. CDC的设计规范平台建设

28. 设计范式库

29. 设计规范

30. 设计规范

31. E
N
D
钟磊
www.kevinzhong.com
uxkevin@gmail.com