摘 要:随着信息时代的发展,交互手势作为触屏手机的主要人机交互方式之一,越来越被广大设计师及使用者所重视。本文在概括总结现有交互手势基础之上,以单手操作手势为重点,分析了其广泛的需求,主要就其如何设计给出了部分解决方案,从而为单手手势操作的交互设计理论及实践提供点滴参考。
关键词:交互手势;单手;用户体验;触屏手机
随着信息时代的发展,各类智能设备如雨后春笋般出现于人们的视野并被广泛应用,触屏手机即为其典型代表之一。操作手势作为继实体按键后的一种新型人机交互方式,极大地提高了用户操作手机的效率和体验。
1触屏手机的触屏交互手势
1.1触控手势
1.1.1单手指:
点击:最常用的手势。一般用于选取菜单、按钮、数字键盘等;
滑动:实现的功能相对较多,可以用于多个物体的同时选取。竖直滑动一般用于屏幕更多内容的加载或刷新。水平滑动一般用于导航、页面、模式的换转,或者作为二级动作的触发手势,出现删除或其他功能按钮以及隐藏的操作等;
双击:一般用以放大、缩小局部内容,常用于图片或地图等工具;
长按:保持一段时间的轻触,实现比如放大镜,文本的拷贝等编辑,删除等二级动作的触发;
拖拽:一般用于拖拽物的位移,使其到达特定区域从而实现目标。或者用于如音量条、滚动条等控件的调节;
3D touch: 作为IOS特有的功能,它不同于长按(时间维度),是在新增加的“力度”维度上,通过“用力”点击来实现。一般用于进入应用高频率的深层次功能,诸如直接打开社交软件的更新动态功能。
1.1.2多手指:
缩放:通过双手指的张开或合拢动作,实现界面内目标物的缩小、放大;
旋转:以双指旋转,实现对应角度的操作对象的旋转;
多指滑动:较少地运用于一些设计方自定义的操作,比如滚动截屏等。
1.2笔画手势
该类手势虽然也是通过屏幕上的滑动或拖拽等基本手势完成,但这些基本手势只有在组合成特定的组合、形状、字母或数字等符号时,才具有功能。诸如解锁屏幕的图案锁屏,特定字母打开应用,特殊图形或封闭形式实现截图功能,当然包括直接的文本信息输入功能。
1.3手指以外的手势操作
如上2种手势,一般提到的均为手指指头处的操作,但也有以手部其他特殊部位的操作,比如华为品牌某手机采用指关节画圈来截图的手势操作。至于触屏手机中非触屏类的交互手势,诸如手部动作“摇一摇”等,则不在此处讨论。
2单手操作的需求简析
以iPhone为例,从2013年iPhone 5代在国内发布,发展至当前的最新产品iPhone 7 Plus,手机界面的尺寸从4英寸发展至如今的5.5英寸,还不包括界面以外的硬件尺寸。越来越大的触摸屏使用户在很多情况下必须使用双手才能够安全拿起并高效操作手机。
在实际的使用场景中,用户不可能总处于专一、稳定的环境下进行手机的使用。更多的是多任务同时进行,注意力容易被打扰、分散、中断,另一只手被其他事物占据,周围操作环境不友好等实际的使用场景。这些使用场景都不支持用户双手去操作手机。资深交互设计师Stevena Hoober在数千人真实使用场景的2个月调研中得出结论:49%的用户单手操作,仅15%的用户为双手操作,其余为一只手操作,另一只手做辅助握拿。并且,用户频繁变换操作姿势和手势。
应用市场上,辅助单手操作的应用为数众多。其中诸如安卓系统的“单手划划”应用,通过斜滑动来开启单手操作模式,将手机应用、设置等全部置于一个合理布局的菜单中,让用户能够单手完成大部分手机高频操作。截止至目前,在Google Play上全球下载量已经过亿,用户评论数量超过304万,评级为4.5分的高分。这充分说明触屏手机单手操作模式及手势存在较大的市场需求。
3更好地单手手势设计
无论是单手还是双手操作,更好地设计交互手势都需要参照“隐喻化”原则,采用尽量通用的符号系统,符合用户认知习惯,给予必要的界面暗示、新手指引、积极反馈,建立于现有的主流手势之上,考虑同质性、相反性的手势对应、统一等。该部分内容众多前辈等已经给出较多理论及实践案例分析。
这里主要从单手手势设计方面考虑,在上述的必要设计指导下,更多的则从如下方面出发:
3.1 拇指活动区域及按键热区
单手操作手势,在越来越大的触屏上存在较大的难以触及的区域。考虑主要的单手操作下拇指的使用,以右手为例,则屏幕的左上方、上方、右下角落为难以点击的地方,在交互原型设计的初期,界面布局就应当有所考虑,将重要按键、主要菜单等置于拇指易操作的区域,同时将一些低频率、“危险性”的按钮或功能置于上述的难操作区域。并且考虑左右单手的不同,使布局能够尽量适配两种手势。
在操作区域有限或者元素众多等情况下,可能存在不能按此合理布局的情形。此时可以适当考虑将视觉元素与手势的实际点击热区相脱离,并配以及时的反馈。即在不影响视觉的前提下,适当增大或减小视觉按键的实际有效触控区域,调整与拇指舒适活动区域的重合性,从而提高操作效率或减低误操作的风险。这对于单手手势的使用场景而言更具有实际意义。
3.2 高效率切换模式
很多情况下,单手手势的使用是基于一个手势的集合之中,即所谓的“单手模式”。诸如单手键盘、缩小于下方一角落的等比例界面、双击home键而实现的iPhone单手模式等。它们通常采用改变原有界面布局、比例的方式来达到单手操作的目的,从而实现某应用或功能相对庞杂的系列活动。但即使是习惯性的左手或右手用户,也不总是固定的一个单手操作。实际的生活经验及上述的单手操作需求简析告诉我们,操作姿势和手勢总在频繁地变化。这就对单手模式提出了可以高效切换单、双手,甚至左、右手操作的要求。
3.2.1 提炼呼出手势。
事半功倍的方法是在现有的手势上进行提炼,结合当前的内容、控件、功能等适配出合理的单手模式呼出手势。在第一节中提到的现有手势归纳中,滑动手势具有诸多功能,从而其在单手手势上可以发挥得天独厚的效果。诸如采用连续滑动的手势,先滑动将操作模式菜单呼出,再滑动选择操作模式,从而进行模式间的高效切换。除此以外,长按、双击也具有较好的契合性,而笔画、组合等因其学习成本较大、容易有歧义等因素,契合性有所降低。
3.2.2选择性地单手模式。
这里不需要将某些重量级的应用等所有的模式、功能、设置全部设计容纳入单手模式手势中。选择性的选取高频、重要操作,使单手手势能够完成主要功能。轻量级的界面布局总归利于模式的高效切换。
3.2.3多模式并存。
在触屏上除了仅具有单手手势以外,在界面布局上可以兼顾其他操作手势的视觉元素。诸如保留基本的单击手势,让用户可以通过单手手势顺畅操作的同时,也可以在其他的情况下,通过单击等手势进行返回、选取、添加、删除等多种操作,这就使得单手操作的手势能够始终进行,也完全无需担心切换操作模式时便捷与否的问题。
3.3全局性
从用户操作手势的最终目标出发,需要将单手操作手势尽量贯穿于整个手机操作之中。用户操作目标是通过完成系列相应的活动和任务来实现的,设法保持单手手势在整体操作流程中的贯穿和统一,才能彻底地通过单手手势一步步完成最终目标。如果仅让用户在开机界面或者系统层级可以单手手势操作,而到了手机的一些原装应用中又不得不使用雙手的话,那很可能前功尽弃,让其优势付诸东流。
交互手势是当今主流的人机交互方式之一。本人将通过持续关注用户使用场景,心理、行为方式,涉猎相关学科知识,将交互手势,尤其是单手手势设计方式,逐步分析完善、总结至较为全面、系统的理论高度。从而在今后不断发展的智能设备中,可以提供点滴参考依据,让用户操作方便高效,且身心愉悦地完成目标。
参考文献:
[1] Alan Cooper,等著. About Face 4-交互设计精髓[M].倪卫国,等译.电子工业出版社,2015.
[2]孙岩等. 基于人类行为学的触屏手机手势交互设计研究[J].包装工程,2015.
[3]王中宝,任丽月,张宇红.触屏手机中手势交互种类和设计原则的研究[J].硅谷,2012.
作者简介:
梁磊磊/男/江苏南通人/硕士/研究方向为产品系统设计