手機單手操作界面設計

吳青

（正德職業技術學院，江蘇 南京 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.安全設計：背帶及手繩。如果機背加上一條穿手的帶子，不僅方便操作，還可以加大接觸面積，不易掉落，從而保護手機安全。直接在手機上安裝背帶比較困難，好在現在配手機套成為潮流，只要在手機套上做上背帶就可以了?；蚴墙o手機串上手繩，也可以防止手機在單手操作時脫手。

[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