移动端手势

1,140 阅读7分钟

移动端常见的手势交互操作方式

上图这张APP界面设计当中,包含了2种手势流:

  • 第一种手势流是向下的。 只要用户往下滑就会出现上面的三个菜单。 然后只要往上滑即可关闭。当然也可以点击关闭按钮。
  • 第二种手势流是左右的滑动切换当前显示的内容。

第一:常规设计的手势操作分为以下几个重点来考虑:

首先,手势本身或操作过程的设计应该能够体现并符合大多数或者特定文化表现的用法。特别是形象的、有意义的手势更加容易记忆和学习。比如360浏览器提出的画左回旋表示返回上一页。 其次,在设计过程中,手势本身的形状或操作过程是从具体实物中简化出来的,其内涵具有实物的隐喻意义。比如划圈将某部分内容选中。 最后,将手势设计完成后,要换位考虑用户是否可以适应和接受此操作。从而可以检验用户是否对容易上手。比如,将命令或品牌的中文或英文的首字母符号作为该命令的手势。 如用 “c”(copy)表示“复制; Baidu的小写b来打开搜索。 基于几个重点设计的手势操作层出不穷,目前各种设备用户均能够接受的操作除了在第一章提到的基本操作外,对对象的操作目前也有很多得到了用户的认可和接受。

第二:对于一些对象的操作也达成一些普适模式如下图:

第三:对一些关于导航的操作也渐渐形成了一种约定俗成的手势规则。

如ipad等大屏移动设备的触摸手势操作。

最后,目前上面这些手势都是大多数用户被接受和认可:换句话说已经成为移动用户的使用习惯啦。

如果从方向上体现的功能来分析,可以把手势的功能大致这样分类:

  • 1、从功能上看,目前横向滑动赋予的功能有:删除、平级切换、返回首页,,开关,滑块,附属功能。
  • 2、从功能上看,目前竖向滑动赋予的功能有:下拉刷新,底部加载更多、全屏、上下篇切换、返回上一级,附属功能。
  • 3、拖动是更大力度的滑动,常见的是拉出附属功能或其它隐藏内容。
  • 4、 双指收缩、拉开常见的功能是:图片、字体放大,亮度调节,打开关闭,新增删减等。
  • 5、按住并拖动一般用于自定义(改变顺序,加入,拉出等)。

所以,我们在设计APP交互方式的时候,一定要遵循用户行为习惯。
通过用户习惯分析的结果可以给予手势操作模式的指导性的方案,尽可能的接近用户平时操作习惯的操作模式和应用使用环境会将新方式的陌生程度降到最低。

在移动端常用的手势及功能

随着移动技术的普及,移动平台成为更多用户的选择,因此,操作时所使用的手势就越发显得重要。这些小动作对屏幕进行操作的时候,不仅仅增加与移动设备的互动,也提高了操作者对结果的关注度。
不同的触摸位置和方式会给用户带来不同的结果。手势的应用也是在移动设备上的重要的用户体验,手势对于移动端产品有着巨大的意义。

定义手势

手势是你与你的移动设备互动的基础。我们具体来分析会发现手势其实分为两个状态:接触力和随后的接触活动。
触摸力是用户的手指在屏幕上按压时产生的。例如,如果你在菜单项上点击了一个最基本的手势,你就有一个触摸的操作。
接触活动是针对接触力后产生的结果。例如,你对一张图片进行双击,图片就会放大内容。
接触的活动可能会和不同的接触力组合,产生不同效果。

认识和分析一下常用手势的类型及功能:

  • 点击: 常用的也是最基本的一个就是点击。当你触摸屏幕来执行一个动作,如打开你的电子邮件应用程序,用一个手指简单的按压,然后即可。
  • 双击: 双击,用户快速进行两次点击。如放大显示图片时,可以通过一个手指双击放大。
  • 滑动: 滑动手势都很熟悉。用手指压住屏幕,移动屏幕上的元素,松开手指。如锁屏解锁,通过滑动手势解锁。
  • 拖动: 拖动,它的操作力度与滑动很相似,但控制速度不同。 如你想让应用程序图标移动到主屏幕的任意位置,你是不是用拖动呢?
  • 轻扫删除: 轻轻拖动,它的触摸方式是一样的,但是速度不同。 如在ISO中删除一条信息的操作。
  • 长按: 手指碰触屏幕上的元素时,你需要持续一小段时间,然后松开手指。 可以打开隐藏的功能面板,如复制、粘贴等功能。
  • 长按和拖动: 长按,待所选的元素产生抖动效果时,可以选择并按住进行拖动。 如整理你主界面上的图标排列方式和位置等。
  • 双击和拖动: 通过手指快速双击元素,然后再拖动所选元素。 可以放大查看某个区域中的内容。 如放大微博中图片,方便查看。
  • 捏开: 当需要移动屏幕上的内容放大时,捏开就是常用的另一种手势。 它需要同时用两只手指,然后把手指划开,松开手指即可完成。如放大元素查看信息时使用。
  • 闭合: 与捏开相反的一种手势,按压在屏幕时,两只手指向内滑动,松开手指。由此产生的效果常为缩小。
  • 双指长按和拖动: 用两根手指,按住,移动,然后松开手指。这种手势方式常用于界面切换或者功能弹出。
  • 双指双击: 用两根手指通过两次去点击。它通常用于缩放。
  • 旋转: 有时候,我们会在移动设备上遇到移动内容或者移动动画,这些都是旋转来完成的。 需要用两只手指在对象的中心上压下,然后绕着你的手指移动,当你完成操作时,同时抬起两只手指即可。 如地图导航类应用,都需要你不断的旋转移动屏幕中的内容,获得更好的方向指示。

手势的重要性

移动端上用户界面的完整性是建立在手势的基础上,也正因此手势才是用户体验的中心。
由于移动端产品屏幕相对来说都是比较有限的,设计师和开发人员需要不断的保证最有效和最便利的手势得以应用。
如果真的这样做了,用户会很容易的随着心意得到他们自己的操作所得,这就是一个伟大的用户体现的缩影。
但是,当一个手势不能向用户直观的表达,不能顺利让用户与移动设备进行交互,那么它就不能成为一个好的或者明智的设计,这对于整个产品来说将是一个很大的伤害和打击。
所以,设计师和开发人员必须通过记住这些基本的手势,完美创建移动界面和用户体验,只有这样的设计和移动产品才会被用户喜欢。

问题:100个触屏手势分别都是什么含义?