移動(dòng)終端交互設(shè)計(jì)中手勢(shì)設(shè)計(jì)原則初探

摘 要：本文通過對(duì)移動(dòng)終端上各種手勢(shì)操作的分析，找出各類移動(dòng)終端上手勢(shì)設(shè)計(jì)的異同，并分析其優(yōu)缺點(diǎn)，找到目前移動(dòng)終端手勢(shì)設(shè)計(jì)所存在的問題，在充分考慮用戶需求及用戶體驗(yàn)效果的前提下，提出移動(dòng)終端交互設(shè)計(jì)中手勢(shì)設(shè)計(jì)的幾點(diǎn)原則。

關(guān)鍵詞：移動(dòng)終端；交互設(shè)計(jì)；手勢(shì)；需求；原則

觸摸屏的出現(xiàn)給移動(dòng)終端帶來(lái)了一次巨大的改革，現(xiàn)如今大部分的移動(dòng)終端，例如手機(jī)，平板電腦，都使用的是觸摸屏。隨之而來(lái)的是在觸摸屏上的操作方式給產(chǎn)品的交互設(shè)計(jì)同樣帶來(lái)了一次巨大的改革，設(shè)計(jì)師們研究的不再是簡(jiǎn)單的怎樣使移動(dòng)終端的按鍵更加舒服，而是在沒有按鍵的觸摸屏上用怎樣的手勢(shì)操作使產(chǎn)品的使用更加簡(jiǎn)捷，使產(chǎn)品帶來(lái)的用戶體驗(yàn)更加豐富。于是產(chǎn)品交互設(shè)計(jì)中的手勢(shì)設(shè)計(jì)則變得越來(lái)越重要，提出手勢(shì)設(shè)計(jì)的原則也成為了趨勢(shì)。

手勢(shì)是指人類用語(yǔ)言中樞建立起來(lái)的一套用手掌和手指位置、形狀的特定的語(yǔ)言系統(tǒng)。而移動(dòng)終端中的手勢(shì)是指，將一系列多點(diǎn)觸控事件綜合成為一個(gè)單獨(dú)的事件。

一 手勢(shì)操作的優(yōu)勢(shì)

（1）直覺化

手勢(shì)操作是將需要操作的界面直接展現(xiàn)在用戶眼前，而操作過程也是用戶直接觸控操作界面完成，而不需要通過鍵盤，按鈕等其他中間過程去完成操作過程，這樣帶來(lái)的用戶體驗(yàn)是鍵盤和按鈕無(wú)法達(dá)到的。好的手勢(shì)設(shè)計(jì)是在生活體驗(yàn)中提煉總結(jié)出來(lái)的，這樣用于產(chǎn)品上對(duì)于用戶來(lái)說(shuō)更容易理解，在使用的學(xué)習(xí)過程中成本更低，效果更加顯著。

（2）快捷高效

手勢(shì)操作避免了以往移動(dòng)終端上需要用導(dǎo)航鍵來(lái)引導(dǎo)需要操作的位置，而變成了用戶需要操作顯示界面上的任何位置都可以通過直接的觸控動(dòng)作完成，這樣不僅節(jié)省了用戶操作所需的必要時(shí)間也減少了因?yàn)閷?dǎo)航不清晰所帶來(lái)的操作不必要時(shí)間，而且減少了操作帶來(lái)的失誤。

二 手勢(shì)的分類

（1）按操作的形式分類

手勢(shì)按操作的形式分可以分為簡(jiǎn)單手勢(shì)、復(fù)雜手勢(shì)、通用手勢(shì)。簡(jiǎn)單手勢(shì)例如單次點(diǎn)擊、兩次點(diǎn)擊、滑動(dòng)、長(zhǎng)按等。這些手勢(shì)都可以用一個(gè)手指在一次動(dòng)作內(nèi)完成，操作時(shí)簡(jiǎn)單易學(xué)，且操作快捷。復(fù)雜手勢(shì)例如放大縮小、旋轉(zhuǎn)等，這些手勢(shì)多數(shù)需要多個(gè)手指甚至雙手合作經(jīng)過一次或多次完成。通用手勢(shì)例如滑動(dòng)、放大縮小等在不同移動(dòng)終端上不同的平臺(tái)上大多都采用同一種操作手勢(shì)。

（2）按操作的過程分類

手勢(shì)按操作的過程分可以分為基于導(dǎo)航的手勢(shì)、基于對(duì)象的手勢(shì)、繪制類手勢(shì)?；趯?dǎo)航的手勢(shì)例如選項(xiàng)的上下翻動(dòng)、頁(yè)面的左右上下翻動(dòng)等，用來(lái)代替導(dǎo)航鍵的手勢(shì)?；趯?duì)象的手勢(shì)例如圖片的放大縮小旋轉(zhuǎn)、應(yīng)用程序的打開、文件的拖拽等作用于產(chǎn)品上各種對(duì)象的手勢(shì)。繪制類手勢(shì)例如文字符號(hào)輸入時(shí)的書寫手勢(shì)等。

三 手勢(shì)在平臺(tái)上的異同

上表為幾種常用的手勢(shì)在目前移動(dòng)終端上較為流行的幾大平臺(tái)上所得出的結(jié)果，“√”表示與第一個(gè)得到的結(jié)果相同，“—”表示此種手勢(shì)在該系統(tǒng)上無(wú)相對(duì)反應(yīng)。

