快好知 kuaihz

巧用手势 善待用户

[核心提示] 越来越多的手势加入到应用中实际上增加了用户学习成本。我们是否能创造一个可以适用于大部分应用手势操作,减少用户的学习成本呢?

在这个手机屏幕越做越大的时代,许多开发者不约而同地在自家的应用里添加了众多手势操作,比如新浪微博的右滑后退和人人的滑动抽屉,甚至有人说只有手势才能救大屏。但实际情况是用户并不喜欢过多的手势操作,用户更喜欢去点击,而不是去用隐藏起来的手势。那么我们是否能创造一个可以适用于大部分应用手势操作,减少用户的学习成本呢?

为何要用手势

不同于传统的按键界面,手势操作的隐藏性很高。如果我们没有阅读过某个手势应用的帮助信息的话,我们很难知道这个应用中到底隐藏着多少种手势。不直观的手势加大了新用户的上手难度,也使得用户每次进入应用的时候都在回想使用方法,这很有可能会给用户传递该应用难用的信息,最终结果也可想而知。

虽然手势操作有很多弊端,但我们不能因噎废食抛弃手势。由于手机屏幕大小的限制,所以很多信息是不能在一个屏幕中展现的,比如我们需要通过左右滑动来在主屏幕中查看应用、用下拉的方式来呼出下拉菜单,所以手势的存在会使手机的屏幕得到延伸,以便让用户获得更多的信息。可见在移动设备的操作中我们是不可能也没有必要去消灭手势的,我们所要做的就是寻求一种更高效更统一的手势操作。

手势操作的问题

举一个常见的例子就是下拉菜单,在 iOS 和 Android 下我们都可以从手机的顶部下滑呼出下拉菜单。我们有没有想过我们是如何知道这个操作的呢?当我们看到别人在他们的设备中如此操作的时候我们立马就明白了这个手势的作用,并且立刻能在自己的设备中使用,就这样自然的学会了。这个下拉的手势十分简单,看一次就懂,但最重要的是它是一个全局手势

什么是全局手势呢?简单理解就是在每个手机上都能通用的手势操作。比如在主屏幕左右滑动可以看到手机里的应用、在 Android 和 iOS 设备上下拉就可以进入下拉菜单,这些在每个手机上都通用的手势可以说是一次学会终身受益的东西,我们并没有觉得上述这两个隐藏手势会有多么的难用,可见让用户抱怨的不是全局手势而是每个应用自行设计的手势操作。

很多人都说新浪微博中右滑后退的设计可以方便大屏用户,那么我们就从新浪微博来看看手势操作的弊端。

在新浪微博中当我们进入一条微博后右滑动可以回到上一个页面,这个手势可以简单等同于左上角的后退键。但这种手势在微博中并没有实现通用性,比如我们进入了一个长微博图片,这时右滑动的手势就没有用处了,我们进入一条链接后这个手势也同样也会无效。这样的设计所带来的后果就是用户完全不知道这个手势操作什么时候能用什么时候不能用,所以大多数用户最终还是会选择通用性好的点击命令。

同样的问题还出现在了 Zaker 上。Zaker 的主要操作就是手势操作,但同样没能做到通用性。在 Zaker 中我们点击进入一条新闻后下拉会回到上一个页面,但是当我们在这个新闻中进入评论界面后下拉后退的手势会立刻失效,最终只能点左下角的返回按钮。

iOS 中自带的手势操作也难逃厄运。在很多系统应用中左滑某一项会出现删除按钮,我们也可以看见很多第三方应用中也使用了这个手势,但它也未能成为第三方应用的设计标准,所以通用性不高。

上面只是特色手势在某个应用中的问题,手势带来的实际问题更多是出现在应用切换使用的情形里。移动端应用的切换频率远高于电脑软件,手势的不兼容就成了一个比较严重的问题。我们可以假设这样一个场景,当我们在 Zaker 中阅读了半小时的新闻后,这时微博来了条私信。我们进入微博回复后会不自觉地使用之前习惯了的下拉后退操作,但这个操作在微博里是不支持的,因此我们的大脑会转换思路开始回忆微博中的滑动后退功能。然而当我们在新浪微博中习惯了滑动后退的手势后,再切入人人,我们还是会正常的点击查看新消息,但是这时会发现刚刚习惯的滑动后退功能无效了,苦恼几秒后大脑又要去适应点左上角退出的操作。

通过分析,我们可以很明显的看到在 iOS 这个貌似没有碎片化的系统中手势碎片化逐步显现,如何解决手势碎片化成为了开发者们的新问题。

什么是优秀的手势

优秀的手势操作是那些可以让用户明确知晓如何使用,并且用户能知道在它是否可用的手势。iOS 的锁屏界面就是个很好的例子。iOS 锁屏界面里只有滑动滑块才能解锁,而在别的界面里这样的解锁滑块不存在,所以我们完全不会想到去滑动 。

使用浅性引导的设计会让用户自然而然得学会如何使用手势操作,并且能有美妙的感受。

锁屏界面里的相机设计的就是利用了浅性引导,点击相机后屏幕会向上跳动,这样的设计会直接引导用户去按住相机上拉。上拉进入相机的动作同时会让用户感觉下拉后会回到锁屏界面。更奇妙的是事实果真如此,在锁屏界面里进入相机后我们真的可以再任意一个界面中下拉回到锁屏界面。这种上拉进相机、下拉回锁屏界面的对称设计符合用户的想象,直接给用户带来了愉悦的感受。

除了锁屏界面,第三方应用中也可以加入浅性引导。比如当我们点开新浪微博中的一条微博后原界面会向左滑动切出新的界面(推动效果),这样会让人感觉自己右滑动应该会返回前一个界面,左右对称的动画效果加上浅性引导会减轻用户的心里压力,而且这样的引导是在用户操作的同时进行的,用户无需回想这个应用手势便可以方便的使用。

设计一个手势

一个开发者不能在自己的小圈子里设计应用,只想着自家应用中的手势体验,还应该跳出自己的应用,去思考如何能做一个适配大多数应用的全局手势,这样设计出来的手势操作不仅可以在自家的应用中适配良好,而且还会引起其他应用的效仿,甚至能改变大多数应用的界面设计,减少手势碎片化。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:巧用手势 善待用户  手势  手势词条  善待  善待词条  用户  用户词条  
设计

 你的网站使用Flash了吗?

两年前,我们开发了一套基于Flash的文件(主要是图片)上传RIA应用,提供给阿里巴巴的用户使用。如果你使用过Wordpress或flickr上传图片,你应该已...(展开)