從極簡主義淺析應用內的手勢交互

許如一

（中國傳媒大學，北京 100024）

簡化操作始終是互聯網應用產品所共同追求的目標。而極簡主義理念作為簡化操作的極致，成為交互產品設計的有力指導。目前，簡化操作的最有效途徑之一——手勢交互，已經成為各類交互產品設計中不可或缺的一部分。合理運用手勢交互能夠大大提升交互產品在易用性層面的競爭力。

一、極簡主義交互設計中應用內手勢的應用現狀及問題

極簡主義作為一種成熟理念已經運用在包括交互設計在內的多種設計領域。極簡主義交互設計將簡化交互操作為目標，有效地提升互聯網產品交互層面的易用性。但人們對于極簡主義交互設計的理解誤區和過度依賴也已造成了一些不容忽視的問題。

（一）現有應用方式

1.慣用手勢

目前，IOS和Android都在其設計規范中定義出了標準交互手勢。每一種手勢都有明確的功能含義。用戶對于這部分手勢比較熟悉，因此被大量引用到各類APP的交互設計中，成為應用內手勢。此外，還有一些雖不存在于設計規范內，卻已被大量用戶所接受并習慣的手勢操作，如下拉刷新。

2.功能延伸手勢

功能延伸手勢是根據APP功能設計出的交互手勢。近年來，由于產品個性化的需要，慣用手勢早已不能滿足APP中各種功能的交互操作。因此交互設計師會根據產品的自身功能特點進行功能延伸手勢的設計。功能延伸手勢的設計并不單指設計出一個原本不存在的操作手勢，更多情況下是指根據功能需要設計出與以往慣用手勢所代表含義不同的手勢。

（二）運用應用內手勢存在的問題

1.增加學習成本

“每當設計師從界面中移除按鈕加入手勢操作時，學習曲線都會上升，手勢沒有明顯的視覺提示，用戶不知道如何開始與APP進行交互。因此學習曲線也是手勢驅動最大的缺點。”①圖形按鈕代表意義明確，提示清晰，對于大多數用戶來說幾乎無學習成本。但手勢在界面中總是隱藏且需記憶的。從心理學的角度來看，與圖形按鈕進行交互過程屬于再認的過程，手勢交互的過程則屬于回憶。“再認比回憶更容易，因為再認可以借助環境，環境有助于記憶。”②

2.挑戰用戶習慣

在交互設計中，評判設計是否合理的一個重要標準就是是否符合用戶習慣。因此一個應用內手勢的設計如果挑戰了用戶習慣，即使有其明顯優勢，也會引起用戶的反感、排斥。功能延伸手勢與現有慣用手勢含義不同，增加了與用戶原有行為邏輯不同的可能性，因此更容易挑戰用戶習慣。而另一種手勢需用戶改變原有行為邏輯，這一點往往比培養習慣更讓人難以接受，因此也更容易引起用戶的負面情緒。

二、極簡主義交互設計

極簡主義交互設計指的是利用極簡主義理念進行的交互設計，主要表現為在交互設計中只突出最主要功能，簡化信息層級和操作邏輯，將以往隱藏的深層次的內容，直接地展現在用戶眼前。用戶在交互過程中，從行為上減少交互步驟，從心理上降低交互難度。最終目標是幫助用戶快速聚焦，盡快實現操作目標。

極簡主義交互設計具有以下特點：

（一）層級結構的特點

“結構上的極簡主義更類似于一個極簡主義中已經存在的觀點：一些極簡主義藝術作品只是試圖讓自己看起來很簡單——通過一些將結構透明化，或者巧妙地隱藏結構的復雜性的方法來實現。”③交互設計的層級結構上表現為減少層級劃分，將主要功能放于首頁，將不重要的功能隱藏起來，以便用戶可以用最少的步驟實現目標。

（二）交互方式的特點

在交互方式上會體現出三大特點 ：

1.極簡主義交互設計大量取消了圖形按鈕，并用手勢代替原有圖形按鈕的功能。通過這種方式，界面能夠有效突出最重要的視覺信息，減少按鈕帶來的信息干擾，從心理上讓用戶感受到簡單。

2.極簡主義交互設計將大量手勢操作集中在首頁，以實現簡化層級關系，減少操作步驟的設計目標。

3.極簡主義交互設計中會加入大量功能延伸手勢。慣用手勢的設計針對的是操作系統或應用內的普遍功能，不足以滿足以極簡主義為理念的手勢驅動型界面，因此應用中會存在更大比例的功能延伸型手勢。

三、極簡主義交互設計中應用內手勢的合理化方法

應用內手勢所造成的問題主要有兩大原因：一是手勢不可見，二是部分手勢的設計強迫用戶改變原有行為邏輯。通過對極簡主義交互設計理念的正確運用，應用內手勢根據以下方法來設計應用將會解決其所造成的問題。

（一）降低學習成本

降低手勢操作學習成本可通過合理運用學習成本低的手勢和簡單有效地讓用戶學會手勢操作兩方面來實現。

1.學習成本低的手勢操作

手勢如選擇得當會大大降低用戶的學習成本。慣用手勢由于已被大量用戶所接受并習慣，學習成本最低，也是進行手勢設計時的最佳選擇。但對于極簡主義交互設計來說，僅通過慣用手勢很難完成整個界面的功能驅動。因此，在慣用手勢所不能涵蓋的部分功能，就需要進行合理的功能延伸手勢設計。

