基于觸屏手機(jī)的單手手勢交互設(shè)計(jì)淺析

摘 要：隨著信息時(shí)代的發(fā)展，交互手勢作為觸屏手機(jī)的主要人機(jī)交互方式之一，越來越被廣大設(shè)計(jì)師及使用者所重視。本文在概括總結(jié)現(xiàn)有交互手勢基礎(chǔ)之上，以單手操作手勢為重點(diǎn)，分析了其廣泛的需求，主要就其如何設(shè)計(jì)給出了部分解決方案，從而為單手手勢操作的交互設(shè)計(jì)理論及實(shí)踐提供點(diǎn)滴參考。

關(guān)鍵詞：交互手勢；單手；用戶體驗(yàn)；觸屏手機(jī)

隨著信息時(shí)代的發(fā)展，各類智能設(shè)備如雨后春筍般出現(xiàn)于人們的視野并被廣泛應(yīng)用，觸屏手機(jī)即為其典型代表之一。操作手勢作為繼實(shí)體按鍵后的一種新型人機(jī)交互方式，極大地提高了用戶操作手機(jī)的效率和體驗(yàn)。

1觸屏手機(jī)的觸屏交互手勢

1.1觸控手勢

1.1.1單手指：

點(diǎn)擊：最常用的手勢。一般用于選取菜單、按鈕、數(shù)字鍵盤等；

滑動：實(shí)現(xiàn)的功能相對較多，可以用于多個物體的同時(shí)選取。豎直滑動一般用于屏幕更多內(nèi)容的加載或刷新。水平滑動一般用于導(dǎo)航、頁面、模式的換轉(zhuǎn)，或者作為二級動作的觸發(fā)手勢，出現(xiàn)刪除或其他功能按鈕以及隱藏的操作等；

雙擊：一般用以放大、縮小局部內(nèi)容，常用于圖片或地圖等工具；

長按：保持一段時(shí)間的輕觸，實(shí)現(xiàn)比如放大鏡，文本的拷貝等編輯，刪除等二級動作的觸發(fā)；

拖拽：一般用于拖拽物的位移，使其到達(dá)特定區(qū)域從而實(shí)現(xiàn)目標(biāo)?；蛘哂糜谌缫袅織l、滾動條等控件的調(diào)節(jié)；

3D touch： 作為IOS特有的功能，它不同于長按（時(shí)間維度），是在新增加的“力度”維度上，通過“用力”點(diǎn)擊來實(shí)現(xiàn)。一般用于進(jìn)入應(yīng)用高頻率的深層次功能，諸如直接打開社交軟件的更新動態(tài)功能。

1.1.2多手指：

縮放：通過雙手指的張開或合攏動作，實(shí)現(xiàn)界面內(nèi)目標(biāo)物的縮小、放大；

旋轉(zhuǎn)：以雙指旋轉(zhuǎn)，實(shí)現(xiàn)對應(yīng)角度的操作對象的旋轉(zhuǎn)；

多指滑動：較少地運(yùn)用于一些設(shè)計(jì)方自定義的操作，比如滾動截屏等。

1.2筆畫手勢

該類手勢雖然也是通過屏幕上的滑動或拖拽等基本手勢完成，但這些基本手勢只有在組合成特定的組合、形狀、字母或數(shù)字等符號時(shí)，才具有功能。諸如解鎖屏幕的圖案鎖屏，特定字母打開應(yīng)用，特殊圖形或封閉形式實(shí)現(xiàn)截圖功能，當(dāng)然包括直接的文本信息輸入功能。

1.3手指以外的手勢操作

如上2種手勢，一般提到的均為手指指頭處的操作，但也有以手部其他特殊部位的操作，比如華為品牌某手機(jī)采用指關(guān)節(jié)畫圈來截圖的手勢操作。至于觸屏手機(jī)中非觸屏類的交互手勢，諸如手部動作“搖一搖”等，則不在此處討論。

2單手操作的需求簡析