通用手勢(shì)能被廣泛運(yùn)用是源于對(duì)心理模型的匹配，以及大眾對(duì)于先入為主的接受度。基本通用的或者其他的手勢(shì)可發(fā)展，需要遵循設(shè)計(jì)原則，需要注意的是，手勢(shì)并不是孤立的，而是在對(duì)象上觸發(fā)的。較復(fù)雜的手勢(shì)多用于大屏幕、某些特殊場(chǎng)景下（如ipad的三手指拖動(dòng)及放大）。大部分尚停留在概念和探索階段。

四 手勢(shì)操作引發(fā)的問題

（1）操作的不可見性

通常在手勢(shì)操作過程中遇到的最常見的問題可以歸納為這三個(gè)：可否操作？如何操作？結(jié)果如何？例如在iphone的郵件和備忘錄上可以左右滑動(dòng)刪除該項(xiàng)目，而在其他一些應(yīng)用條目上此種手勢(shì)卻不產(chǎn)生效果，這樣用戶無(wú)法預(yù)期到該手勢(shì)是否可用，如果可用該用何種手勢(shì)，該手勢(shì)會(huì)對(duì)操作對(duì)象產(chǎn)生何種結(jié)果。這樣的問題對(duì)操作的易用性以及用戶體驗(yàn)的豐富程度都會(huì)造成一定的影響從而影響產(chǎn)品的可使用度。

（2）缺少統(tǒng)一的規(guī)范和設(shè)計(jì)準(zhǔn)則

由表3-1可以看出，雖然各個(gè)平臺(tái)的手勢(shì)設(shè)計(jì)有想通的地方即通用手勢(shì)，但仍然有一部分是各個(gè)平臺(tái)所獨(dú)有的操作或者平臺(tái)有其自身的手勢(shì)規(guī)范，這樣對(duì)于跨平臺(tái)使用的用戶在未對(duì)平臺(tái)手勢(shì)進(jìn)行深入了解的情況下容易進(jìn)行誤操作。

（3）缺少反饋

用戶在進(jìn)行手勢(shì)操作的過程中無(wú)法獲得操作是否在進(jìn)行、手勢(shì)是否到位、操作是否已完成的認(rèn)知，這取決于移動(dòng)終端所使用的平臺(tái)缺少對(duì)用戶提供有效的反饋。

五 手勢(shì)設(shè)計(jì)應(yīng)遵循的原則

（1）提供真正的便利，而非多一種操作方式

手勢(shì)操作的目的在于：簡(jiǎn)化用戶操作，方便快速完成任務(wù)。因此設(shè)計(jì)師在對(duì)移動(dòng)終端上手勢(shì)進(jìn)行設(shè)計(jì)的時(shí)候應(yīng)當(dāng)從用戶需求及用戶體驗(yàn)的角度，考慮到產(chǎn)品使用者在使用產(chǎn)品時(shí)的操作便利，而不是簡(jiǎn)單的換一種操作方式而沒有減輕使用者的操作負(fù)擔(dān)。就像那一句名言；給我一把鋸，而非另一把刀。

（2）提供有效的反饋

有些手勢(shì)在操作過程中缺乏足夠的反饋，導(dǎo)致使用者無(wú)法清晰的辨別出操作是否正在經(jīng)行，操作是否到位，操作是否完成。針對(duì)這樣的問題設(shè)計(jì)師應(yīng)當(dāng)從視覺觸覺等多個(gè)角度提供給操作者以有效的操作反饋，能讓操作輕松的認(rèn)識(shí)到操作自己操作的整個(gè)過程而不會(huì)產(chǎn)生疑惑。

（3）不增加認(rèn)知負(fù)擔(dān)和選擇成本

在設(shè)計(jì)實(shí)踐的過程中難免會(huì)遇到多個(gè)方案難以抉擇的時(shí)候，這時(shí)候設(shè)計(jì)師應(yīng)該做的不是給用戶提供多種選擇，而是應(yīng)該通過調(diào)研測(cè)試選擇其中最合理的方案用于產(chǎn)品上，避免類似的操作讓用戶去選擇，因?yàn)槎鄠€(gè)選擇會(huì)給用戶帶來(lái)認(rèn)知的負(fù)擔(dān)以及判斷、選擇的成本，雖然用戶選擇的過程十分短暫。

六 小結(jié)

手勢(shì)操作已經(jīng)成為移動(dòng)終端設(shè)備操作的重要部分，也是未來(lái)設(shè)計(jì)的發(fā)展趨勢(shì)，在越來(lái)越注重用戶體驗(yàn)的現(xiàn)代社會(huì)，如何使用戶更加快捷、方便的使用設(shè)備將是設(shè)計(jì)師們首要考慮問題。相信通過一批批的優(yōu)秀設(shè)計(jì)師們不斷總結(jié)積累，手勢(shì)設(shè)計(jì)一定會(huì)有其真正變成無(wú)可取代的一天。

參考文獻(xiàn)：

[1] 《移動(dòng)終端手勢(shì)設(shè)計(jì)研究》，鐘磊，www.kevinzhong.com

[2] 原研哉.設(shè)計(jì)中的設(shè)計(jì)[M].朱鍔，譯.濟(jì)南：山東人民出版社，2006.

[3] 許懋琦.基于交互設(shè)計(jì)的情感化產(chǎn)品設(shè)計(jì)[J].美與時(shí)代，2009（11）：62.