手機(jī)單手操作界面設(shè)計

吳青

（正德職業(yè)技術(shù)學(xué)院，江蘇 南京 211106）

手機(jī)單手操作界面設(shè)計

吳青

（正德職業(yè)技術(shù)學(xué)院，江蘇 南京 211106）

本文探討手機(jī)單手操作界面的設(shè)計，從單手操作手機(jī)的大小、單手手機(jī)設(shè)計的綠色因素、人體工程因素等方面對界面設(shè)計的影響來說明。綜上所有因素，試設(shè)計出一個適應(yīng)單手操作的手機(jī)界面，采用清新簡潔的手繪漫畫風(fēng)格，以及傾斜的滑出菜單等。為手機(jī)單手操作界面作一次嘗試，敬請各位指正。

手機(jī)；單手操作；界面設(shè)計；人機(jī)工程

筆者在2012年4月剛接觸智能機(jī)，非常的OUT，但一觸即發(fā)，從此一發(fā)不可收拾。現(xiàn)在已成為學(xué)生一樣的手機(jī)生存一族。常常在公車上地鐵上使用手機(jī)，感覺到智能手機(jī)在單手操作上有些欠缺之處。聽聞IPHONE設(shè)計為一手執(zhí)握而另一手操作，故而上海地鐵追尾事故時有較多人受傷……因此筆者努力為智能手寫手機(jī)的單手操作進(jìn)程，做一些研究。另一只手還是要拉著車環(huán)什么的，比較安全。

一、單手操作與手機(jī)大小

1.調(diào)查顯示，4寸左右屏幕將成為主流?；ヂ?lián)網(wǎng)消費(fèi)調(diào)研中心ZDC在2013年6月進(jìn)行了中國用戶手機(jī)屏幕大小使用情況調(diào)查，獲得四千多份有效問卷。ZDC根據(jù)對以上問卷的數(shù)據(jù)分析，推出2013年中國手機(jī)用戶手機(jī)屏幕大小使用調(diào)查報告。本次參與調(diào)查的四千多名用戶中，習(xí)慣單手操作的用戶比例最高，為59.0%。而習(xí)慣雙手操作手機(jī)的用戶比例僅為15.6.%。從屏幕大小來說，屏幕越小，單手操作的容易度越高。而屏幕越大，越不容易被單手操作。

2.單手操作，多大的手機(jī)是極限。來自網(wǎng)上某人的實(shí)驗(yàn)（估計為男性）：經(jīng)過握法實(shí)驗(yàn)，發(fā)現(xiàn)4.3寸屏幕依舊無壓力。握法如下，左手持握，除拇指外的四個手指相當(dāng)于從后面環(huán)抱住手機(jī)。小指彎曲，從底部托著手機(jī)，中指和無名指從手機(jī)后面繞到右面，食指在手機(jī)后面，空出拇指來。4.3寸的i9100，在不變動手掌和手機(jī)的接觸點(diǎn)的情況下（但有時會增加接觸點(diǎn)，比如按右邊的屏幕時，手掌會緊貼手機(jī)左側(cè)），除了最右上角以外，其他地方拇指都能按到，包括最下面的功能鍵。

二、單手操作的綠色因素

1.屏幕顏色。使用最省電悅目的屏幕色。何為最省電的手機(jī)屏幕色？使用CRT顯示器時，使用黑色壁紙耗電最低，但這并不適合所有的顯示器，而對于液晶顯示器而言，情況恰恰相反，液晶顯示器是白色最節(jié)能，黑色反而最費(fèi)電。這是因?yàn)椋壕э@示器的工作原理與CRT顯示器的工作原理不盡相同。對于CRT顯示器來說，不同的顏色會有不同的功耗，而對于液晶顯示器來說，它消耗功率的最大是其面板，面板主要部件就是燈管和液晶體。在任何顏色的背景下，其實(shí)燈管都是打開的，也就是說都是在做功的，燈管的功率是不變的。黑背景產(chǎn)生是通過液晶的角度偏轉(zhuǎn)，將所有來自燈管的光線擋住，從而產(chǎn)生黑色，此時的液晶體比較白背景時的狀況，其偏轉(zhuǎn)的角度更大，所做的功也更大。因此產(chǎn)生了液晶顯示器黑背景的功率要大于白背景功率的現(xiàn)象。對手機(jī)屏幕來說白色比黑色更省電，而人眼長時間在太強(qiáng)的背景下工作會疲勞，因此手機(jī)的屏幕色可以以白色為主，其他顏色輔助。

