编辑导语：不知道大家是否发现了每天使用手机应用程序时“点击”的手势减少，变成交互式滑动效果的现象。这种设计的意图是什么？本文对此进行了分析，并列举了各手势中有趣而优秀的互联网设计事例。

不知道大家有没有发现，但是应用程序的“点击”越来越少(不包括必要的操作/链接)。相反，有多种手势交互。

对于“返回上一页”，APP传统上返回上一页，点击屏幕左上角的“BCAK”图标，这是早期互联网上常见的操作方式。

但是随着大屏幕手机的出现，很多人开始习惯返回上一页，包括追求个性化、高效的运营，按住并拖动屏幕的左边缘。

特别将手指移动到特定左上角位置，按住屏幕左边缘并拖动，无需单击后退图标，即可轻松快速地返回到上一页。

而且越来越多的手势为用户提供了更多的操作自由和使用效率，进一步增强了互联网产品的生命力，为每个产品的功能体验提供了更多的空间。

在每一个手势中，我都会给大家展示有趣而优秀的互联网设计案例。

01掐两根手指

在

1. 捏一捏就能抱抱？

之前，网络上出现了热烈的互动，在某歌评论中，用两根手指掐一下，“拥抱”动画就会跳出来，写这个评论的用户就能得到“拥抱”。

对于有悲观情绪(特别是抑郁症)的人来说，这足以寻求心灵的寄托，表达温暖、安慰和用户情绪，降低产品不良风评。

的亮点在于，运用“环境适宜”原则，捏两根手指的手势让人联想到现实中的“拥抱”动作，更好地表达了拥抱的情感关怀和温暖。

观点总结：产品不能冷淡，要为用户探索更多的乐趣和温度，通过“关心用户”提高产品的口碑和印象。

这是

2. 捏一捏就能伸缩？

iOS的相册照片，通过捏两个手指或将其分开，可以放大、缩小图片，并快速查看图片的细节。

消除了用户“点击图片后需要缩放”的操作链接，大大减少了操作路径。但是这种互动更符合海外操作习惯，国内习惯于用[点击后放大]的方式放大照片。

重点是，由于使用相同的模块，与多种交互/内容兼容，用户不需要“单击图片后需要缩放”的操作链接。

要点摘要：您可以考虑使用特定的快捷键任务来满足不同级别的用户需求，以便自定义常用功能，如[快捷键、重新工作、默认值等]。

02摇晃

1. 摇一摇就能加载内容？

爱奇艺在起始页的信息展示上取得了革新。只要晃动，就可以进入相应的广告细节和视频电视剧播放页面，摆脱传统的“点击”模式。

com/large/tos-cn-i-tjoges91tu/TEjYb47Cw0kgIO?_iz=31825&from=ar;x-expires=1706734084&x-signature=%2B56vXBCxQm%2F9pOgLNuAwHjNJ%2FU8%3D&index=5" width="300" height="530"/>

亮点在于：利用新鲜玩法来吸引更多用户观看广告、影视综视频，减少对启动页内容的抵触情绪与用户流失。

要点总结：学会用趣味性交互 / 新的设计手法吸引用户目光，利用新鲜感的驱使引导用户参与，减少流失。而且更多有趣、创意的设计案例，可上：有蛋案例youdananli.com近千个行业/大厂里的优秀案例、知识模型。

2. 摇一摇才能拍照出片？

喵喵记账有个设计挺有意思的，按下相机拍照后，需要晃动手机来使相片成像，才能看到影像慢慢显现。

通过连接现实生活感受，使成像过程具备仪式感与趣味性。

亮点在于：不仅只在视觉上进行拟物化，更注重与现实中类似的交互操作，使之更具真实感。

要点总结：系统的一切表现和表述，应该尽可能贴近用户所在的环境，比如【用户语言、使用习惯、手势操作、生活联想/隐喻等】

03 拖拽

1. 一拖就能发送照片？

QQ里的图片发送很有意思，只要按住想要发送的图片并往上拖动，松手即可发送。不用像传统的’先选中图片，再点击发送按钮’，特别方便。

对于发送单张图片来说，免去了常规的跳转页面调取相册的多余步骤，大大提升操作成本。

