雖說這是更自然的一種人機(jī)交互方式，但是手勢(shì)操作在可用性上仍然是一個(gè)難題。因此我們就需要在設(shè)計(jì)上做出能讓用戶更容易的理解的手勢(shì)操作交互。

曾幾何時(shí)，計(jì)算機(jī)只能通過命令行界面來使用。想讓計(jì)算機(jī)做點(diǎn)什么，就需要記住各種命令，并準(zhǔn)確無誤地輸入。當(dāng)圖形用戶界面流行起來之后，人們不再需要去記憶命令了。

用戶想要做的事情都顯示在屏幕上。想要進(jìn)入某個(gè)軟件，只需雙擊圖標(biāo)，想要復(fù)制文件，只需右鍵單擊然后點(diǎn)擊復(fù)制?！坝洃洝敝饾u被“識(shí)別”所替代。

因?yàn)檫@些手勢(shì)操作不能明白的顯示在界面上，沒有代表動(dòng)作的可視元素，需要用戶記住哪種手勢(shì)對(duì)應(yīng)的是哪些操作，一些不常用的手勢(shì)操作往往很難發(fā)現(xiàn)。如果手勢(shì)直觀常用自然沒問題，而如果沒有“自然”的手勢(shì)去代表一個(gè)動(dòng)作，用戶就會(huì)感到困惑，于是便需要記憶，就像在使用命令行界面時(shí)要記住那些命令一樣。

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

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

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

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

如點(diǎn)擊操作，在生活中，人們就會(huì)通過點(diǎn)擊按壓來啟動(dòng)各種電器，看到界面中有類似的按鈕，也會(huì)自然的去點(diǎn)擊。在生活中，人們也會(huì)通過兩指旋轉(zhuǎn)，來改變物體的角度，通過拖拽物體的四角，來改變其形狀，通過滑動(dòng)或拖動(dòng)，改變其位置。就像Photo Table這個(gè)應(yīng)用中，對(duì)于圖片的操作方式完全來源于生活，用戶使用時(shí)就像在一張桌子上擺弄照片那樣，操作自然隨意，無需學(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ì)。使用更多的手指來關(guān)閉和切換應(yīng)用，也符合用戶的心理預(yù)期。

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

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

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

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

2、隨處可見的操作提示

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

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

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

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

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

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

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

3、多種操作方式并存

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

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

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

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

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

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

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

很多應(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。

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

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

原文鏈接：子木YoYo’blog