Upload
haoxiang-shen
View
717
Download
7
Embed Size (px)
Citation preview
移动终端手势设计研究钟磊 腾讯设计中心 高级交互设计师
手势是指人类用语言中枢建立起来的一套用手掌和手指位置、形状的特定语言系统。
手持设备中的手势是指,将一系列多点触摸事件综合成为一个单独的事件。Gestures are the synthesis of multiple touch events into a single event.
手势
手势操作的优势1. 直觉化——好的手势设计源于生活经验,易于理解,学习成本低。2. 快捷高效——减少操作步骤,加快完成任务。
手势在平台上的异同
手势在平台上的异同
手势在平台上的异同
通用 基本通用 不通用
通用手势能被广泛应用是源于对心理模型的匹配,以及大众对于先入为主的接受度。
基本通用的或其他的手势可发展, 需要遵循设计原则,需要注意的是,手势并不是孤立的,而是在对象上触发的。
较复杂手势多应用于大屏幕、某些特殊场景下(如iPad的三手指拖动 及放大)。大部分尚停留于概念和探索阶段。
各平台上手势现状
手势操作引发的问题
Problems?
1 操作的不可见性
可否操作?怎样操作?结果?iPhone: 在邮件、备忘等条目上由左向右左滑动可删
除该条目,但在其他应用的一些条目上则无该操作,
用户无预期。
2 缺少统一规范和设计准则
各平台有自身的手势规范,且平台间存在冲突。
3 缺乏反馈
不知道是否在进行手势,不知道是否操作已到位;不知道是否操作完成。
4 缺乏可靠性
误操作操作精度和预期结果不一致
手势的分类
按形式分类简单手势、复杂手势、核心手势、通用手势...
按操作分类1. 基于导航的手势 (Navigation Actions)
2. 基于对象的手势 (Object-Related Actions)
3. 绘制类手势 (Drawing Actions)
关注操作手势而非手势的形式本身
手势设计应遵循的一些原则
1 提供真正的便利,而非多一种操作方式
手势的目的:简化操作,方便快速处理任务。给我一把电锯,而非另一把刀。
1 提供真正的便利,而非多一种操作方式
1 提供真正的便利,而非多一种操作方式
2 提供有效反馈
有些手势操作过程缺乏足够反馈,造成:是否在进行手势?操作是否已到位?操作是否已完成?
2 提供有效反馈
2 提供有效反馈
Android的屏幕滑动:没有足够反馈,不知道是否滑动到位,经常出现失败的情况。
3 不增加认知负担和选择成本
为用户提供一个较好的方案即可,尽量避免提供一些类似的操作让用户去选择。因为有多个选择时,会带来认知负担和判断成本,即使选择的过程很短暂。
3 不增加认知负担和选择成本
Palm界面中是否要放返回按键?寻找软件的返回按钮:20%
使用硬件的返回手势:79%
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.”
CDC的设计规范平台建设
设计范式库
设计规范
设计规范
END