從極簡(jiǎn)主義淺析應(yīng)用內(nèi)的手勢(shì)交互

許如一

（中國(guó)傳媒大學(xué)，北京 100024）

簡(jiǎn)化操作始終是互聯(lián)網(wǎng)應(yīng)用產(chǎn)品所共同追求的目標(biāo)。而極簡(jiǎn)主義理念作為簡(jiǎn)化操作的極致，成為交互產(chǎn)品設(shè)計(jì)的有力指導(dǎo)。目前，簡(jiǎn)化操作的最有效途徑之一——手勢(shì)交互，已經(jīng)成為各類交互產(chǎn)品設(shè)計(jì)中不可或缺的一部分。合理運(yùn)用手勢(shì)交互能夠大大提升交互產(chǎn)品在易用性層面的競(jìng)爭(zhēng)力。

一、極簡(jiǎn)主義交互設(shè)計(jì)中應(yīng)用內(nèi)手勢(shì)的應(yīng)用現(xiàn)狀及問(wèn)題

極簡(jiǎn)主義作為一種成熟理念已經(jīng)運(yùn)用在包括交互設(shè)計(jì)在內(nèi)的多種設(shè)計(jì)領(lǐng)域。極簡(jiǎn)主義交互設(shè)計(jì)將簡(jiǎn)化交互操作為目標(biāo)，有效地提升互聯(lián)網(wǎng)產(chǎn)品交互層面的易用性。但人們對(duì)于極簡(jiǎn)主義交互設(shè)計(jì)的理解誤區(qū)和過(guò)度依賴也已造成了一些不容忽視的問(wèn)題。

（一）現(xiàn)有應(yīng)用方式

1.慣用手勢(shì)

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

2.功能延伸手勢(shì)

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

（二）運(yùn)用應(yīng)用內(nèi)手勢(shì)存在的問(wèn)題

1.增加學(xué)習(xí)成本

“每當(dāng)設(shè)計(jì)師從界面中移除按鈕加入手勢(shì)操作時(shí)，學(xué)習(xí)曲線都會(huì)上升，手勢(shì)沒(méi)有明顯的視覺(jué)提示，用戶不知道如何開(kāi)始與APP進(jìn)行交互。因此學(xué)習(xí)曲線也是手勢(shì)驅(qū)動(dòng)最大的缺點(diǎn)?！雹賵D形按鈕代表意義明確，提示清晰，對(duì)于大多數(shù)用戶來(lái)說(shuō)幾乎無(wú)學(xué)習(xí)成本。但手勢(shì)在界面中總是隱藏且需記憶的。從心理學(xué)的角度來(lái)看，與圖形按鈕進(jìn)行交互過(guò)程屬于再認(rèn)的過(guò)程，手勢(shì)交互的過(guò)程則屬于回憶?！霸僬J(rèn)比回憶更容易，因?yàn)樵僬J(rèn)可以借助環(huán)境，環(huán)境有助于記憶?！雹?/p>

2.挑戰(zhàn)用戶習(xí)慣

在交互設(shè)計(jì)中，評(píng)判設(shè)計(jì)是否合理的一個(gè)重要標(biāo)準(zhǔn)就是是否符合用戶習(xí)慣。因此一個(gè)應(yīng)用內(nèi)手勢(shì)的設(shè)計(jì)如果挑戰(zhàn)了用戶習(xí)慣，即使有其明顯優(yōu)勢(shì)，也會(huì)引起用戶的反感、排斥。功能延伸手勢(shì)與現(xiàn)有慣用手勢(shì)含義不同，增加了與用戶原有行為邏輯不同的可能性，因此更容易挑戰(zhàn)用戶習(xí)慣。而另一種手勢(shì)需用戶改變?cè)行袨檫壿嫞@一點(diǎn)往往比培養(yǎng)習(xí)慣更讓人難以接受，因此也更容易引起用戶的負(fù)面情緒。

二、極簡(jiǎn)主義交互設(shè)計(jì)

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

極簡(jiǎn)主義交互設(shè)計(jì)具有以下特點(diǎn)：

（一）層級(jí)結(jié)構(gòu)的特點(diǎn)

