Transcript
Page 1: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

设计学硕士香港理工大学,设计学院

交互设计师手持平台 (iOS, Android, Meego)QQ 群, QQ, 社区

工业设计系浙江大学

钟磊Website: www.kevinzhong.com

Email: [email protected]

QQ: 305468265

2010

中国交互设计体验日

Page 2: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

2010

中国交互设计体验日

Page 3: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

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

手势

2010

中国交互设计体验日

Page 4: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

2010

中国交互设计体验日

Page 5: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

手势在平台上的异同 2010

中国交互设计体验日

Page 6: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

手势在平台上的异同 2010

中国交互设计体验日

Page 7: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

手势在平台上的异同 2010

中国交互设计体验日

Page 8: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

通用 基本通用 不通用

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

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

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

各平台上手势现状

2010

中国交互设计体验日

Page 9: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

手势操作引发的问题

Problems?2010

中国交互设计体验日

Page 10: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

1 操作的不可见性

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

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

用户无预期。

2010

中国交互设计体验日

Page 11: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

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

2010

中国交互设计体验日

Page 12: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

3 缺乏反馈

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

2010

中国交互设计体验日

Page 13: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

4 缺乏可靠性

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

2010

中国交互设计体验日

Page 14: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

手势的分类

2010

中国交互设计体验日

Page 15: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

按形式分类简单手势、负责手势、核心手势、通用手势...

2010

中国交互设计体验日

Page 16: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

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

3. 绘制类手势 (Drawing Actions)

2010

中国交互设计体验日

Page 17: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

中国交互设计体验日

Page 18: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

2010

中国交互设计体验日

Page 19: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

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

2010

中国交互设计体验日

Page 20: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

中国交互设计体验日

Page 21: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

中国交互设计体验日

Page 22: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

2 提供有效反馈

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

2010

中国交互设计体验日

Page 23: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

2 提供有效反馈2010

中国交互设计体验日

Page 24: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

2 提供有效反馈

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

2010

中国交互设计体验日

Page 25: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

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

2010

中国交互设计体验日

Page 26: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

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

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

2010

中国交互设计体验日

Page 27: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

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

2010

中国交互设计体验日

Page 28: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

CDC的设计规范平台建设

2010

中国交互设计体验日

Page 29: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

设计范式库

2010

中国交互设计体验日

Page 30: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

设计规范

2010

中国交互设计体验日

Page 31: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

设计规范

2010

中国交互设计体验日

Page 32: IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊

END

钟磊[email protected]

2010

中国交互设计体验日


Top Related