以iPhone為例，從2013年iPhone 5代在國內(nèi)發(fā)布，發(fā)展至當(dāng)前的最新產(chǎn)品iPhone 7 Plus，手機(jī)界面的尺寸從4英寸發(fā)展至如今的5.5英寸，還不包括界面以外的硬件尺寸。越來越大的觸摸屏使用戶在很多情況下必須使用雙手才能夠安全拿起并高效操作手機(jī)。

在實(shí)際的使用場景中，用戶不可能總處于專一、穩(wěn)定的環(huán)境下進(jìn)行手機(jī)的使用。更多的是多任務(wù)同時(shí)進(jìn)行，注意力容易被打擾、分散、中斷，另一只手被其他事物占據(jù)，周圍操作環(huán)境不友好等實(shí)際的使用場景。這些使用場景都不支持用戶雙手去操作手機(jī)。資深交互設(shè)計(jì)師Stevena Hoober在數(shù)千人真實(shí)使用場景的2個月調(diào)研中得出結(jié)論：49%的用戶單手操作，僅15%的用戶為雙手操作，其余為一只手操作，另一只手做輔助握拿。并且，用戶頻繁變換操作姿勢和手勢。

應(yīng)用市場上，輔助單手操作的應(yīng)用為數(shù)眾多。其中諸如安卓系統(tǒng)的“單手劃劃”應(yīng)用，通過斜滑動來開啟單手操作模式，將手機(jī)應(yīng)用、設(shè)置等全部置于一個合理布局的菜單中，讓用戶能夠單手完成大部分手機(jī)高頻操作。截止至目前，在Google Play上全球下載量已經(jīng)過億，用戶評論數(shù)量超過304萬，評級為4.5分的高分。這充分說明觸屏手機(jī)單手操作模式及手勢存在較大的市場需求。

3更好地單手手勢設(shè)計(jì)

無論是單手還是雙手操作，更好地設(shè)計(jì)交互手勢都需要參照“隱喻化”原則，采用盡量通用的符號系統(tǒng)，符合用戶認(rèn)知習(xí)慣，給予必要的界面暗示、新手指引、積極反饋，建立于現(xiàn)有的主流手勢之上，考慮同質(zhì)性、相反性的手勢對應(yīng)、統(tǒng)一等。該部分內(nèi)容眾多前輩等已經(jīng)給出較多理論及實(shí)踐案例分析。

這里主要從單手手勢設(shè)計(jì)方面考慮，在上述的必要設(shè)計(jì)指導(dǎo)下，更多的則從如下方面出發(fā)：

3.1 拇指活動區(qū)域及按鍵熱區(qū)

單手操作手勢，在越來越大的觸屏上存在較大的難以觸及的區(qū)域?？紤]主要的單手操作下拇指的使用，以右手為例，則屏幕的左上方、上方、右下角落為難以點(diǎn)擊的地方，在交互原型設(shè)計(jì)的初期，界面布局就應(yīng)當(dāng)有所考慮，將重要按鍵、主要菜單等置于拇指易操作的區(qū)域，同時(shí)將一些低頻率、“危險(xiǎn)性”的按鈕或功能置于上述的難操作區(qū)域。并且考慮左右單手的不同，使布局能夠盡量適配兩種手勢。

在操作區(qū)域有限或者元素眾多等情況下，可能存在不能按此合理布局的情形。此時(shí)可以適當(dāng)考慮將視覺元素與手勢的實(shí)際點(diǎn)擊熱區(qū)相脫離，并配以及時(shí)的反饋。即在不影響視覺的前提下，適當(dāng)增大或減小視覺按鍵的實(shí)際有效觸控區(qū)域，調(diào)整與拇指舒適活動區(qū)域的重合性，從而提高操作效率或減低誤操作的風(fēng)險(xiǎn)。這對于單手手勢的使用場景而言更具有實(shí)際意義。

3.2 高效率切換模式

