
01
写在前面
从按下手机上的按钮到触摸操控手机,手势交互已经走过了漫长的道路。每年都有新的交互方式被引入设计世界,当苹果推出iPhone时,多点触控技术成为主流方式,用户了解到他们不仅可以指向和点击界面,还可以捏合,展开和滑动。 在我们深入研究数字手势之前,让我们看一下现实生活中的一些手势示例:

你可以通过将手放在水龙头下方来激活此水龙头,当然,这可能会导致使用者感到困惑。如果没有可见的控制,你怎么知道如何打开水龙头?

如果没有分配器上的微小图表,就没有工具让你知道如何取出卫生纸。手势界面需要容易被用户发现,以便用户可以使用。
02
为什么手势交互很有用?
每当一个新的手势发布到数字产品中时,可能会需要学习相关的新东西,然而手势交互学习起来非常高效,因为它们非常自然。随着屏幕上内容数量的增加,很难平衡屏幕上显示的内容和隐藏的内容。使用手势交互,我们可以隐藏按钮和元素,并让用户可以更多地关注屏幕内的内容。
它们可以与人们在现实世界中与物体的交互反应相互关联起来, 例如,在现实生活中,当你不想要某些东西时,你会试图把它推开。同样,在数字世界中,如下所示,向左轻扫元素以删除项目。

减少混乱将 数 据更好的可视化、具有客户分析功能的仪表板、具有群集的地图以及信息层。我们如何在这个不断增长的数据环境中不迷失方向,顺利地找到自己所需求的资源?

易用性和无缝交互—— 当用户学习特定手势时,它成为他或她的用户体验的重要组成部分。这种交互运动几乎不可能被遗忘,手势控件的主要优点之一是减少了在移动应用中执行特定操作所需的步骤和单击次数。根据Kissmetrics的数据显示,一个操作所需的点击次数越少,转化率就越高。

我们需要新的方式在虚拟世界中进行交互—— 设计虚拟现实体验涉及多种输入模式。作为用户,当我们有触觉和触觉反馈来帮助我们指引方向时,我们最好将这些作为模拟现实来体验。

03
触摸机制和触摸活动的类型
尽管许多用户可能只熟悉(至少有意识地)点击和滑动,但还是有很多触摸机制。

敲击
最流行和最基本的是点击,即当您触摸屏幕以执行诸如打开电子邮件应用程序之类的操作时。敲击的特点是简单地按一下手指,然后抬起。

双击
单击之后是双击,用户紧接着单击立即重复的操作。这通常会让内容在屏幕上看起来更大,即大多数双击用来放大内容。

滑动
滑动手势是许多人都熟悉的,滑动的典型特征是向下按压手指,移动屏幕上的元素,然后再次抬起手指。最直观的例子是iPhone的锁定屏幕,你必须在其中输入密码才能访问主页。

拖动
拖动与滑动涉及相同的触摸机制,但速度不同。如果要将应用程序图标拖动到主屏幕的不同部分,则需要拖动而不是滑动。

长按
长按是指手指轻触屏幕元素,按住片刻,然后从屏幕上抬起。生成的触摸活动可能是打开复制框以复制部分书面内容。

捏合打开
另一种适用于放大移动屏幕的触摸机制,捏开需要你同时用两根手指按压,然后将手指彼此分开,最后抬起两根手指。
04
更多手势动作
甩动
松动地连接到滑动和拖动是甩动。同样,触摸机制与滑动相同,但速度不同。通过甩动,你的手指移动得非常快,就像你在屏幕上甩动以摆脱你在Twitter应用程序中点击的某人的个人资料图像的速度一样。
双指敲击
在这里,用两根手指同时按下,然后将两根手指从屏幕上抬起。这通常是缩小内容的另一种方法。
双指滑动、拖动或甩动
这要求你在点击,移动然后抬起手指时使用两根手指。它适用于在屏幕上选择多个元素或倾斜或平移。
双指长按和拖动
使用此手势,你可以用两根手指按压,按住,移动,然后抬起手指。当你使用需要重新排列列表项或重新排序集合中的卡片的界面时,此触摸机制非常有用。
双指双击
用两根手指点击,抬起,点击,然后再次抬起两根手指的地方。它通常用于缩小屏幕。
旋转
有时,你会在移动设备上遇到移动内容或动画,这就是旋转可以发挥巨大作用的地方。在这里,你将用两根手指在中心物体周围向下按压,然后将手指围绕它旋转,完成后,最后抬起两根手指。外出时使用Google地图需要您不断围绕重要的屏幕元素旋转,以便更好地了解您的方向。
05
结论
手势驱动的应用成为移动用户界面设计中的一种趋势。基于拇指和指向手指的动作增强了我们习惯于在移动应用程序中导航的方式。它们提供了许多不同的组合,让我们能够使用我们经常用于操作物理对象的自然手势来访问屏幕中的内容。手势是移动设计的未来,因为它们为应用程序开发人员和用户提供了各种优势。
06
朝菌zhaodesign小课
(此处为视频,请在原文中观看)
回复公众号后台:gesturecard,可以领取相关学习资料
ABOUT US

参考文章:
作者:
Vamsi Batchu
译者:小鸡炖蘑菇
为尊重版权和译者
转载请联系我们