曾几何时,计算机只能通过命令行界面来使用。想让计算机做点什么,就需要记住各种命令,并准确无误地输入。当图形用户界面流行起来之后,人们不再需要去记忆命令了。用户想要做的事情都显示在屏幕上。想要进入某个软件,只需双击图标,想要复制文件,只需右键单击然后点击复制。“记忆”逐渐被“识别”所替代。
当智能手机、平板电脑普及后,手势操作逐渐流行。用户可以直接触摸屏幕,对对象进行操作。虽说这是更自然的一种人机交互方式,但是人们也渐渐发现手势操作在可用性上的一些问题。因为这些手势操作不能明白的显示在界面上,没有代表动作的可视元素,需要用户记住哪种手势对应的是哪些操作,一些不常用的手势操作往往很难发现。如果手势直观常用自然没问题,而如果没有“自然”的手势去代表一个动作,用户就会感到困惑,于是便需要记忆,就像在使用命令行界面时要记住那些命令一样。
例如在iPad上使用Pages,如果想要把一个对象以单像素为单位来移动,用户需要用一根手指触碰并按住一个对象,然后用另一根手指在你想要移动的方向上敲击。几乎没有人会只通过使用就能发现这样的手势操作。又如Android上,常常需要长按某个文件对其进行编辑等操作,对于初次使用的用户,这样的操作也是很难发现的。
如何让手势操作易发现,也是交互设计师需要考虑的问题。下面通过实例来总结几种让手势操作易发现的方法,分享给大家。
1、符合认知习惯的操作方式
放假回家给外公看iPad上的照片,他看我操作一次后,便会自然的左右滑动翻看,两指捏合展开放大缩小图片。因为这些操作方式是最符合人们认知习惯的,滑动、缩放、拖拽、点击等手势,人们在日常生活中就有应用,自然好用易学,就算是老年人,只要看到过一次这样的操作,也可以轻松上手。
人们在日常生活中对事物的认知都已经形成了习惯,如果设计师可以将现实生活中的手势操作方式引入到产品中,让用户在使用时可以联想到在生活中,也见到过同样的场景、会有同样的使用方式,可以将相同的经验延伸到界面中,那么这样的操作方式自然是易发现的。
如点击操作,在生活中,人们就会通过点击按压来启动各种电器,看到界面中有类似的按钮,也会自然的去点击。在生活中,人们也会通过两指旋转,来改变物体的角度,通过拖拽物体的四角,来改变其形状,通过滑动或拖动,改变其位置。就像Photo Table这个应用中,对于图片的操作方式完全来源于生活,用户使用时就像在一张桌子上摆弄照片那样,操作自然随意,无需学习就能使用。
用户已经习惯了使用两指捏合缩小或关闭图片,单指左右滑动切换图片,那么使用力度更强捏合手势是不是可以缩小或关闭应用呢?使用力度更强的滑动手势是不是可以左右切换应用呢?是的,iOS5中的多任务手势操作就增加了五指捏合返回主屏幕和四指滑动切换应用软件的手势。使用更多的手指来关闭和切换应用,也符合用户的心理预期。
张小龙在知乎上谈到微信的体验时说过这样一段话:
自然往往和人的本性相关。微信的摇一摇是个以“自然”为目标的设计。“抓握”,“摇晃”,是人在远古时代没有工具时必须具备的本能。手机提供了激发人类这项远古本能的条件。设计“摇一摇”时,目标是和人的“自然”或者说“本能”动作体验做到一致。摇一摇的体验包括:动作 – 摇动;视觉 – 屏幕裂开并合上来响应动作; 听觉:有吸引力(男性是来福枪,女性是铃铛)的声音来响应动作;结果 – 从屏幕中央滑下的一张名片。整个界面没有菜单和按钮。但几乎没有比它更简单的交互体验了。感谢手机,让远古时代人们通过投掷石头来“连接”到其他人,进化到摇动手机来虚拟地“连接”人。
“摇一摇”本就是人类的一种本能动作,连襁褓中的婴儿也会经常拿着小玩具摇来摇去,也难怪各种青年男女使用起来那么顺手了。
可以看出,一种符合人类本能的操作方式,带给产品的魅力。
2、随处可见的操作提示
前面说过,手势操作不易发现的原因是界面上没有代表动作的可视元素,那么在界面上增加相应的提示,在人们不知所措时,告诉用户该怎样操作,就可以极大的提高手势操作的可用性。
最近很喜欢玩斗地主,在开始玩的时候经常会浮出这样的提示: “滑动连选多张牌”、“向上拖动直接出牌”。在用户开始使用时,提示操作方法。
再来看看我们每天都在刷的新浪微博、网易新闻,也会及时的提示:“下拉可以刷新”、“松开可以刷新”。
iOS5中的键盘输入可以选择底部键盘、浮动键盘和拆分键盘,仔细观察键盘便会发现左下角的按键上有几个小横杠,这就是切换键盘的地方。这个标识为了整体视觉的简约做得很不明显,不过想要切换键盘的用户自然会仔细的去找切换入口,便可以发现这个提示。
Any.Do则是在空状态下,将手势操作的方式写在待办事项里,告诉用户该怎样操作,用户知道后可以将其删除。
Metro通过留下不完整信息的方式,提示用户可以向左滑动屏幕,右侧还有没有显示完全的信息。
更多的应用,则会通过闪动箭头的方式提示用户,哪里可以滑动,哪里可以点击。
本文链接:http://www.mobileui.cn/gestures-operation.html本文标签: 交互设计, 图形用户界面, 图标, 平板电脑, 手势操作, 智能手机