如何设计好用触控手势.pdf

如何设计好用的触控手势 我们生活在一个人机互动频繁 ，由设备驱动的世界中 随着触摸屏逐渐成为移动设备的标配 ，多点触控手势的广泛应用 ，让我们与手机、平板电脑甚至是 笔记本电脑之间建立起了一种更宽广的联系方式 我们通过 模拟真实世界的手势与屏幕上的各种元 素进行互动 ，使许多曾经不曾想或者不敢想的人机交互方式变成了现实 ，同时手势操作的应用降低 了人与物理设备之间的沟通 的门槛 图0. 婴儿几乎无困难的通过屏幕玩游戏 我家那位小P孩 ，不到2岁就已经能够很自然轻松解锁iPad、翻页找到他喜欢玩的熊猫餐厅 ，接着熟 练地在各种食材选折他喜欢的 ，制作一份美味的虚拟 美食 ；而我们也乐于买各种大屏手机和平板电 脑送给我们的长辈 移动设备及手势交互方式给我们带来革命性体验和便捷 ，移动的触控时代早已 到来 ，您是否也与时 俱进了呢 ？值得我们每一位设计师反思 一、什么是触控手势 触控手势是自然用户界面 （NUI ）的一种表现形式 自然用户界面 （Nat ural user int erf ace, NUI ）是指一类无形的用户界面 NUI则只需要人们以最自 然的交流方式 （如语言 和文字 ）与机器互动 直观的说 ，使用NUI的设备不需要键盘或鼠标 特别 是触控技术将使人机交互变得更加自然直观 ，更为人性化 您的手机、平板电脑还有笔记本拥有识别多点触控输入的功能来帮助你实现对其广泛的运用 这种 输入方式帮助我们实现与屏幕内容的交互 ，而模仿真实中的操作手势可以降低我们对操作屏幕对象 的认知障碍 在PC时代 ，我们需要他人或者一个说明教程去教会我们怎么使用鼠标 ，移动屏幕的光标 ，而这些在 现实世界里几乎找不到可相映射的东西 ，然后学习怎么双击打开一个文件 ，按住一个文件不放 ，把 它拖动到文件夹里面 触控手势带来的是自然用户界面 ，支持触控的移动设备能够自然直观的被所有年龄层 ，不同技能水 平的人所使用 使用Mult i-To uch多点触控式接口技术 ，取代目前所使用的键盘 （按键 ）、鼠标 ， 将进一步体现出人性化操控接口的未来趋势 图1. 电容式触摸屏结构原理图 试想一下在那些老套的用户界面里 ，需要你把鼠标悬停或者邮件点击目标上才能获得更多详细的 信息 ，而这些在手机设备上将不再起作用 如何摆脱这种惯用的设计呢 ？答案就是 ，创建移动先行 体验 二、触控手势的的使用情景 （移动的情景 ） 移动情景指的是用户使用时的环境和状态——也就是任何可以影响用户与设备进行交互的内容 由 于这些情境持续而快速地变化 ，对移动设备而言就显得尤为重要 我们要考虑用户分心、多任务、 手势操作、低电量条件和糟糕的连接条件等复杂环境下的通用设计 图2. 移动中的互动语境 （出处 ：Nadav Savio Giant A nt Design ） 各种移动环境下会影响到用户使用触屏设备完成任务的效率和准确度的因素有 ： 移动情景下 ，注意力容易被分散 （如交谈 ，观察周围环境等 ） 移动情景下 ，操作手机的时间碎片化 （各种事情打断 ） 移动情景下 ，任务容易被中断 （意外情况影响 ） 移动情景下 ，肢体可能被其他物体被占用 （如遛狗、拎包等 ） 移动情景下 ，噪音分散注意力 （车水马龙、人声鼎沸的路边 ） 三、触控手势的基本操作 图3. 钢铁侠系列电影中的全息触控交互 所谓自然手势就是在真实物理世界中存在或演绎而来的手势 例如上下滑动滚动列表 ，滑动以平 移等 这类手势是自然的 ，不需要或很少需要用户去学习的 长按以查看更多操作(现在有了3D To uch ，同长按操作相比 ，最大区分是需要是有一定的按压力度 ） 点击执行主操作 滑动以平移 轻扫以选定 ，并进行命令操作 收缩和拉伸以缩放 转动以旋转 边缘轻扫以使用系统命令 四、好用的手势是怎样的 ？ 首先我们来看看多点触控的优缺点 那么什么是好用的手势呢 ？ 好用的手势一来简单 ，二来支持单手操作 ，它们该如由Tweet ie创始人Lo ren Bricht er所开发并获得 专利的“下拉刷新”一样受欢迎 或者像 iBoo k的翻页动作一样自然简单 以下是好用的手势该有的一 些特征 ： – 简单易用 不仅动作简单 ，还要能在拥挤的交通工具上单手操作 – 容易记忆 其一手势要好记 ，其二要让人愿