APP下载

手机单手操作界面设计

2014-03-13吴青

教育教学论坛 2014年29期
关键词:单手界面设计图标

吴青

(正德职业技术学院,江苏 南京 211106)

手机单手操作界面设计

吴青

(正德职业技术学院,江苏 南京 211106)

本文探讨手机单手操作界面的设计,从单手操作手机的大小、单手手机设计的绿色因素、人体工程因素等方面对界面设计的影响来说明。综上所有因素,试设计出一个适应单手操作的手机界面,采用清新简洁的手绘漫画风格,以及倾斜的滑出菜单等。为手机单手操作界面作一次尝试,敬请各位指正。

手机;单手操作;界面设计;人机工程

笔者在2012年4月刚接触智能机,非常的OUT,但一触即发,从此一发不可收拾。现在已成为学生一样的手机生存一族。常常在公车上地铁上使用手机,感觉到智能手机在单手操作上有些欠缺之处。听闻IPHONE设计为一手执握而另一手操作,故而上海地铁追尾事故时有较多人受伤……因此笔者努力为智能手写手机的单手操作进程,做一些研究。另一只手还是要拉着车环什么的,比较安全。

一、单手操作与手机大小

1.调查显示,4寸左右屏幕将成为主流。互联网消费调研中心ZDC在2013年6月进行了中国用户手机屏幕大小使用情况调查,获得四千多份有效问卷。ZDC根据对以上问卷的数据分析,推出2013年中国手机用户手机屏幕大小使用调查报告。本次参与调查的四千多名用户中,习惯单手操作的用户比例最高,为59.0%。而习惯双手操作手机的用户比例仅为15.6.%。从屏幕大小来说,屏幕越小,单手操作的容易度越高。而屏幕越大,越不容易被单手操作。

2.单手操作,多大的手机是极限。来自网上某人的实验(估计为男性):经过握法实验,发现4.3寸屏幕依旧无压力。握法如下,左手持握,除拇指外的四个手指相当于从后面环抱住手机。小指弯曲,从底部托着手机,中指和无名指从手机后面绕到右面,食指在手机后面,空出拇指来。4.3寸的i9100,在不变动手掌和手机的接触点的情况下(但有时会增加接触点,比如按右边的屏幕时,手掌会紧贴手机左侧),除了最右上角以外,其他地方拇指都能按到,包括最下面的功能键。

二、单手操作的绿色因素

1.屏幕颜色。使用最省电悦目的屏幕色。何为最省电的手机屏幕色?使用CRT显示器时,使用黑色壁纸耗电最低,但这并不适合所有的显示器,而对于液晶显示器而言,情况恰恰相反,液晶显示器是白色最节能,黑色反而最费电。这是因为,液晶显示器的工作原理与CRT显示器的工作原理不尽相同。对于CRT显示器来说,不同的颜色会有不同的功耗,而对于液晶显示器来说,它消耗功率的最大是其面板,面板主要部件就是灯管和液晶体。在任何颜色的背景下,其实灯管都是打开的,也就是说都是在做功的,灯管的功率是不变的。黑背景产生是通过液晶的角度偏转,将所有来自灯管的光线挡住,从而产生黑色,此时的液晶体比较白背景时的状况,其偏转的角度更大,所做的功也更大。因此产生了液晶显示器黑背景的功率要大于白背景功率的现象。对手机屏幕来说白色比黑色更省电,而人眼长时间在太强的背景下工作会疲劳,因此手机的屏幕色可以以白色为主,其他颜色辅助。

2.节约另一只手。用户在操作触屏手机时,有时会使用双手控制手机,有时候会使用单手控制。美国马里兰大学的人机交互专家卡尔逊(Kalson)曾做过一个这方面的调查研究。其调查结果显示:当用户处于走路状态时,大于95%的人使用单手操作手机,只有不到5%的人使用双手操作手机;当用户处于静止站立状态时,80%的人使用单手操作手机,20%的使用双手操作手机;当用户处于静坐状态时,45%的人使用单手操作手机,55%的人使用双手操作手机。由此可见:在使用触屏手机时,用户当前的行动状态对单双手操作方式有重大的影响。例如当用户在行进中或站立状态时,一只手经常要做其他事,被占用,所以用户多采用单手操作;当用户处于静坐状态时,双手多处于空闲状态,所以用户多倾向于效率更高的双手操作。一方面,很多情况下,用户的另一只手有其他的任务,如拎包握杆等,只能进行单手操作。另一方面,单手操作的手机使另一只手空闲下来,可以做更多其他的事。