“結(jié)構(gòu)上的極簡(jiǎn)主義更類似于一個(gè)極簡(jiǎn)主義中已經(jīng)存在的觀點(diǎn)：一些極簡(jiǎn)主義藝術(shù)作品只是試圖讓自己看起來(lái)很簡(jiǎn)單——通過(guò)一些將結(jié)構(gòu)透明化，或者巧妙地隱藏結(jié)構(gòu)的復(fù)雜性的方法來(lái)實(shí)現(xiàn)。”③交互設(shè)計(jì)的層級(jí)結(jié)構(gòu)上表現(xiàn)為減少層級(jí)劃分，將主要功能放于首頁(yè)，將不重要的功能隱藏起來(lái)，以便用戶可以用最少的步驟實(shí)現(xiàn)目標(biāo)。

（二）交互方式的特點(diǎn)

在交互方式上會(huì)體現(xiàn)出三大特點(diǎn) ：

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

2.極簡(jiǎn)主義交互設(shè)計(jì)將大量手勢(shì)操作集中在首頁(yè)，以實(shí)現(xiàn)簡(jiǎn)化層級(jí)關(guān)系，減少操作步驟的設(shè)計(jì)目標(biāo)。

3.極簡(jiǎn)主義交互設(shè)計(jì)中會(huì)加入大量功能延伸手勢(shì)。慣用手勢(shì)的設(shè)計(jì)針對(duì)的是操作系統(tǒng)或應(yīng)用內(nèi)的普遍功能，不足以滿足以極簡(jiǎn)主義為理念的手勢(shì)驅(qū)動(dòng)型界面，因此應(yīng)用中會(huì)存在更大比例的功能延伸型手勢(shì)。

三、極簡(jiǎn)主義交互設(shè)計(jì)中應(yīng)用內(nèi)手勢(shì)的合理化方法

應(yīng)用內(nèi)手勢(shì)所造成的問(wèn)題主要有兩大原因：一是手勢(shì)不可見(jiàn)，二是部分手勢(shì)的設(shè)計(jì)強(qiáng)迫用戶改變?cè)行袨檫壿?。通過(guò)對(duì)極簡(jiǎn)主義交互設(shè)計(jì)理念的正確運(yùn)用，應(yīng)用內(nèi)手勢(shì)根據(jù)以下方法來(lái)設(shè)計(jì)應(yīng)用將會(huì)解決其所造成的問(wèn)題。

（一）降低學(xué)習(xí)成本

降低手勢(shì)操作學(xué)習(xí)成本可通過(guò)合理運(yùn)用學(xué)習(xí)成本低的手勢(shì)和簡(jiǎn)單有效地讓用戶學(xué)會(huì)手勢(shì)操作兩方面來(lái)實(shí)現(xiàn)。

1.學(xué)習(xí)成本低的手勢(shì)操作

手勢(shì)如選擇得當(dāng)會(huì)大大降低用戶的學(xué)習(xí)成本。慣用手勢(shì)由于已被大量用戶所接受并習(xí)慣，學(xué)習(xí)成本最低，也是進(jìn)行手勢(shì)設(shè)計(jì)時(shí)的最佳選擇。但對(duì)于極簡(jiǎn)主義交互設(shè)計(jì)來(lái)說(shuō)，僅通過(guò)慣用手勢(shì)很難完成整個(gè)界面的功能驅(qū)動(dòng)。因此，在慣用手勢(shì)所不能涵蓋的部分功能，就需要進(jìn)行合理的功能延伸手勢(shì)設(shè)計(jì)。

功能延伸手勢(shì)需針對(duì)目標(biāo)用戶的操作習(xí)慣進(jìn)行設(shè)計(jì)，選取符合目標(biāo)用戶行為邏輯且易于理解的手勢(shì)。不能以操作簡(jiǎn)單為首要標(biāo)準(zhǔn)，而是將簡(jiǎn)單注入用戶的行為邏輯中，形成易理解的手勢(shì)操作，從而降低用戶的學(xué)習(xí)難度。

2.操作暗示或指引

手勢(shì)操作的不可見(jiàn)性是增加學(xué)習(xí)成本的一個(gè)重要原因。因此，在進(jìn)行交互設(shè)計(jì)時(shí)通過(guò)一些操作暗示或指引讓不可見(jiàn)的手勢(shì)變得可見(jiàn)能夠有效降低用戶的學(xué)習(xí)難度。

簡(jiǎn)短的教程是一種簡(jiǎn)單且直接的方法。引導(dǎo)頁(yè)教程處于應(yīng)用最開(kāi)始，在用戶正式與應(yīng)用進(jìn)行交互之前就告訴用戶使用規(guī)則。具體操作指引是融入U(xiǎn)I中，隨著用戶的操作給予相應(yīng)的漸進(jìn)式提示。