2.節(jié)約另一只手。用戶在操作觸屏手機(jī)時，有時會使用雙手控制手機(jī)，有時候會使用單手控制。美國馬里蘭大學(xué)的人機(jī)交互專家卡爾遜（Kalson）曾做過一個這方面的調(diào)查研究。其調(diào)查結(jié)果顯示：當(dāng)用戶處于走路狀態(tài)時，大于95%的人使用單手操作手機(jī)，只有不到5%的人使用雙手操作手機(jī)；當(dāng)用戶處于靜止站立狀態(tài)時，80%的人使用單手操作手機(jī)，20%的使用雙手操作手機(jī)；當(dāng)用戶處于靜坐狀態(tài)時，45%的人使用單手操作手機(jī)，55%的人使用雙手操作手機(jī)。由此可見：在使用觸屏手機(jī)時，用戶當(dāng)前的行動狀態(tài)對單雙手操作方式有重大的影響。例如當(dāng)用戶在行進(jìn)中或站立狀態(tài)時，一只手經(jīng)常要做其他事，被占用，所以用戶多采用單手操作；當(dāng)用戶處于靜坐狀態(tài)時，雙手多處于空閑狀態(tài)，所以用戶多傾向于效率更高的雙手操作。一方面，很多情況下，用戶的另一只手有其他的任務(wù)，如拎包握桿等，只能進(jìn)行單手操作。另一方面，單手操作的手機(jī)使另一只手空閑下來，可以做更多其他的事。

3.極簡界面風(fēng)格。采用個性和極簡的界面風(fēng)格，體現(xiàn)綠色設(shè)計的精致與趣味。根據(jù)用戶的審美標(biāo)準(zhǔn)，界面中的圖標(biāo)設(shè)計尺寸有必要規(guī)范化，例如：3G智能機(jī)的圖標(biāo)大小一般為48*48像素，32*32像素，24*24像素以及16*16像素。一般圖標(biāo)加背景框的大小為80*80像素。尺寸規(guī)范化使制作圖標(biāo)更加嚴(yán)謹(jǐn)，利于圖標(biāo)設(shè)計的大小統(tǒng)一，整體性增強(qiáng)。如Iphone5采用4英寸屏，1136*640分辨率，圖標(biāo)大小為57*57。

三、人體工程因素對界面設(shè)計的影響

1.屏幕控區(qū)的弧形設(shè)計。2013年7月3日消息，美國科技博客WMPoweruser周一披露的最新一代Windows Phone 8系統(tǒng)的虛擬鍵盤截圖顯示，此鍵盤將專為單手操作設(shè)計。此單手手機(jī)虛擬鍵盤設(shè)計，號稱來自微軟研究院，鍵盤的整體都采用弧形設(shè)計，其具體布局非常適合單手拇指操作。而各個按鍵也相互分開，從而避免了按鍵過于擁擠。此外，該鍵盤還可以智能聯(lián)想出用戶希望輸入的單詞。據(jù)悉，Windows Phone 8還將陸續(xù)引入其他一些國家語言的軟鍵盤設(shè)計，包括韓語鍵盤。

2.個性的單手鍵盤設(shè)計。每個按鍵都是不規(guī)則形狀的單手鍵盤，按鍵每個突出角對應(yīng)一個字母，外表不馴甚至有些古怪，但符合人體工程學(xué)，每個字母的觸點(diǎn)都是單獨(dú)的，按一下就可以得到想要的字母。用這樣的鍵盤輸入文字，避免選擇的麻煩，大大節(jié)省了時間。

3.機(jī)身左右的厚薄差異。對于右手操作來講，右厚左薄的機(jī)身是否更符合人體工程學(xué)，易于把握。