很多情況下，單手手勢的使用是基于一個手勢的集合之中，即所謂的“單手模式”。諸如單手鍵盤、縮小于下方一角落的等比例界面、雙擊home鍵而實(shí)現(xiàn)的iPhone單手模式等。它們通常采用改變原有界面布局、比例的方式來達(dá)到單手操作的目的，從而實(shí)現(xiàn)某應(yīng)用或功能相對龐雜的系列活動。但即使是習(xí)慣性的左手或右手用戶，也不總是固定的一個單手操作。實(shí)際的生活經(jīng)驗(yàn)及上述的單手操作需求簡析告訴我們，操作姿勢和手勢總在頻繁地變化。這就對單手模式提出了可以高效切換單、雙手，甚至左、右手操作的要求。

3.2.1 提煉呼出手勢。

事半功倍的方法是在現(xiàn)有的手勢上進(jìn)行提煉，結(jié)合當(dāng)前的內(nèi)容、控件、功能等適配出合理的單手模式呼出手勢。在第一節(jié)中提到的現(xiàn)有手勢歸納中，滑動手勢具有諸多功能，從而其在單手手勢上可以發(fā)揮得天獨(dú)厚的效果。諸如采用連續(xù)滑動的手勢，先滑動將操作模式菜單呼出，再滑動選擇操作模式，從而進(jìn)行模式間的高效切換。除此以外，長按、雙擊也具有較好的契合性，而筆畫、組合等因其學(xué)習(xí)成本較大、容易有歧義等因素，契合性有所降低。

3.2.2選擇性地單手模式。

這里不需要將某些重量級的應(yīng)用等所有的模式、功能、設(shè)置全部設(shè)計(jì)容納入單手模式手勢中。選擇性的選取高頻、重要操作，使單手手勢能夠完成主要功能。輕量級的界面布局總歸利于模式的高效切換。

3.2.3多模式并存。

在觸屏上除了僅具有單手手勢以外，在界面布局上可以兼顧其他操作手勢的視覺元素。諸如保留基本的單擊手勢，讓用戶可以通過單手手勢順暢操作的同時(shí)，也可以在其他的情況下，通過單擊等手勢進(jìn)行返回、選取、添加、刪除等多種操作，這就使得單手操作的手勢能夠始終進(jìn)行，也完全無需擔(dān)心切換操作模式時(shí)便捷與否的問題。

3.3全局性

從用戶操作手勢的最終目標(biāo)出發(fā)，需要將單手操作手勢盡量貫穿于整個手機(jī)操作之中。用戶操作目標(biāo)是通過完成系列相應(yīng)的活動和任務(wù)來實(shí)現(xiàn)的，設(shè)法保持單手手勢在整體操作流程中的貫穿和統(tǒng)一，才能徹底地通過單手手勢一步步完成最終目標(biāo)。如果僅讓用戶在開機(jī)界面或者系統(tǒng)層級可以單手手勢操作，而到了手機(jī)的一些原裝應(yīng)用中又不得不使用雙手的話，那很可能前功盡棄，讓其優(yōu)勢付諸東流。

交互手勢是當(dāng)今主流的人機(jī)交互方式之一。本人將通過持續(xù)關(guān)注用戶使用場景，心理、行為方式，涉獵相關(guān)學(xué)科知識，將交互手勢，尤其是單手手勢設(shè)計(jì)方式，逐步分析完善、總結(jié)至較為全面、系統(tǒng)的理論高度。從而在今后不斷發(fā)展的智能設(shè)備中，可以提供點(diǎn)滴參考依據(jù)，讓用戶操作方便高效，且身心愉悅地完成目標(biāo)。

參考文獻(xiàn)：

[1] Alan Cooper，等著. About Face 4-交互設(shè)計(jì)精髓[M].倪衛(wèi)國，等譯.電子工業(yè)出版社，2015.

[2]孫巖等. 基于人類行為學(xué)的觸屏手機(jī)手勢交互設(shè)計(jì)研究[J].包裝工程，2015.

[3]王中寶，任麗月，張宇紅.觸屏手機(jī)中手勢交互種類和設(shè)計(jì)原則的研究[J].硅谷，2012.

作者簡介：

梁磊磊/男/江蘇南通人/碩士/研究方向?yàn)楫a(chǎn)品系統(tǒng)設(shè)計(jì)