刷手机一定会用的手势，这样设计才好用 | 灵感早读

刷手机一定会用的手势，这样设计才好用 | 灵感早读

触摸手势有何用处？ 你不妨看看AppSo（微信ID）分享的这篇文章。 作者来自腾讯用户研究与体验设计部（CDC）。

介绍

我们生活在一个设备驱动的世界，人类和机器频繁交互。

随着触摸屏逐渐成为移动设备的标配，多点触控手势的广泛使用让我们与手机、平板电脑甚至笔记本电脑建立了更广泛的接触方式。

我们通过模拟现实世界的手势与屏幕上的各种元素进行交互，使许多以前没有想到或不敢想的人机交互方式成为现实。 同时，手势操作的应用减少了人与物理设备之间的摩擦。 沟通的门槛。

图 0. 婴儿几乎没有困难地通过屏幕玩游戏

我的小P孩子，不到2岁，就能自然轻松地解锁iPad，翻页找到自己喜欢玩的熊猫餐厅，然后熟练地从各种食材中挑选自己喜欢的食材，做出美味的虚拟大餐； 而我们也乐于为长辈购买各种大屏手机、平板电脑。

移动设备和手势交互方式给我们带来了革命性的体验和便利。 移动触摸时代已经到来。 你是否也与时俱进呢？ 这值得每一个设计师反思。

1. 什么是触摸手势？

触摸手势是自然用户界面 (NUI) 的一种形式。

自然用户界面（user，NUI）是指一类不可见的用户界面。 NUI只要求人们以最自然的交流方式（例如语言和文本）与机器进行交互。 直观上，使用 NUI 的设备不需要键盘或鼠标。 尤其是触摸技术将使人机交互更加自然、直观、人性化。

您的手机、平板电脑和笔记本电脑能够识别多点触控输入，以帮助您实现广泛的用途。 这种输入法帮助我们与屏幕内容进行交互，模仿真实的操作手势可以减少我们操作屏幕对象的认知障碍。

在PC时代，我们需要别人或者教程来教我们如何使用鼠标、移动屏幕光标，但这些在现实世界中几乎无法映射，然后学习如何双击打开文件，按并按住 a 不放置文件，将其拖到文件夹中。

触摸手势带来自然的用户界面，所有年龄段和技能水平的人都可以自然、直观地使用支持触摸的移动设备。 采用Multi-Touch多点触控界面技术取代目前使用的键盘（按键）和鼠标将进一步体现未来人性化控制界面的趋势。

图1 电容式触摸屏结构示意图

想象一下那些老式的用户界面，要求您将鼠标悬停或单击电子邮件目标才能获取更详细的信息。 这将不再适用于移动设备。 如何摆脱这种常见的设计？ 答案是，创造移动优先的体验。

2、触摸手势的使用场景（移动场景）

移动上下文是指用户的环境和使用状态，即影响用户与设备交互的任何内容。 由于这些环境不断且快速地变化，这对于移动设备尤其重要。

我们需要考虑复杂环境下的通用设计，例如用户分心、多任务处理、手势操作、低电量条件和连接条件差等。

图 2. 移动中的交互式环境（来源：Nadav Savio | Giant Ant）

影响用户在各种移动环境中使用触摸屏设备完成任务的效率和准确性的因素包括：

3.触摸手势基本操作

所谓自然手势是存在于或源自真实物理世界的手势。 例如，上下滑动以滚动列表、滑动以平移等。此类手势是自然的并且不需要用户学习或很少需要学习。

图3.钢铁侠系列电影中的全息触摸交互

常见的自然手势：

4. 有哪些有用的手势？

首先，我们来看看多点触控的优缺点。

那么什么是好的手势呢？

有用的手势既简单又支持单手操作。 它们应该像创始人 Loren 开发并获得专利的“拉动刷新”一样受欢迎。 或者像在 iBook 中翻页一样自然而简单。 以下是有用手势的一些特征：

五、手势设计应用过程中需要注意的点：（手势设计准则）1、符合认知习惯

如果在非概念性项目中使用基本手势（组合）以外的“创新”手势，且没有建立统一规范，混乱的使用方式会导致用户困惑，学习成本高，记忆负担增加，难以指导用户开发使用习惯。 技术限制可能会将“创新”变成不便。

最终用户是人类，手势操作是根据人类行为定义的。 手势操作是人们现实世界行为的反映。 因此，手势设计必须符合大多数人的认知习惯，降低用户的认知成本。 例如，定向手势操作应与拇指运动方向一致，与认知一致。

图4. 翻页体验和实体翻书

2. 内存限制

由于这些手势操作无法清晰地显示在界面上，并且没有表示动作的视觉元素，因此用户需要记住哪些手势对应于哪些操作。 一些不常见的手势操作往往很难发现。 如果手势直观且常用，那就没有问题。 但如果没有“自然”的手势来表示动作，用户就会感到困惑，需要记住，就像使用命令行界面时记住命令一样。

应用程序中的手势数量需要保持在5个以下。它更多地依赖于界面的引导和提示，让此类用户根据情况记住这些手势，从而增加手势的可记忆性。

如果用户对它们缺乏认识，这些手势操作将不容易被察觉，也不会被其他人使用，甚至可能造成操作障碍。

反例：在版本4中，当向右滑动调出Tab时，用户很容易找不到导航栏。

3、不同的应用场景采用不同的手势设计。

人们在各种陌生的环境中使用我们的产品。 我们的产品与周围环境争夺用户的注意力。 凭借3.5至5英寸的屏幕，对抗车水马龙的繁华世界。 因此，在实际的手势设计中还需要考虑应用的使用场景。

效率和实际应用。 这类应用的一般使用场景是走路时。 考虑到用户移动时手机容易晃动、操作效率和误操作等因素，一般采用单手操作手机的手势交互。

游戏等屏幕沉浸式应用通常提供休闲且稳定的操作环境。 一些复杂的手势可以适当设置，以配合游戏中的高级操作功能，增加操作游戏的乐趣。

图6. Clear的手势操作令人印象深刻

4. 适度的应用手势

这款游戏在 2014 年非常流行。一旦你开始玩《Bird》，你就无法停止玩它。 该游戏以简单但有效的方式使用基本手势。 单击或不单击是唯一的动作手势。 玩家可以快速知道使用什么手势以及如何使用它们来玩游戏。

图7.小鸟游戏，玩家只需用一根手指即可控制