給你的手勢提供明確易懂的視覺反饋

在一個點擊或者手勢做完之后給予用戶視覺上的反饋，會讓用戶有自己動作即將達到自己預期效果的滿足感。但是，當用戶面對一個新的應用和相應新的手勢之時，視覺反饋就不僅僅只為了確認用戶動作而存在了，更承擔著明確告訴用戶這樣的手勢會帶來什么效果的重任。

反面例子：墨客是 一款第三方微博客戶端，用戶在墨客的主界面某一條微博的區(qū)域內完成從左到右的滑動手勢之后，會顯示上圖左側的效果，該條微博的區(qū)域會整體向右移動，并留出 一定的灰色空白，見上圖；反之從右向左滑動也會有微博區(qū)域向左移動并留出灰色空白的情況發(fā)生。如第一次下載并使用這款應用，用戶將無從知曉到底自己的這一 手勢將要觸發(fā)怎樣的效果。這樣的視覺反饋便喪失了初衷。

正面例子：同樣是一款第三方微博客戶端，同樣是某一條微博的區(qū)域內完成相同手勢，F(xiàn)uubo 這款應用帶來的視覺反饋就要相對明確，完成手勢之后會有灰色半圓出現(xiàn)，并且半圓中含有轉發(fā)或評論的小圖標，給了用戶明確的信息他的手勢即將帶來什么。

總結：為手勢的視覺反饋添加文字或圖標信息；文字或圖標信息要明確易懂。

為你的手勢準備過渡效果

過渡效果為手勢增加了可見的質感，提供給用戶可以注意到的變化過程。與此同時，過渡效果還為用戶提供了撤銷自己手勢的機會。

正面例子：上圖是愛范兒的 iOS 版客戶端，用戶在主界面中切換的時候，可以看到在進行向右滑動的同時，將要返回到的界面的左半部分逐漸顯露，這個過程中，用戶如果想要撤銷，可以將滑動的 手指向相反方向滑回，見上圖。這樣成功地通過過渡效果為用戶爭取了時間，用戶可以去決定到底是否要進行這一手勢操作。

反面例子：還是同一款應用，在點進某一篇文章后，文章正文和評論頁面之間的切換卻不見了過渡動畫的蹤影，手勢完成之后，硬梆梆的感覺讓用戶反感。

總結：

• 為手勢增加過渡動畫效果；
• 通過過渡效果為用戶提供撤銷手勢的選擇。

#p#

替換標準手勢時學會接近用戶期望

一旦用戶適應了某種東西，那么設計者很難再去改變用戶的習慣。對于手勢來說，有一些手勢已經(jīng)成了廣大智能手機用戶的標準手勢，比如在iphone手 機中的短信或者郵件頁面，向右滑動這一手勢會呼出刪除的選項，還比如在閱讀類應用中向右滑動這一手勢可以返回到上級界面。這些標準手勢意味著用戶在接觸新 應用和新應用帶來的新手勢的時候，會有和原來一樣的期望產(chǎn)生。

正面例子：Clear 這款應用中，任務項區(qū)域內向右滑動就可以將該項任務標記完成，并且該項任務會自動劃上橫線后下移到最低端。這樣的標記完成功效和標準手勢中刪除的功效非常相近，不會給用戶適應這一新手勢帶來什么成本，用戶也會覺得并沒有違背自身的期望，感覺舒適自然。

反面例子：Fuubo 這款應用中，當用戶進入微博正文的頁面后，習慣性地向右滑動，心中期待的是返回到主界面，但真正發(fā)生的卻是你進入了這條微博的上一條的正文界面。這樣做會讓用戶產(chǎn)生挫敗感和不適應，之后他沒準還會在下次的使用中再次重蹈覆轍，對你的應用的好感會逐步降低。

總結：用和標準手勢相近的手勢進行替換。

不要讓你的手勢觸發(fā)區(qū)域遠離拇指熱區(qū)

下拉和左右滑動是用戶使用頻率最高的幾個手勢，但作為設計者，從哪開始拉，從哪開始滑卻是一個值得去注意的問題，尤其在當下手機屏幕尺寸不斷增加的背景下，我們可愛的拇指的易觸及區(qū)域正在由原來的百分之三十左右逐漸減少。如同設計者需要將點擊目標放在拇指熱區(qū)中一樣，手勢觸發(fā)區(qū)域也應如此。

反面例子：上圖中左側的 Fuubo 的下拉返回觸發(fā)區(qū)域位于屏幕最上方的紅色區(qū)域內，區(qū)域較小且最關鍵的是位置過于靠上，遠離了拇指熱區(qū)。

正面例子：上圖中右側的隨享的下拉返回觸發(fā)熱區(qū)相對區(qū)域較大，且可以在屏幕中部的位置進行觸發(fā)，這一部分是用戶拇指喜歡的位置。

總結：手勢觸發(fā)區(qū)域放在拇指熱區(qū)中。

保持手勢在全局的通用程度

不要讓用戶在你的應用中適應了你創(chuàng)造的手勢后，卻又在你的應用中碰壁。

如果用戶喜愛你的手勢，覺得你的手勢達到了方便快捷的目的，并耗費學習成本掌握并適應了你的手勢，那么便意味著你成功了一半。另一半便是留住你的用戶，留住他喜愛你所創(chuàng)造的手勢的心。

正面例子：Fubbo 這款應用的下拉返回的手勢完全做到全局通用。

反面例子：新浪官方微博客戶端的向右滑動返回的手勢早已深入人心，被用戶所接受并習慣，但這個手勢并不是全局通 用，在點擊鏈接之后想要返回的時候失效了，在點開大圖之后想要返回的時候失效了。另一個例子是 Fuubo 這款應用所創(chuàng)造的微博正文頁面左右滑動從而上下翻微博的手勢，在主界面的微博正文里有效，在個人頁面的微博正文里卻行不通。

總結：保持關鍵手勢全局通用。