功能延伸手勢需針對目標用戶的操作習慣進行設計，選取符合目標用戶行為邏輯且易于理解的手勢。不能以操作簡單為首要標準，而是將簡單注入用戶的行為邏輯中，形成易理解的手勢操作，從而降低用戶的學習難度。

2.操作暗示或指引

手勢操作的不可見性是增加學習成本的一個重要原因。因此，在進行交互設計時通過一些操作暗示或指引讓不可見的手勢變得可見能夠有效降低用戶的學習難度。

簡短的教程是一種簡單且直接的方法。引導頁教程處于應用最開始，在用戶正式與應用進行交互之前就告訴用戶使用規則。具體操作指引是融入UI中，隨著用戶的操作給予相應的漸進式提示。

兩種引導方式都能夠簡單的給予用戶應有指引。但引導頁則更像是一種說明書，需要用戶在使用前學習并記住。對于手勢操作較多的應用來說，引導頁則更是在挑戰用戶的耐心，不但難以達到它應有的教程效果且容易引起用戶的負面情緒。而融入UI的漸進式教程提示不會在一開始就帶給用戶壓迫感，更容易讓用戶聚焦并學習。

對于極簡交互設計的應用，如果手勢都集中在首頁，那么UI教程指引也會集中在首頁，使得整個應用看起來操作很復雜。界面元素的暗示可以解決這個問題。界面元素的暗示指的是通過UI設計提供一些視覺線索，給用戶以操作暗示，如卡片式手勢流。相比教程指引給予用戶一種教學感，界面元素的暗示可以在用戶無意識的狀態下讓用戶學習到手勢操作。這種設計是基于用戶的生活經驗與認知行為進行的暗示性設計。從用戶的自然行為出發，將用戶的無意識行為轉化為設計概念，有利于用戶在使用產品時“不加思索”，自然地領會設計師所要表達的產品含義④。因此界面元素暗示能夠最自然且有效地降低學習難度。

（二）培養用戶習慣

對于用戶習慣的培養，與其說通過設計者來培養，不如說讓用戶主動去接受。在用戶的操作過程中，操作的人性化程度和用戶對操作的可控感都從心理上影響著用戶是否愿意接受一個新的操作。

1.操作反饋

手勢交互比圖形按鈕的操作更加符合人的自然行為邏輯，但無論是什么樣的交互方式都應在用戶進行操作后給予必要的操作反饋，才能讓用戶感受到整個過程的自然與人性化，從而讓用戶愿意接受這種交互方式的改變。且合理的反饋也會成為加深用戶對于手勢操作的記憶點。

手勢的不可見使得反饋變得極其重要，尤其是在不易發現頁面狀態更改的界面。下拉刷新加動效反饋是現在被用戶普遍認可的一種手勢操作。因為頁面刷新狀態的改變很容易被用戶忽略。視覺、聽覺和觸覺震感都可以成為手勢的反饋方式。視覺反饋是最普遍的一種反饋方式，包括動效或文字。但當用戶的關注點不在視覺反饋處時，反饋效果就會降低。因此聽覺或觸覺與視覺反饋共同使用，更能增加反饋的效果。

2.保留用戶操作選擇權

用戶習慣的培養需要一定的時間，即使是更優化的手勢設計也需要讓用戶有適應的過程。永遠不要低估最小摩擦力操作路徑的力量⑤，因此不要強迫用戶一定按照新的規則進行操作。任何一個挑戰用戶習慣的摩擦都有可能導致用戶操作失敗。一個成熟的手勢操作也有可能是另一個群主流用戶需要培養的習慣。例如，雙擊圖片進行點贊的交互方式在習慣使用Instagram的地區是個很成熟的交互操作。但在中國，受微信的影響點擊心型按鈕點贊的方式更符合當前的主流用戶習慣。In和LOFTER都在其應用中加入了雙擊點贊的操作，也依然保有按鈕點贊的方式，給予用戶按照自身習慣進行操作的權利和控制感，同時培養手勢操作的用戶習慣，讓用戶自然地體會并接受這種更簡潔有效的交互方式。

結語

應用內手勢交互作為一種更接近人自然行為邏輯的交互方式，能夠有效提升操作效率，形成了新的人機交互模式，合理的應用會給用戶帶來更具人性化的交互體驗，作為一種簡化操作的主流交互方式必將在各類應用產品中發揮更大的價值。■

注釋：

①Thomas Joos. Beyond The Button: Embracing The Gesture-Driven Interface[EB/OL].（2013-05-24）https://www.smashingmagazine.com/2013/05/gesture-driven-interface.

②Susan M. Weinschenk.設計師要懂心理學[M].徐佳，馬迪，余盈億，譯.北京：人民郵電出版社，2013.

③哈特穆特·奧本多夫.極簡主義在人機交互設計應用中的四大理念[J].王玥然，編譯.裝飾，2014（10）：40-42.

④孫辛欣，李世國，靳文奎.基于用戶無意識行為的交互設計研究[J].包裝工程，2011（20）：69-72.

⑤Jerry Cao.Interaction Design BestPractices[J/OL].（2017-2-1）https://www.uxpin.com/studio/blog/free-e-book-interaction-design-best-practices.