亮点在于：利用手指的黄金操作热区，赋予更加快速、便捷的操作方式，大大减少行为负荷。

要点总结：对用户重要、常用的功能可以设置「快捷操作」，提升操作效率。

2. 头像还能拖出来玩的？

在即刻的个人主页里，可以随意地拖拽、甩动自己的头像。松手后头像会根据惯性回到原处。期间还带着残影、原来的头像位置会显示一个小红心。

亮点在于：利用头像降低了个人中心带来’冷冰冰’的感觉，丰富产品的可玩性与互动性。

要点总结：设计有趣的隐藏彩蛋，能给用户带来惊喜并有效拉进之间的距离。

04 双击

1. 哪里需要点哪里？

早期在抖音上看视频时，点击或长按屏幕上的任何位置都会显示【爱心图标】与【操作浮层】。

大大减少用户的操作成本（手指与目光的移动），突显产品的个性化服务。

2. 双击就能控制弹幕？

B站作为国内「视频弹幕」的始发者，它的用户喜爱程度与操作频率也是极高的。因此只要两个手指双击屏幕，就能快速开启或关闭弹幕。

用户可随时随地开启或关闭弹幕，无需特意找到右下角的固定入口进行操作，大大减少操作成本。

亮点在于：免去用户需要点击特定区域的操作负荷，增加产品操作的舒适与自由度。

要点总结：系统状态可见性：让用户知道【自己在做什么、处在系统的什么位置等】，并做出适当的反馈。而且更多有趣、创意的设计案例，可上：有蛋案例youdananli.com近千个行业/大厂里的优秀案例、知识模型。

05 滑动

1. 用标尺来控制数值？

Florence里的标尺设计得很有意思，通过第一人称下的镜头视角，让用户感知当前标尺所对应的人物清晰程度，以此来控制标尺位置。

避免用户掌握、控制不了合适标尺的位置，提升选择效率。

亮点在于：提供参照物可让用户有直观的决策依据，减少操作成本。

要点总结：任何让用户更改/选择的地方，都应该明确地传达出预览效果。而且更多有趣、创意的设计案例，可上：有蛋案例youdananli.com近千个行业/大厂里的优秀案例、知识模型。

2. 用拖拽来控制人物动作？

Florence是一款‘模拟叙事’小游戏，里面很多的交互动作都模拟了真实生活：比如【刷牙】，需要左右滑动屏幕来模仿真实的刷牙动作；再如【做饭】也需要滑动平底锅来模仿炒菜动作。

亮点在于：利用交互动作来推动情节的发展，让玩家有真实的代入感，提升游戏的趣味性。

要点总结：模拟真实生活/环境的设计，能有效提升用户的理解能力、产品趣味性。

当然还有iOS微信上的‘删除确认’，在原有的内容基础上表达对用户的二次确认，避免用户手误造成操作失误，减少不必要的损失发生。

06 隔空手势

华为Mate30pro 有个「隔空手势」的交互，可以在距离屏幕20cm-40cm内进行手势操作，如隔空翻页、上下滑动、隔空截屏等。

提升手机的使用体验与操作效率，特别是边吃东西 边玩手机（追剧看小说等）。

还有优酷HD上线了一个黑科技交互【隔空手势】，可隔着屏幕用手势做各种操作。

如「播放/暂停、全屏/半屏、快进/退15秒、亮度调节、音量调节」等操作，让用户不点触摸屏幕就能操作视频。

亮点在于：让用户解放双手，无需手指触摸到屏幕即可控制手机，可减少很多卫生问题与操作成本。

要点总结：学会利用新技术来满足更多、高层次的用户诉求，通过一定的设计方式来满足不同水平的用户需求。

最后，再酷炫再方便的手势，最多也只是锦上添花、起方便快捷的作用而已，不可能完全替代‘点击’的位置与作用。

正如正文所说：手势交互只适合用对业务重要、用户常用的场景中，可以起到四两拨千斤的，切记不可为了酷炫而随便添加。

#专栏作家#

和出此严，微信公众号：和出此严，人人都是产品经理专栏作家。一枚在鹅厂成长中的“90后老干部”，主产各种接地气的交互/产品干货。以做产品的方式，写好每一篇文章。

本文原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Unsplash，基于CC0协议。