拇指和触摸的对话——单手触屏手机的大拇指体验

躺在床上在看手机里面的电子书;地铁里一只手拎着东西,一只手在拨号码;正在做饭的时候,手机响了,一只手沾满了油;这些情况下的人有什么共同点?只有一只手进行手机操作!

具有糟糕的">单手操作体验的手机会让用户在某些情形下抓狂,而良好的设计则能解救他们,让他们更加轻松地应付各种操作。我个人非常怀念以前简单的按键手机,无论在什么情况下,一只手都能顺利得应付下来,有的手机还有专门为左手用户设计的左右按键调换模式(Accessibility的典范)。发展到触摸屏幕后,这个原则好像慢慢地被人忘记了,按钮越做越小,用户只能用手指尖去点击,操作也越来越复杂,这实在是与用户体验相去甚远的道路。

当然,市面上也不乏仍然出现着许多具有优秀单手操作体验的手机。从Else mobile前段时间发布的手机图片能够看出,该手机从界面上专门为单手操作做了很多优化。

拇指的人机工程学

在单手对触摸屏手机进行操作的时候,一般是以四个手指和手掌为依托,用大拇指进行操作,因此单手操作触屏手机变成了拇指和触摸屏的一场“对话”。

人机工程学的研究表明中,大拇指有三个关节能够活动(它们从上往下分别是):

位于拇指外观中部的“拇指第一关节”:能向前弯曲最大90度,少数人能向后弯曲

位于拇指外观根部的“拇指第二关节”:能向前弯曲最大90度,少数人能向后弯曲

位于拇指和手腕连接处的“腕掌关节”:腕掌关节能够进行较大程度的屈伸,收展,所以能完成对掌运动(对掌运动是拇指骨外展,屈和旋内运动的总和。其结果使拇指尖能与其它各指掌面接触,而这是除拇指外其他手指腕掌关节都无法完成的)

手势

一般在操作时候,用户与触摸屏进行交互主要是通过不同的手势来进行。现有的触摸屏能够识别用户的手势有:tap,double tap, touch& hold, pan,flick,pinch & strech

Tap:用户用单个手指轻击触摸屏,随后马上与触摸屏分开

Double tap: 短时间,两次tap操作

Touch & hold:用户用手指轻击触摸屏,保持不动

Pan:用户手指轻击触摸屏,在不离开的情况下,移动手指

Flick:用户手指轻击触摸屏,然后迅速的滑动,同时离开屏幕(想象一下,你用手指在弹一个东西)

Pinch & stretch:用户用两个手指分别往两个方向移动。

在这里,我们只探讨一下单手操作触摸屏手机的拇指行为,所以先剔除掉pinch & stretch这个手势。

如何操作?

(接下来的部分,希望读者用一只手拿着自己的手机,亲自感受一下)

由于“腕掌关节”的活动范围和活动程度与“拇指关节”相比都更加大,同时也更加轻松,所以当用户的拇指从放松状态(拇指伸直)转移到需要与触摸屏接触的状态时,会优先使用腕掌关节(人还真是一种很懒的动物)。不信的话,请尝试一下单手握住屏幕,并自然的用大拇指触摸屏幕。另外,如果需要用手指尖触摸屏幕的话(想象一下有一个设计非常小的按钮需要你按动),拇指第一关节会向前弯曲90度,但与触摸屏接触时,仍然只活动腕掌关节。

在用户进行drag手势时,也会优先使用腕掌关节,只有当仅仅使用腕掌关节无法达到所需要的距离时,才考虑使用拇指的第一和第二关节。如果你是右手用户,请把手机放在手掌上,用大拇指从右上角到左部再到右下角,进行一个最大范围的弧形滑动,你就会明白我想说的意思了。对于右手用户来说,触摸屏单手操作还有一个“死区”—左上角(左手用户则是右上角)。因此,在设计需要在特殊环境下,必须单手操作的时候,该区域需要非常谨慎的使用(想想WM右上角的关闭按钮对于左撇子用户是多么大的一个噩梦)。

Flick是一个非常有趣的操作手势,用户在操作的时候,同样偏向于使用腕掌关节。但是腕掌关节的活动速度比拇指中部的第一关节的运动速度慢,当需要很快速度的Flick行为时,会自然地转向移动拇指第一关节。但是,别忘了,第一关节只能前后弯曲,所以只使用第一关节的Flick,只能上下操作(对!,弧线都不可以,除非有腕掌关节的参与)。

另外,想象一下是用户在使用Drag手势来上下滑动屏幕,其的运行轨迹也将会是一个弧线(那是因为他们在偷懒,腕掌关节运动多轻松,多美妙)。

用户是很忙的,让他们轻松一点,如果一只手能操作就用一只手吧。人类的进步在于解放了双手的直立行走,触摸屏手机的进步会不会在于解放了其中一只手呢?

(以上对拇指操作的一些研究是基于我个人的操作和对周围用户的一些观察,并不能包括所有的可能性。如果大家对这个话题感兴趣,或者有新的想法,欢迎和大家一块分享。)

