曾幾何時(shí)，計(jì)算機(jī)只能通過(guò)命令行界面來(lái)使用。想讓計(jì)算機(jī)做點(diǎn)什么，就需要記住各種命令，并準(zhǔn)確無(wú)誤地輸入。當(dāng)圖形用戶界面流行起來(lái)之后，人們不再需要去記憶命令了。用戶想要做的事情都顯示在屏幕上。想要進(jìn)入某個(gè)軟件，只需雙擊圖標(biāo)，想要復(fù)制文件，只需右鍵單擊然后點(diǎn)擊復(fù)制?！坝洃洝敝饾u被“識(shí)別”所替代。

當(dāng)智能手機(jī)、平板電腦普及后，手勢(shì)操作逐漸流行。用戶可以直接觸摸屏幕，對(duì)對(duì)象進(jìn)行操作。雖說(shuō)這是更自然的一種人機(jī)交互方式，但是人們也漸漸發(fā)現(xiàn)手勢(shì)操作在可用性上的一些問(wèn)題。因?yàn)檫@些手勢(shì)操作不能明白的顯示在界面上，沒(méi)有代表動(dòng)作的可視元素，需要用戶記住哪種手勢(shì)對(duì)應(yīng)的是哪些操作，一些不常用的手勢(shì)操作往往很難發(fā)現(xiàn)。如果手勢(shì)直觀常用自然沒(méi)問(wèn)題，而如果沒(méi)有“自然”的手勢(shì)去代表一個(gè)動(dòng)作，用戶就會(huì)感到困惑，于是便需要記憶，就像在使用命令行界面時(shí)要記住那些命令一樣。

例如在iPad上使用Pages，如果想要把一個(gè)對(duì)象以單像素為單位來(lái)移動(dòng)，用戶需要用一根手指觸碰并按住一個(gè)對(duì)象，然后用另一根手指在你想要移動(dòng)的方向上敲擊。幾乎沒(méi)有人會(huì)只通過(guò)使用就能發(fā)現(xiàn)這樣的手勢(shì)操作。又如Android上，常常需要長(zhǎng)按某個(gè)文件對(duì)其進(jìn)行編輯等操作，對(duì)于初次使用的用戶，這樣的操作也是很難發(fā)現(xiàn)的。

如何讓手勢(shì)操作易發(fā)現(xiàn)，也是交互設(shè)計(jì)師需要考慮的問(wèn)題。下面通過(guò)實(shí)例來(lái)總結(jié)幾種讓手勢(shì)操作易發(fā)現(xiàn)的方法，分享給大家。

1、符合認(rèn)知習(xí)慣的操作方式

放假回家給外公看iPad上的照片，他看我操作一次后，便會(huì)自然的左右滑動(dòng)翻看，兩指捏合展開(kāi)放大縮小圖片。因?yàn)檫@些操作方式是最符合人們認(rèn)知習(xí)慣的，滑動(dòng)、縮放、拖拽、點(diǎn)擊等手勢(shì)，人們?cè)谌粘Ｉ钪芯陀袘?yīng)用，自然好用易學(xué)，就算是老年人，只要看到過(guò)一次這樣的操作，也可以輕松上手。

人們?cè)谌粘Ｉ钪袑?duì)事物的認(rèn)知都已經(jīng)形成了習(xí)慣，如果設(shè)計(jì)師可以將現(xiàn)實(shí)生活中的手勢(shì)操作方式引入到產(chǎn)品中，讓用戶在使用時(shí)可以聯(lián)想到在生活中，也見(jiàn)到過(guò)同樣的場(chǎng)景、會(huì)有同樣的使用方式，可以將相同的經(jīng)驗(yàn)延伸到界面中，那么這樣的操作方式自然是易發(fā)現(xiàn)的。

如點(diǎn)擊操作，在生活中，人們就會(huì)通過(guò)點(diǎn)擊按壓來(lái)啟動(dòng)各種電器，看到界面中有類(lèi)似的按鈕，也會(huì)自然的去點(diǎn)擊。在生活中，人們也會(huì)通過(guò)兩指旋轉(zhuǎn)，來(lái)改變物體的角度，通過(guò)拖拽物體的四角，來(lái)改變其形狀，通過(guò)滑動(dòng)或拖動(dòng)，改變其位置。就像Photo Table這個(gè)應(yīng)用中，對(duì)于圖片的操作方式完全來(lái)源于生活，用戶使用時(shí)就像在一張桌子上擺弄照片那樣，操作自然隨意，無(wú)需學(xué)習(xí)就能使用。

