設計容易讓用戶發現的手勢操作

0 評論 12359 瀏覽 2 收藏 13 分鐘

曾幾何時,計算機只能通過命令行界面來使用。想讓計算機做點什么,就需要記住各種命令,并準確無誤地輸入。當圖形用戶界面流行起來之后,人們不再需要去記憶命令了。用戶想要做的事情都顯示在屏幕上。想要進入某個軟件,只需雙擊圖標,想要復制文件,只需右鍵單擊然后點擊復制?!坝洃洝敝饾u被“識別”所替代。

當智能手機、平板電腦普及后,手勢操作逐漸流行。用戶可以直接觸摸屏幕,對對象進行操作。雖說這是更自然的一種人機交互方式,但是人們也漸漸發現手勢操作在可用性上的一些問題。因為這些手勢操作不能明白的顯示在界面上,沒有代表動作的可視元素,需要用戶記住哪種手勢對應的是哪些操作,一些不常用的手勢操作往往很難發現。如果手勢直觀常用自然沒問題,而如果沒有“自然”的手勢去代表一個動作,用戶就會感到困惑,于是便需要記憶,就像在使用命令行界面時要記住那些命令一樣。

 

例如在iPad上使用Pages,如果想要把一個對象以單像素為單位來移動,用戶需要用一根手指觸碰并按住一個對象,然后用另一根手指在你想要移動的方向上敲擊。幾乎沒有人會只通過使用就能發現這樣的手勢操作。又如Android上,常常需要長按某個文件對其進行編輯等操作,對于初次使用的用戶,這樣的操作也是很難發現的。

如何讓手勢操作易發現,也是交互設計師需要考慮的問題。下面通過實例來總結幾種讓手勢操作易發現的方法,分享給大家。

1、符合認知習慣的操作方式

放假回家給外公看iPad上的照片,他看我操作一次后,便會自然的左右滑動翻看,兩指捏合展開放大縮小圖片。因為這些操作方式是最符合人們認知習慣的,滑動、縮放、拖拽、點擊等手勢,人們在日常生活中就有應用,自然好用易學,就算是老年人,只要看到過一次這樣的操作,也可以輕松上手。

人們在日常生活中對事物的認知都已經形成了習慣,如果設計師可以將現實生活中的手勢操作方式引入到產品中,讓用戶在使用時可以聯想到在生活中,也見到過同樣的場景、會有同樣的使用方式,可以將相同的經驗延伸到界面中,那么這樣的操作方式自然是易發現的。

如點擊操作,在生活中,人們就會通過點擊按壓來啟動各種電器,看到界面中有類似的按鈕,也會自然的去點擊。在生活中,人們也會通過兩指旋轉,來改變物體的角度,通過拖拽物體的四角,來改變其形狀,通過滑動或拖動,改變其位置。就像Photo Table這個應用中,對于圖片的操作方式完全來源于生活,用戶使用時就像在一張桌子上擺弄照片那樣,操作自然隨意,無需學習就能使用。

13

用戶已經習慣了使用兩指捏合縮小或關閉圖片,單指左右滑動切換圖片,那么使用力度更強捏合手勢是不是可以縮小或關閉應用呢?使用力度更強的滑動手勢是不是可以左右切換應用呢?是的,iOS5中的多任務手勢操作就增加了五指捏合返回主屏幕和四指滑動切換應用軟件的手勢。使用更多的手指來關閉和切換應用,也符合用戶的心理預期。

6

張小龍在知乎上談到微信的體驗時說過這樣一段話:

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

“搖一搖”本就是人類的一種本能動作,連襁褓中的嬰兒也會經常拿著小玩具搖來搖去,也難怪各種青年男女使用起來那么順手了。

可以看出,一種符合人類本能的操作方式,帶給產品的魅力。

2、隨處可見的操作提示

前面說過,手勢操作不易發現的原因是界面上沒有代表動作的可視元素,那么在界面上增加相應的提示,在人們不知所措時,告訴用戶該怎樣操作,就可以極大的提高手勢操作的可用性。

最近很喜歡玩斗地主,在開始玩的時候經常會浮出這樣的提示: “滑動連選多張牌”、“向上拖動直接出牌”。在用戶開始使用時,提示操作方法。

21

再來看看我們每天都在刷的新浪微博、網易新聞,也會及時的提示:“下拉可以刷新”、“松開可以刷新”。

31

iOS5中的鍵盤輸入可以選擇底部鍵盤、浮動鍵盤和拆分鍵盤,仔細觀察鍵盤便會發現左下角的按鍵上有幾個小橫杠,這就是切換鍵盤的地方。這個標識為了整體視覺的簡約做得很不明顯,不過想要切換鍵盤的用戶自然會仔細的去找切換入口,便可以發現這個提示。

4

Any.Do則是在空狀態下,將手勢操作的方式寫在待辦事項里,告訴用戶該怎樣操作,用戶知道后可以將其刪除。

5

Metro通過留下不完整信息的方式,提示用戶可以向左滑動屏幕,右側還有沒有顯示完全的信息。

7

更多的應用,則會通過閃動箭頭的方式提示用戶,哪里可以滑動,哪里可以點擊。

8

3、多種操作方式并存?

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

如iPad中自帶的照片應用,高級用戶可以通過縮放的手勢在照片和相簿之間熟練的進行切換,不知道這個操作的用戶也沒關系,可以通過點擊相冊和點擊返回相簿的按鈕,來進行操作。

9

Path可以通過左右滑動,在三屏間進行切換,當然,不知道的用戶也可以通過點擊主界面左右的按鈕來切換。

10

Any.Do是一款非常高效簡潔的todo應用,很多手勢操作用起來都非常暢快。用戶可以通過下拉頁面添加新任務,下拉頁面并停住添加語音任務,晃動手機清除已完成任務。但如果你一個手勢操作都不會使用也沒關系,初級用戶可以通過點擊“加號”來添加新任務,點擊“話筒”來添加語音任務,點擊“叉號”來清除已完成任務,照樣可以使用自如。

111

引入多種多樣的手勢操作是錦上添花,為了可以讓用戶有更好的體驗。所以設計師要為了使用而設計,不能為了設計而設計,錦上添花萬萬不能以影響基本操作為代價。

4、新手引導和幫助

如果你的應用實在復雜,以上方法都沒辦法讓用戶完全了解它的手勢操作,那就只有通過新手引導和幫助來手把手的教用戶了。

很多應用都會在初次使用時,用半透明標注的方式提示用戶,快速且可視化的向用戶展示應用的主要功能和手勢操作方式。如圖片處理軟件Snapseed。

131

有些應用也會把新手引導做成視頻演示,可以動態的展示應用的實際操作,再配以語音講解,用戶可以快速有效的知道應用的操作方法。如Any.Do。

14

如果是很久沒有使用的軟件,看不到新手引導,又忘記怎樣操作該怎么辦呢?應用中的“使用幫助”可以在任何時候告訴你該怎樣做。這種幫助常見于手勢操作比較復雜的應用,如SketchBook。

121

以上就是總結的幾種讓手勢操作易發現的方法,歡迎大家拍磚指教~~

來源:http://www.leeyue1007.com/

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!