By Sam @kaixin_yy

来源:http://www.ifanr.com/7980

时间: 2024-11-16 06:51:03

拇指和触摸的对话——单手触屏手机的大拇指体验的相关文章

触屏手机和非触屏手机网站设计的区别

触屏手机网站和非触屏手机网站区别在于,前者使用手指点击注重点击体验, 而后者是使用手机物理按键注重选取规则,触屏手机屏幕增大,可以显示更多的内容,但内容密度不宜过大否则不便点击,一般人的食指点击的区域约为 7*7 mm 拇指点击区域约为8*8 mm,各大门户也分别推出适应触屏手机的高端版本,下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别. 手机网站常用交互功能之一"信息连接": 竖屏状态: (图1) (图1)可见 3G门户高端炫版的信息链接响应高度约等于其它

触屏手机网站-炫版交互设计

触屏手机网站和非触屏手机网站区别在于,前者使用手指点击注重点击体验, 而后者是使用手机物理按键注重选取规则,触屏手机屏幕增大,可以显示更多的内容,但内容密度不宜过大否则不便点击,一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm,各大门户也分别推出适应触屏手机的高端版本,下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别. 手机网站常用交互功能之一"信息连接": 竖屏状态:(图1) (图1)可见 3G门户高端炫版的信息链接响应高度约等于其它门户

为触屏手机而设计:拇指操作的“热区/死角”与“控件尺寸”

Part 1 研究背景1.1 触屏手机界面设计的背景与挑战 挑战1:发展时间短,国内外的研究都尚处在探索阶段,充满未知和不确定.触屏技术最早被应用到手机上要追溯到1999年(motorola A6188),至今虽然已有12年时间,但真正为手指操作的触屏界面设计带来革命性变化还是07年1月9日发布的iphone1代以及他的多点触摸技术.时至今日,不过4年时间,以苹果设计团队为先驱国内外相关研究领域,包括触摸的手势.触屏界面的规范.触摸的可用性研究等等,都还处在探索阶段,这也意味着有很多现有的东西都

触屏手机操作的“热区死角”与“控件尺寸”

Part 1 研究背景 1.1 触屏手机界面设计的背景与挑战 挑战1:发展时间短,国内外的研究都尚处在探索阶段,充满未知和不确定. 触屏技术最早被应用到手机上要追溯到1999年(motorola A6188),至今虽然已有12年时间,但真正为手指操作的触屏界面设计带来革命性变化还是07年1月9日发布的iphone1代以及他的多点触摸技术.时至今日,不过4年时间,以苹果设计团队为先驱国内外相关研究领域,包括触摸的手势.触屏界面的规范.触摸的可用性研究等等,都还处在探索阶段,这也意味着有很多现有的东

从四个维度探讨触屏手机的网站设计

文章描述:触屏手机网站设计. 随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website.触屏手机网站在中国还属于起步阶段,从行业的现状来看,其体验参差不齐,笔者将从设备.系统.浏览器.网络.四个维度来与大家共同探讨触屏手机的网站设计: 一.设备 ·分辨率与屏幕尺寸·触屏机的交互特点·性能 1. 分辨率是设计师做网站时首要考虑的问题,iphone/ipod touch目前有2种分辨率:480*32

触屏手机中手势交互的设计研究

触屏手机作为未来手持移动设备的发展趋势,手势为其主要的交互方式和提高用户体验的方法有着重要的意义.目前触屏手机中手势交互研究正处于初级阶段,笔者作为交互设计师从实践的角度针对本国用户的特点,通过人机工程学原理进行相关数据测量分析,并结合解剖学.认知心理学等相关理论,分析和总结触屏手机中手势交互的设计和运用原则. 1 人机工程学原则 通过实验针对触屏手机中手势操作的相关问题进行定量到定性的研究.筛选被试:选取使用触屏手机3年以上的正常成年人为典型被试.据中科院心理研究所调查数据显示,中国目前右撇子

触屏手机网站设计

随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website.触屏手机网站在中国还属于起步阶段,从行业的现状来看,其体验参差不齐,笔者将从设备.系统.浏览器.网络.四个维度来与大家共同探讨触屏手机的网站设计: 一.设备 ·分辨率与屏幕尺寸·触屏机的交互特点·性能 1. 分辨率是设计师做网站时首要考虑的问题,iphone/ipod touch目前有2种分辨率:480*320.960*640,屏幕的物理

触屏手机网页产品设计用户体验设计经验分享

文章描述:历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 上篇包括以下一些内容: >>精神与基础 何谓高端--高端设计精神 平台间平衡 不同分辨率及比例间移植 浏览器框架 >>设计"泛"过程 移动场景下的用户需求 少即是多的设计原则 界面气质 -------

JS+CSS实现仿触屏手机拨号盘界面及功能模拟完整实例

  本文实例讲述了JS+CSS实现仿触屏手机拨号盘界面及功能模拟的方法.分享给大家供大家参考.具体如下: 首先来看一下运行效果图: 具体实现代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 6