單手手勢(shì)交互設(shè)計(jì)分析范文

本站小編為你精心準(zhǔn)備了單手手勢(shì)交互設(shè)計(jì)分析參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

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

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

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

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

1.1觸控手勢(shì)

1.1.1單手指：點(diǎn)擊：最常用的手勢(shì)。一般用于選取菜單、按鈕、數(shù)字鍵盤等；滑動(dòng)：實(shí)現(xiàn)的功能相對(duì)較多，可以用于多個(gè)物體的同時(shí)選取。豎直滑動(dòng)一般用于屏幕更多內(nèi)容的加載或刷新。水平滑動(dòng)一般用于導(dǎo)航、頁(yè)面、模式的換轉(zhuǎn)，或者作為二級(jí)動(dòng)作的觸發(fā)手勢(shì)，出現(xiàn)刪除或其他功能按鈕以及隱藏的操作等；雙擊：一般用以放大、縮小局部?jī)?nèi)容，常用于圖片或地圖等工具；長(zhǎng)按：保持一段時(shí)間的輕觸，實(shí)現(xiàn)比如放大鏡，文本的拷貝等編輯，刪除等二級(jí)動(dòng)作的觸發(fā)；拖拽：一般用于拖拽物的位移，使其到達(dá)特定區(qū)域從而實(shí)現(xiàn)目標(biāo)。或者用于如音量條、滾動(dòng)條等控件的調(diào)節(jié)；3Dtouch:作為IOS特有的功能，它不同于長(zhǎng)按（時(shí)間維度），是在新增加的“力度”維度上，通過(guò)“用力”點(diǎn)擊來(lái)實(shí)現(xiàn)。一般用于進(jìn)入應(yīng)用高頻率的深層次功能，諸如直接打開社交軟件的更新動(dòng)態(tài)功能。

1.1.2多手指：縮放：通過(guò)雙手指的張開或合攏動(dòng)作，實(shí)現(xiàn)界面內(nèi)目標(biāo)物的縮小、放大；旋轉(zhuǎn)：以雙指旋轉(zhuǎn)，實(shí)現(xiàn)對(duì)應(yīng)角度的操作對(duì)象的旋轉(zhuǎn)；多指滑動(dòng)：較少地運(yùn)用于一些設(shè)計(jì)方自定義的操作，比如滾動(dòng)截屏等。

1.2筆畫手勢(shì)

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

1.3手指以外的手勢(shì)操作

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

2單手操作的需求簡(jiǎn)析

以iPhone為例，從2013年iPhone5代在國(guó)內(nèi)，發(fā)展至當(dāng)前的最新產(chǎn)品iPhone7Plus，手機(jī)界面的尺寸從4英寸發(fā)展至如今的5.5英寸，還不包括界面以外的硬件尺寸。越來(lái)越大的觸摸屏使用戶在很多情況下必須使用雙手才能夠安全拿起并高效操作手機(jī)。在實(shí)際的使用場(chǎng)景中，用戶不可能總處于專一、穩(wěn)定的環(huán)境下進(jìn)行手機(jī)的使用。更多的是多任務(wù)同時(shí)進(jìn)行，注意力容易被打擾、分散、中斷，另一只手被其他事物占據(jù)，周圍操作環(huán)境不友好等實(shí)際的使用場(chǎng)景。這些使用場(chǎng)景都不支持用戶雙手去操作手機(jī)。資深交互設(shè)計(jì)師StevenaHoober在數(shù)千人真實(shí)使用場(chǎng)景的2個(gè)月調(diào)研中得出結(jié)論：49%的用戶單手操作，僅15%的用戶為雙手操作，其余為一只手操作，另一只手做輔助握拿。并且，用戶頻繁變換操作姿勢(shì)和手勢(shì)。應(yīng)用市場(chǎng)上，輔助單手操作的應(yīng)用為數(shù)眾多。其中諸如安卓系統(tǒng)的“單手劃劃”應(yīng)用，通過(guò)斜滑動(dòng)來(lái)開啟單手操作模式，將手機(jī)應(yīng)用、設(shè)置等全部置于一個(gè)合理布局的菜單中，讓用戶能夠單手完成大部分手機(jī)高頻操作。截止至目前，在GooglePlay上全球下載量已經(jīng)過(guò)億，用戶評(píng)論數(shù)量超過(guò)304萬(wàn)，評(píng)級(jí)為4.5分的高分。這充分說(shuō)明觸屏手機(jī)單手操作模式及手勢(shì)存在較大的市場(chǎng)需求。

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

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

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

單手操作手勢(shì)，在越來(lái)越大的觸屏上存在較大的難以觸及的區(qū)域。考慮主要的單手操作下拇指的使用，以右手為例，則屏幕的左上方、上方、右下角落為難以點(diǎn)擊的地方，在交互原型設(shè)計(jì)的初期，界面布局就應(yīng)當(dāng)有所考慮，將重要按鍵、主要菜單等置于拇指易操作的區(qū)域，同時(shí)將一些低頻率、“危險(xiǎn)性”的按鈕或功能置于上述的難操作區(qū)域。并且考慮左右單手的不同，使布局能夠盡量適配兩種手勢(shì)。在操作區(qū)域有限或者元素眾多等情況下，可能存在不能按此合理布局的情形。此時(shí)可以適當(dāng)考慮將視覺元素與手勢(shì)的實(shí)際點(diǎn)擊熱區(qū)相脫離，并配以及時(shí)的反饋。即在不影響視覺的前提下，適當(dāng)增大或減小視覺按鍵的實(shí)際有效觸控區(qū)域，調(diào)整與拇指舒適活動(dòng)區(qū)域的重合性，從而提高操作效率或減低誤操作的風(fēng)險(xiǎn)。這對(duì)于單手手勢(shì)的使用場(chǎng)景而言更具有實(shí)際意義。

3.2高效率切換模式

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

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

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

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

3.3全局性

從用戶操作手勢(shì)的最終目標(biāo)出發(fā)，需要將單手操作手勢(shì)盡量貫穿于整個(gè)手機(jī)操作之中。用戶操作目標(biāo)是通過(guò)完成系列相應(yīng)的活動(dòng)和任務(wù)來(lái)實(shí)現(xiàn)的，設(shè)法保持單手手勢(shì)在整體操作流程中的貫穿和統(tǒng)一，才能徹底地通過(guò)單手手勢(shì)一步步完成最終目標(biāo)。如果僅讓用戶在開機(jī)界面或者系統(tǒng)層級(jí)可以單手手勢(shì)操作，而到了手機(jī)的一些原裝應(yīng)用中又不得不使用雙手的話，那很可能前功盡棄，讓其優(yōu)勢(shì)付諸東流。交互手勢(shì)是當(dāng)今主流的人機(jī)交互方式之一。本人將通過(guò)持續(xù)關(guān)注用戶使用場(chǎng)景，心理、行為方式，涉獵相關(guān)學(xué)科知識(shí)，將交互手勢(shì)，尤其是單手手勢(shì)設(shè)計(jì)方式，逐步分析完善、總結(jié)至較為全面、系統(tǒng)的理論高度。從而在今后不斷發(fā)展的智能設(shè)備中，可以提供點(diǎn)滴參考依據(jù)，讓用戶操作方便高效，且身心愉悅地完成目標(biāo)。

參考文獻(xiàn)：

[1]AlanCooper,等著.AboutFace4-交互設(shè)計(jì)精髓[M].倪衛(wèi)國(guó),等譯.電子工業(yè)出版社,2015.

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

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

作者：梁磊磊