用戶已經(jīng)習(xí)慣了使用兩指捏合縮小或關(guān)閉圖片，單指左右滑動(dòng)切換圖片，那么使用力度更強(qiáng)捏合手勢(shì)是不是可以縮小或關(guān)閉應(yīng)用呢？使用力度更強(qiáng)的滑動(dòng)手勢(shì)是不是可以左右切換應(yīng)用呢？是的，iOS5中的多任務(wù)手勢(shì)操作就增加了五指捏合返回主屏幕和四指滑動(dòng)切換應(yīng)用軟件的手勢(shì)。使用更多的手指來(lái)關(guān)閉和切換應(yīng)用，也符合用戶的心理預(yù)期。

張小龍?jiān)谥跎险劦轿⑿诺捏w驗(yàn)時(shí)說(shuō)過(guò)這樣一段話：

自然往往和人的本性相關(guān)。微信的搖一搖是個(gè)以“自然”為目標(biāo)的設(shè)計(jì)?！白ノ铡?，“搖晃”，是人在遠(yuǎn)古時(shí)代沒(méi)有工具時(shí)必須具備的本能。手機(jī)提供了激發(fā)人類(lèi)這項(xiàng)遠(yuǎn)古本能的條件。設(shè)計(jì)“搖一搖”時(shí)，目標(biāo)是和人的“自然”或者說(shuō)“本能”動(dòng)作體驗(yàn)做到一致。搖一搖的體驗(yàn)包括：動(dòng)作 – 搖動(dòng)；視覺(jué) – 屏幕裂開(kāi)并合上來(lái)響應(yīng)動(dòng)作； 聽(tīng)覺(jué)：有吸引力（男性是來(lái)福槍，女性是鈴鐺）的聲音來(lái)響應(yīng)動(dòng)作；結(jié)果 – 從屏幕中央滑下的一張名片。整個(gè)界面沒(méi)有菜單和按鈕。但幾乎沒(méi)有比它更簡(jiǎn)單的交互體驗(yàn)了。感謝手機(jī)，讓遠(yuǎn)古時(shí)代人們通過(guò)投擲石頭來(lái)“連接”到其他人，進(jìn)化到搖動(dòng)手機(jī)來(lái)虛擬地“連接”人。

“搖一搖”本就是人類(lèi)的一種本能動(dòng)作，連襁褓中的嬰兒也會(huì)經(jīng)常拿著小玩具搖來(lái)?yè)u去，也難怪各種青年男女使用起來(lái)那么順手了。

可以看出，一種符合人類(lèi)本能的操作方式，帶給產(chǎn)品的魅力。

2、隨處可見(jiàn)的操作提示

前面說(shuō)過(guò)，手勢(shì)操作不易發(fā)現(xiàn)的原因是界面上沒(méi)有代表動(dòng)作的可視元素，那么在界面上增加相應(yīng)的提示，在人們不知所措時(shí)，告訴用戶該怎樣操作，就可以極大的提高手勢(shì)操作的可用性。

最近很喜歡玩斗地主，在開(kāi)始玩的時(shí)候經(jīng)常會(huì)浮出這樣的提示： “滑動(dòng)連選多張牌”、“向上拖動(dòng)直接出牌”。在用戶開(kāi)始使用時(shí)，提示操作方法。

再來(lái)看看我們每天都在刷的新浪微博、網(wǎng)易新聞，也會(huì)及時(shí)的提示：“下拉可以刷新”、“松開(kāi)可以刷新”。

iOS5中的鍵盤(pán)輸入可以選擇底部鍵盤(pán)、浮動(dòng)鍵盤(pán)和拆分鍵盤(pán)，仔細(xì)觀察鍵盤(pán)便會(huì)發(fā)現(xiàn)左下角的按鍵上有幾個(gè)小橫杠，這就是切換鍵盤(pán)的地方。這個(gè)標(biāo)識(shí)為了整體視覺(jué)的簡(jiǎn)約做得很不明顯，不過(guò)想要切換鍵盤(pán)的用戶自然會(huì)仔細(xì)的去找切換入口，便可以發(fā)現(xiàn)這個(gè)提示。

Any.Do則是在空狀態(tài)下，將手勢(shì)操作的方式寫(xiě)在待辦事項(xiàng)里，告訴用戶該怎樣操作，用戶知道后可以將其刪除。