3.极简界面风格。采用个性和极简的界面风格,体现绿色设计的精致与趣味。根据用户的审美标准,界面中的图标设计尺寸有必要规范化,例如:3G智能机的图标大小一般为48*48像素,32*32像素,24*24像素以及16*16像素。一般图标加背景框的大小为80*80像素。尺寸规范化使制作图标更加严谨,利于图标设计的大小统一,整体性增强。如Iphone5采用4英寸屏,1136*640分辨率,图标大小为57*57。

三、人体工程因素对界面设计的影响

1.屏幕控区的弧形设计。2013年7月3日消息,美国科技博客WMPoweruser周一披露的最新一代Windows Phone 8系统的虚拟键盘截图显示,此键盘将专为单手操作设计。此单手手机虚拟键盘设计,号称来自微软研究院,键盘的整体都采用弧形设计,其具体布局非常适合单手拇指操作。而各个按键也相互分开,从而避免了按键过于拥挤。此外,该键盘还可以智能联想出用户希望输入的单词。据悉,Windows Phone 8还将陆续引入其他一些国家语言的软键盘设计,包括韩语键盘。

2.个性的单手键盘设计。每个按键都是不规则形状的单手键盘,按键每个突出角对应一个字母,外表不驯甚至有些古怪,但符合人体工程学,每个字母的触点都是单独的,按一下就可以得到想要的字母。用这样的键盘输入文字,避免选择的麻烦,大大节省了时间。

3.机身左右的厚薄差异。对于右手操作来讲,右厚左薄的机身是否更符合人体工程学,易于把握。

4.作用区域。①作用区域。对右手用户来说,单手操作触屏手机时,屏幕的左上角将是拇指控制的盲区;而对左手用户来说,屏幕的右上角将是拇指控制的盲区。另外,不同于台式机使用的鼠标等指点装备,拇指的活动可能会收到屏幕的边缘包装的阻碍。因此,靠近屏幕的边缘区域也是拇指控制的低效率区域。要避免在上述两类区域设置提取目标,否则将导致控制效率的下降。②定位模糊问题。比起单纯的触控笔,拇指与触屏的接触区域要大很多。有效的接触点将是接触区域中的任何一点,用户很难将有效接触点与目标按键对应起来。研究显示,如果要使用拇指精确地接触到界面目标,则提取目标在各个方向上的长度应不小于9mm。一方面,屏幕大小非常有限;另一方面,手机功能的日益增多,界面控制元素的数量也相应增加。③利用手势控制。利用手势控制图片浏览操作的方法不仅限于上一页和下一页的翻页操作,在后续的研发活动中应设计出更多的操作方法,比如旋转、拉伸、缩小等功能。特别是在技术上已能实现多点触控,今后会有更多的复杂些的手势,如画圈,画三角,来回往复等,加入应用,提升手机的单手控制力。

四、简洁漫画风格单手界面设计

1.屏幕控区的倾斜设计。根据人体工程学,手指的转动特征,采用倾斜式滑出菜单设计。

2.底部菜单设计。以右手操作为例,右上角为盲区,只放一些指示图标,而无操作区,主要菜单都放在底部。

3.左右手切换。左右手模式可以随时切换,方便不同人群及不同要求。

4.个性图标设计。本次设计为手绘风格的个性图标,风格和颜色都从简洁出发。模仿乌克兰插画家moleska的风格,绘制各种精致的小器物作为个性图标,线条简洁而有变化,可爱生动。所有图标使用WACOM手写屏,在Open-Canvas4下绘制,后期PS CS3处理。如图1手绘漫画风格图标设计。

图1 手绘漫画风格图标设计

5.安全设计:背带及手绳。如果机背加上一条穿手的带子,不仅方便操作,还可以加大接触面积,不易掉落,从而保护手机安全。直接在手机上安装背带比较困难,好在现在配手机套成为潮流,只要在手机套上做上背带就可以了。或是给手机串上手绳,也可以防止手机在单手操作时脱手。

[1]魏燕.3G智能手机界面视觉设计研究[D].上海:华东理工大学,2011.

[2]李攀.触摸屏手机的目标提取方法研究与实现[D].长沙:湖南大学,2010.

[3]任丽月,王中宝,张宇红.触屏手机中人机工程学的研究[J].硅谷,2012,(6):19-20.

[4]王晟.基于用户体验的手机外观与界面设计[D].武汉纺织大学,2010.

[5]刘迪,陈新华.手机界面图标的视觉设计探析[J].设计,2012,(2):162-163.

[6]朱碧薇,张潜浩.智能手机基本功能界面符号的意义剖析[J].大众文艺,2012,(9):87-88.

G712

A

1674-9324(2014)29-0167-02

猜你喜欢

单手界面设计图标
《京燕儿》APP界面设计
中医养生APP界面设计
“共享员工”平台界面设计
面向智能手机的UI界面设计
行进间单手肩上投篮教案
Android手机上那些好看的第三方图标包
单手采药器
能解放双手的雨伞
有意思的厕所图标