4.作用區(qū)域。①作用區(qū)域。對右手用戶來說，單手操作觸屏手機(jī)時，屏幕的左上角將是拇指控制的盲區(qū)；而對左手用戶來說，屏幕的右上角將是拇指控制的盲區(qū)。另外，不同于臺式機(jī)使用的鼠標(biāo)等指點(diǎn)裝備，拇指的活動可能會收到屏幕的邊緣包裝的阻礙。因此，靠近屏幕的邊緣區(qū)域也是拇指控制的低效率區(qū)域。要避免在上述兩類區(qū)域設(shè)置提取目標(biāo)，否則將導(dǎo)致控制效率的下降。②定位模糊問題。比起單純的觸控筆，拇指與觸屏的接觸區(qū)域要大很多。有效的接觸點(diǎn)將是接觸區(qū)域中的任何一點(diǎn)，用戶很難將有效接觸點(diǎn)與目標(biāo)按鍵對應(yīng)起來。研究顯示，如果要使用拇指精確地接觸到界面目標(biāo)，則提取目標(biāo)在各個方向上的長度應(yīng)不小于9mm。一方面，屏幕大小非常有限；另一方面，手機(jī)功能的日益增多，界面控制元素的數(shù)量也相應(yīng)增加。③利用手勢控制。利用手勢控制圖片瀏覽操作的方法不僅限于上一頁和下一頁的翻頁操作，在后續(xù)的研發(fā)活動中應(yīng)設(shè)計出更多的操作方法，比如旋轉(zhuǎn)、拉伸、縮小等功能。特別是在技術(shù)上已能實(shí)現(xiàn)多點(diǎn)觸控，今后會有更多的復(fù)雜些的手勢，如畫圈，畫三角，來回往復(fù)等，加入應(yīng)用，提升手機(jī)的單手控制力。

四、簡潔漫畫風(fēng)格單手界面設(shè)計

1.屏幕控區(qū)的傾斜設(shè)計。根據(jù)人體工程學(xué)，手指的轉(zhuǎn)動特征，采用傾斜式滑出菜單設(shè)計。

2.底部菜單設(shè)計。以右手操作為例，右上角為盲區(qū)，只放一些指示圖標(biāo)，而無操作區(qū)，主要菜單都放在底部。

3.左右手切換。左右手模式可以隨時切換，方便不同人群及不同要求。

4.個性圖標(biāo)設(shè)計。本次設(shè)計為手繪風(fēng)格的個性圖標(biāo)，風(fēng)格和顏色都從簡潔出發(fā)。模仿烏克蘭插畫家moleska的風(fēng)格，繪制各種精致的小器物作為個性圖標(biāo)，線條簡潔而有變化，可愛生動。所有圖標(biāo)使用WACOM手寫屏，在Open-Canvas4下繪制，后期PS CS3處理。如圖1手繪漫畫風(fēng)格圖標(biāo)設(shè)計。

圖1 手繪漫畫風(fēng)格圖標(biāo)設(shè)計

5.安全設(shè)計：背帶及手繩。如果機(jī)背加上一條穿手的帶子，不僅方便操作，還可以加大接觸面積，不易掉落，從而保護(hù)手機(jī)安全。直接在手機(jī)上安裝背帶比較困難，好在現(xiàn)在配手機(jī)套成為潮流，只要在手機(jī)套上做上背帶就可以了?；蚴墙o手機(jī)串上手繩，也可以防止手機(jī)在單手操作時脫手。

[1]魏燕.3G智能手機(jī)界面視覺設(shè)計研究[D].上海：華東理工大學(xué)，2011.

[2]李攀.觸摸屏手機(jī)的目標(biāo)提取方法研究與實(shí)現(xiàn)[D].長沙：湖南大學(xué)，2010.

[3]任麗月，王中寶，張宇紅.觸屏手機(jī)中人機(jī)工程學(xué)的研究[J].硅谷，2012，（6）：19-20.

[4]王晟.基于用戶體驗(yàn)的手機(jī)外觀與界面設(shè)計[D].武漢紡織大學(xué)，2010.

[5]劉迪，陳新華.手機(jī)界面圖標(biāo)的視覺設(shè)計探析[J].設(shè)計，2012，（2）：162-163.

[6]朱碧薇，張潛浩.智能手機(jī)基本功能界面符號的意義剖析[J].大眾文藝，2012，（9）：87-88.

G712

A

1674-9324（2014）29-0167-02