Metro通過(guò)留下不完整信息的方式，提示用戶可以向左滑動(dòng)屏幕，右側(cè)還有沒(méi)有顯示完全的信息。

更多的應(yīng)用，則會(huì)通過(guò)閃動(dòng)箭頭的方式提示用戶，哪里可以滑動(dòng)，哪里可以點(diǎn)擊。

3、多種操作方式并存?

在應(yīng)用中引入多種多樣的手勢(shì)操作，一是為了方便用戶可以更快捷的操作，二是可以增加使用中的流暢感，使用戶用起來(lái)更爽。那就不妨在引入多種手勢(shì)操作的同時(shí)，保留最基本的點(diǎn)擊操作方式，讓兩種操作方式并存。初級(jí)用戶可以通過(guò)點(diǎn)擊可視化的按鈕進(jìn)行操作，高級(jí)用戶可以通過(guò)更快捷流暢的手勢(shì)操作來(lái)完成使用。隱藏的手勢(shì)作為輔助操作的快捷方式，既滿足了高級(jí)用戶用起來(lái)很爽的需求，也不會(huì)讓初級(jí)用戶不知所措。

如iPad中自帶的照片應(yīng)用，高級(jí)用戶可以通過(guò)縮放的手勢(shì)在照片和相簿之間熟練的進(jìn)行切換，不知道這個(gè)操作的用戶也沒(méi)關(guān)系，可以通過(guò)點(diǎn)擊相冊(cè)和點(diǎn)擊返回相簿的按鈕，來(lái)進(jìn)行操作。

Path可以通過(guò)左右滑動(dòng)，在三屏間進(jìn)行切換，當(dāng)然，不知道的用戶也可以通過(guò)點(diǎn)擊主界面左右的按鈕來(lái)切換。

Any.Do是一款非常高效簡(jiǎn)潔的todo應(yīng)用，很多手勢(shì)操作用起來(lái)都非常暢快。用戶可以通過(guò)下拉頁(yè)面添加新任務(wù)，下拉頁(yè)面并停住添加語(yǔ)音任務(wù)，晃動(dòng)手機(jī)清除已完成任務(wù)。但如果你一個(gè)手勢(shì)操作都不會(huì)使用也沒(méi)關(guān)系，初級(jí)用戶可以通過(guò)點(diǎn)擊“加號(hào)”來(lái)添加新任務(wù)，點(diǎn)擊“話筒”來(lái)添加語(yǔ)音任務(wù)，點(diǎn)擊“叉號(hào)”來(lái)清除已完成任務(wù)，照樣可以使用自如。

引入多種多樣的手勢(shì)操作是錦上添花，為了可以讓用戶有更好的體驗(yàn)。所以設(shè)計(jì)師要為了使用而設(shè)計(jì)，不能為了設(shè)計(jì)而設(shè)計(jì)，錦上添花萬(wàn)萬(wàn)不能以影響基本操作為代價(jià)。

4、新手引導(dǎo)和幫助

如果你的應(yīng)用實(shí)在復(fù)雜，以上方法都沒(méi)辦法讓用戶完全了解它的手勢(shì)操作，那就只有通過(guò)新手引導(dǎo)和幫助來(lái)手把手的教用戶了。

很多應(yīng)用都會(huì)在初次使用時(shí)，用半透明標(biāo)注的方式提示用戶，快速且可視化的向用戶展示應(yīng)用的主要功能和手勢(shì)操作方式。如圖片處理軟件Snapseed。

有些應(yīng)用也會(huì)把新手引導(dǎo)做成視頻演示，可以動(dòng)態(tài)的展示應(yīng)用的實(shí)際操作，再配以語(yǔ)音講解，用戶可以快速有效的知道應(yīng)用的操作方法。如Any.Do。

如果是很久沒(méi)有使用的軟件，看不到新手引導(dǎo)，又忘記怎樣操作該怎么辦呢？應(yīng)用中的“使用幫助”可以在任何時(shí)候告訴你該怎樣做。這種幫助常見(jiàn)于手勢(shì)操作比較復(fù)雜的應(yīng)用，如SketchBook。

以上就是總結(jié)的幾種讓手勢(shì)操作易發(fā)現(xiàn)的方法，歡迎大家拍磚指教~~

來(lái)源：http://www.leeyue1007.com/