兩種引導(dǎo)方式都能夠簡(jiǎn)單的給予用戶應(yīng)有指引。但引導(dǎo)頁(yè)則更像是一種說(shuō)明書(shū)，需要用戶在使用前學(xué)習(xí)并記住。對(duì)于手勢(shì)操作較多的應(yīng)用來(lái)說(shuō)，引導(dǎo)頁(yè)則更是在挑戰(zhàn)用戶的耐心，不但難以達(dá)到它應(yīng)有的教程效果且容易引起用戶的負(fù)面情緒。而融入U(xiǎn)I的漸進(jìn)式教程提示不會(huì)在一開(kāi)始就帶給用戶壓迫感，更容易讓用戶聚焦并學(xué)習(xí)。

對(duì)于極簡(jiǎn)交互設(shè)計(jì)的應(yīng)用，如果手勢(shì)都集中在首頁(yè)，那么UI教程指引也會(huì)集中在首頁(yè)，使得整個(gè)應(yīng)用看起來(lái)操作很復(fù)雜。界面元素的暗示可以解決這個(gè)問(wèn)題。界面元素的暗示指的是通過(guò)UI設(shè)計(jì)提供一些視覺(jué)線索，給用戶以操作暗示，如卡片式手勢(shì)流。相比教程指引給予用戶一種教學(xué)感，界面元素的暗示可以在用戶無(wú)意識(shí)的狀態(tài)下讓用戶學(xué)習(xí)到手勢(shì)操作。這種設(shè)計(jì)是基于用戶的生活經(jīng)驗(yàn)與認(rèn)知行為進(jìn)行的暗示性設(shè)計(jì)。從用戶的自然行為出發(fā)，將用戶的無(wú)意識(shí)行為轉(zhuǎn)化為設(shè)計(jì)概念，有利于用戶在使用產(chǎn)品時(shí)“不加思索”，自然地領(lǐng)會(huì)設(shè)計(jì)師所要表達(dá)的產(chǎn)品含義④。因此界面元素暗示能夠最自然且有效地降低學(xué)習(xí)難度。

（二）培養(yǎng)用戶習(xí)慣

對(duì)于用戶習(xí)慣的培養(yǎng)，與其說(shuō)通過(guò)設(shè)計(jì)者來(lái)培養(yǎng)，不如說(shuō)讓用戶主動(dòng)去接受。在用戶的操作過(guò)程中，操作的人性化程度和用戶對(duì)操作的可控感都從心理上影響著用戶是否愿意接受一個(gè)新的操作。

1.操作反饋

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

手勢(shì)的不可見(jiàn)使得反饋?zhàn)兊脴O其重要，尤其是在不易發(fā)現(xiàn)頁(yè)面狀態(tài)更改的界面。下拉刷新加動(dòng)效反饋是現(xiàn)在被用戶普遍認(rèn)可的一種手勢(shì)操作。因?yàn)轫?yè)面刷新?tīng)顟B(tài)的改變很容易被用戶忽略。視覺(jué)、聽(tīng)覺(jué)和觸覺(jué)震感都可以成為手勢(shì)的反饋方式。視覺(jué)反饋是最普遍的一種反饋方式，包括動(dòng)效或文字。但當(dāng)用戶的關(guān)注點(diǎn)不在視覺(jué)反饋處時(shí)，反饋效果就會(huì)降低。因此聽(tīng)覺(jué)或觸覺(jué)與視覺(jué)反饋共同使用，更能增加反饋的效果。

2.保留用戶操作選擇權(quán)

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

結(jié)語(yǔ)

應(yīng)用內(nèi)手勢(shì)交互作為一種更接近人自然行為邏輯的交互方式，能夠有效提升操作效率，形成了新的人機(jī)交互模式，合理的應(yīng)用會(huì)給用戶帶來(lái)更具人性化的交互體驗(yàn)，作為一種簡(jiǎn)化操作的主流交互方式必將在各類應(yīng)用產(chǎn)品中發(fā)揮更大的價(jià)值?！?/p>

注釋：

①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.設(shè)計(jì)師要懂心理學(xué)[M].徐佳，馬迪，余盈億，譯.北京：人民郵電出版社，2013.

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

④孫辛欣，李世國(guó)，靳文奎.基于用戶無(wú)意識(shí)行為的交互設(shè)計(jì)研究[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.