一種強大的交互模式:應用內(nèi)的手勢

0 評論 11983 瀏覽 34 收藏 8 分鐘

手勢是一種強大的交互模式嗎?是的,移動設備已經(jīng)從一塊磚頭發(fā)展成由手指驅(qū)動的復雜計算機了。觸摸和手勢交互具有很大的潛力,使得移動體驗更加的輕松和有趣。

還記得鼠標作為最常用的觸發(fā)器在網(wǎng)站及應用上懸浮和點擊的時光嗎?那些日子一去不復返了。蘋果公司推出iPhone后,多點觸控技術(shù)成為了主流,用戶了解到他們不只是能在界面點擊而且還可以用手捏合、滑動、橫掃。手勢成為了新的點擊。

觸摸和手勢驅(qū)動設備的興起,極大的改變了我們思考交互的方式。手勢不僅是好玩,而且也非常有用和自然。今天,移動應用的成功很大程度上也取決于構(gòu)建體驗的手勢有多么的好用。甚至Adobe公司還推出了一個新的設計線框圖的程序,Adobe XD,支持你從把一切構(gòu)建成簡單的線框圖原型和多屏幕體驗。你可以免費下載和體驗下Adobe XD。

手勢驅(qū)動用戶界面的力量

手勢控制如此的自然和直接是因為它們類似于與真實對象的交互。在按鈕上使用手勢有三個主要原因:

  1. 更簡潔:app中依賴手勢的控件越多,屏幕上顯示的按鈕就越少,從而為有價值的內(nèi)容留出了更多的空間 。這使app更加以內(nèi)容為中心,讓用戶做更重要的事情時沒有障礙和分心。
  2. 更易用:手勢一旦被用戶發(fā)現(xiàn)和學習就會變成用戶體驗中令人愉悅的一部分,并且可以通過減少流程中的步驟來提升交互。例如,當你需要在移動設備上刪除項目時,每次點擊一項來刪除是很耗時的,一個簡單的快捷方式是滑動以刪除。
  3. 更直接:雖然按鈕看起來是更有用的觸發(fā)器,但是手勢有更大的潛力,與內(nèi)容的交互更加直觀。

Clear是一個“手勢驅(qū)動”app的很好的例子。這個app的使用幾乎完全基于手勢:滑動、下拉、捏合。它有一個簡約的界面(沒有按鈕),然而用起來簡單的令人驚訝。

動效在基于手勢的設計中發(fā)揮的作用

移動應用中手勢與動效總是緊密關聯(lián)的。在維持用戶的交互性引導方面,動效扮演了極其重要的角色。與手勢的配合過程中,動效幾乎使大腦相信它是在與有形的對象交互。

此外,在給用戶提供視覺反饋方面動效也很有價值的。如果沒有動效,用戶是不知道已經(jīng)完成了手勢動作的。

即使是個非常創(chuàng)新的手勢交互,如下拉刷新,配合動效也已經(jīng)成了標準。它如此的直觀,所以無數(shù)基于列表的應用程序都采納了這種姿態(tài)簡單的設定。

手勢的黑暗面

在設計應用程序是我們時常假設我們應用中使用的手勢如此自然(對我們來說是自然,而不是對用戶),不需要遵守基本的可用性原則。但在設計移動應用時,可發(fā)現(xiàn)性仍然是一個非常重要的原則。

正如Thomas Joos所說的,手勢控制最大的缺點是學習曲線。每次你移除了界面上雜亂的東西,應用程序的學習曲線都在上升。這是因為手勢具有很低的可發(fā)現(xiàn)性-它們總是隱藏的,用戶需要識別這些選項。這就是為什么你的界面依賴于可視按鈕的手勢越多,混淆的可能性就越大。

在設計基于手勢的界面前,你應該顧慮的幾件事:

(1)增加負擔

大多數(shù)手勢既不自然也不容易學習和記憶。例如,在大多數(shù)應用中,單手指的手勢意味著一件事情,具有兩個手指的相同手勢意味著另外一件事,而另外還有三四個其他手勢。

(2)缺乏反饋

多數(shù)情況下,手勢不會留下其路徑方面的任何記錄,這意味著一個人做出手勢后并沒有得到任何響應,那幾乎沒有任何信息幫助你理解為什么會這樣。

(3)缺乏一致性

大多數(shù)手勢不是標準的,并且在各個應用之間也不一致。即使是一個簡單的手勢,例如橫掃電子郵件條目可能在各個電子郵件應用中代表不同的功能。例如在Apple Mail中刪除未讀郵件,你應該向左滑動未打開的郵件,界面顯示刪除該郵件的選項。在Gmail中向左滑動可將郵件標記為已讀。

明確的提示

設計用戶界面過程中應該為手勢的可用性提供一些線索給用戶。因為如果沒有視覺提示,用戶可能對如何與應用程序進行交互感動困惑。在引導用戶使用你的界面時,你應該提供一組視覺線索及漸進式展開的動效。

好的手勢通常能夠在提供視覺線索及漸進式展開的游戲中找到。眾所周知,最好的游戲是讓人隨著時間的推移學習技巧而不是一味地教導他們。例如,Pudding Monsters’的游戲機制是完全基于手勢的,但是它能夠讓用戶不必猜測什么就知道該做什么。它們展示了一個帶有動畫的場景,用戶立馬很清晰的就知道要做什么。

結(jié)論

手勢是一種強大的交互模式嗎?是的,移動設備已經(jīng)從一塊磚頭發(fā)展成由手指驅(qū)動的復雜計算機了。觸摸和手勢交互具有很大的潛力,使得移動體驗更加的輕松和有趣。

沒有辦法在不考慮手勢的情況下來設計移動應用程序。它們應該作為提供服務和節(jié)約時間的角色。要設計一個有意義的手勢,你應該把它和一個動作綁定,使手勢和動作銜接在一起。提供反饋、視覺線索以及引導如何使用手勢操作是非常重要的。

 

原文:In-App Gestures And Mobile App User?Experience

原文作者:Nick Babich

譯文:咚咚咚

譯文地址:ME網(wǎng)易移動設計

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!