隨著用戶界面交互方式的演變，設(shè)備與人的交流方式越來越接近現(xiàn)實。手勢交互作為自然用戶界面的典型交互形式被廣泛應(yīng)用，好的手勢交互設(shè)計可以給用戶帶來自然、有趣的體驗，但由于手勢是隱性的，隨著手勢類型的增加，記憶難度也不斷增大，存在可發(fā)現(xiàn)性低的問題。無意識設(shè)計運用人的感知規(guī)律，提倡將設(shè)計融入人們的行為和生活，以達(dá)到用戶不產(chǎn)生思考負(fù)擔(dān)，但能準(zhǔn)確使用、理解產(chǎn)品的目的。那么無意識設(shè)計的方法是否可以運用到手勢交互設(shè)計中，以降低用戶的學(xué)習(xí)成本呢？

一、手勢交互的發(fā)展與困境

近 50 年間用戶界面經(jīng)歷了三個階段的演變，分別是命令行用戶界面（CLI）、圖形用戶界面（GUI）、自然用戶界面（NUI）。在命令行用戶界面中，用戶以文本形式輸入命令來與計算機(jī)進(jìn)行交互；圖形用戶界面的誕生大大降低了用戶學(xué)習(xí)成本，用戶通過鼠標(biāo)、鍵盤與界面交互；2007 年 iPhone 的發(fā)布使自然用戶界面（NUI）進(jìn)入大眾視野，在 NUI 界面中用戶可以通過觸摸、手勢、語音等更為貼近人本能的行為與設(shè)備進(jìn)行交互，使整個交互過程更加自然、人性化。

用戶界面演變過程

觸屏和手勢交互結(jié)合，為用戶帶來許多有趣且自然的體驗，例如 iPhone 經(jīng)典的滑動解鎖設(shè)計。當(dāng)下界面中的信息量與日俱增，使用手勢交互也能夠避免進(jìn)一步增加界面信息密度。

初代 iPhone，圖片來源：Hardware Upgrade

但手勢也存在明顯的缺點，即對于新手用戶而言手勢是很難被發(fā)現(xiàn)和記憶，因為手勢在界面中是隱形的。唐納德·諾曼認(rèn)為圖形用戶界面（GUI）的優(yōu)勢在于不需要記憶命令，通過系統(tǒng)地瀏覽菜單就可以發(fā)現(xiàn)界面中的每一個操作，而手勢交互與這一點背道而馳。

"如何讓用戶自然地發(fā)現(xiàn)并掌握使用方式？"并不是 UI 領(lǐng)域獨有的問題，在工業(yè)設(shè)計中為了讓用戶第一次接觸產(chǎn)品就能知道如何使用，并理解設(shè)計者的巧思，設(shè)計師們已經(jīng)探索過各類設(shè)計方法，其中最具代表性的便是無意識設(shè)計，或許我們可以從中得到啟發(fā)。

二、什么是無意識設(shè)計

無意識設(shè)計（Without Thought），是深澤直人最著名的設(shè)計理念，其中的"無意識"來源于弗洛伊德精神分析學(xué)說，是指人心中無法被控制的意識，人的許多正常行為正是被無意識所支配著。深澤直人認(rèn)為設(shè)計師應(yīng)當(dāng)捕獲這些瞬間，將無意識的行為轉(zhuǎn)化為可見之物，使設(shè)計自然地融入用戶的行為和生活方式中，不產(chǎn)生思考負(fù)擔(dān)。

弗洛伊德關(guān)于無意識的冰山理論

在張劍的分享中，他將無意識設(shè)計方法中分為 4 種類型，分別是客觀寫生、無意識嫁接、主體感知替換、個體觀念增強(qiáng)。其中與交互方式的用戶認(rèn)知關(guān)聯(lián)度較高的是客觀寫生和主體感知替換，下面的內(nèi)容將圍繞這兩種設(shè)計方法展開。

1. 客觀寫生

客觀寫生運用的是用戶的直接知覺，美國心理學(xué)家吉布森 (J J Gibson) 認(rèn)為知覺是直接的，沒有任何推理步驟、中介變量或聯(lián)想。深澤直人所說的不假思索的設(shè)計，正是運用了用戶這種感性認(rèn)識的模式。

例如，將垃圾桶的一面設(shè)計為直角，使用者在看到"一個直角"這一信息時，便會產(chǎn)生可以將它放在墻角的認(rèn)識。這樣的做法可以避免不小心踢翻垃圾桶，使空間更整潔等。

墻角垃圾桶，圖片來源：知乎

2. 主體感知替換

在運用主體感知替換的設(shè)計中，設(shè)計師指將事物 A 相關(guān)的無意識提取出來并放大到可以替代事物 B 的原本認(rèn)知的程度。這種方式以表達(dá)事物 B 新的使用體驗為目的，事物原本的物理屬性并未被改變，但體驗感知被放大后的 A 事物的無意識所取代。

主體感知替換

以深澤直人設(shè)計的 CD 播放器為例，生活中用戶通過拉動垂下的繩子可以啟動換氣扇，在這件作品中他將 CD 播放器設(shè)計成與換氣扇相近的造型，使用時用戶會產(chǎn)生"只要拉一下開關(guān)線，聲音就像空氣一般流淌起來"的感受。

CD 播放器，圖片來源：搜狐

簡單來說，客觀寫生是通過傳遞可以引發(fā)用戶直接知覺的信號，使用戶自然地做出符合設(shè)計師預(yù)期的行為，這個過程用戶并沒有產(chǎn)生的思考、理解成本。而主體感知替換，將用戶熟知的事物認(rèn)知放置在另一件事物上，替代用戶對原事物的認(rèn)知，從而創(chuàng)造和諧的新體驗。

三、從無意識設(shè)計視角解讀手勢交互案例

無意識設(shè)計方法在工業(yè)設(shè)計中被廣泛使用，創(chuàng)造出大量優(yōu)秀的設(shè)計作品，這種方法是否可以運用到手勢交互設(shè)計中呢？交互設(shè)計是無形的，但與工業(yè)設(shè)計面臨的問題和追求自然的用戶體驗的目標(biāo)是相同的，無意識設(shè)計的方法或許可以為手勢交互的設(shè)計提供參考。

在嘗試對目前被廣泛接受的手勢交互進(jìn)行拆解時，發(fā)現(xiàn)這些設(shè)計內(nèi)在邏輯與無意識設(shè)計的方法是相契合的。下面將以雙指縮放手勢和 OPPO 折疊屏中的雙指下滑分屏手勢為例，從無意識設(shè)計的視角解讀這兩項設(shè)計能被用戶自然接受的原因。

單指拖動、雙指旋轉(zhuǎn)、雙指縮放，這是大家再熟悉不過的手勢交互，但是為什么大部分人都能快速掌握這一系列手勢呢？

單指拖動、雙指旋轉(zhuǎn)、雙指縮放，圖片來源：Touch Gesture Reference Guide

將手指按在紙張上拖動，可以移動紙張，兩個手指按住后向統(tǒng)一方向轉(zhuǎn)動可以旋轉(zhuǎn)紙張，這些操作在現(xiàn)實生活中每天反復(fù)進(jìn)行是我們已經(jīng)習(xí)以為常的認(rèn)知。將這種認(rèn)知映射到界面中，看到"一張圖片"時我們自然地會嘗試用相同的方式挪動它。

縮放是生活中沒有的操作，但經(jīng)歷了拖動、旋轉(zhuǎn)我們已經(jīng)產(chǎn)生了屏幕中物體和手指接觸的位置會跟隨手指移動的認(rèn)知，雙指向外移動可以放大圖片正是延續(xù)了這種認(rèn)知。只是大部分用戶沒有意識到這種轉(zhuǎn)換過程，就已經(jīng)自然的習(xí)得了這種現(xiàn)實生活中并不存在交互手勢。

客觀寫生的案例

OPPO 的折疊屏通過雙指在界面頂部下滑，來喚起分屏模式，搭配畫面從中間分離的動效，讓用戶產(chǎn)生一種自己將畫面切成了兩半的爽感。

OPPO 雙指分屏手勢，圖片來源：鳳凰網(wǎng)

在用戶已有的認(rèn)知中，一個片狀物體是可以被刀劃成兩半的，而在觸屏里手指就可以是這把刀，設(shè)計師在這里把"物體可以被刀切開"這一認(rèn)知的映射到了界面上，認(rèn)知主體從刀被替換成了手指，但兩者的邏輯是契合的，因此當(dāng)用戶被告知頁面可以用手指劃成兩半時，并不會感到陌生而是意料之外情理之中，隨之產(chǎn)生的是一種驚喜和有趣的感受。

片段主體感知替換的案例

通過將用戶在這些設(shè)計中的感知路徑拆解出來，會發(fā)現(xiàn)有的手勢交互之所可以被用戶自然的接受，是因為它們的感知路徑是與用戶現(xiàn)實生活經(jīng)驗相關(guān)聯(lián)，類似的案例還有 iPad 的四/五指抓取應(yīng)用界面后回到桌面，華為手機(jī)的指關(guān)節(jié)畫圈截圖等。生活經(jīng)驗和界面中手勢的關(guān)系不一定是直接對應(yīng)的，提取現(xiàn)實生活的感知運用客觀寫生、主體感知替換等更為抽象的手法處理后，即使是新的使用方式用戶也可以產(chǎn)生熟悉感。

四、寫在最后

目前的移動設(shè)備都采用電容屏，電容屏利用人體的電流感應(yīng)實現(xiàn)了多點觸控，電容設(shè)備上的手勢交互要求手指與屏幕緊密接觸，這也將手勢限制在了十分有限的數(shù)量內(nèi)。但隨著技術(shù)的革新，交互方式也不再受限于屏幕，界面中的圖形也從 2D 變?yōu)?3D ，Apple Vision Pro 展示的一系列手勢，很好地向大家傳遞了手勢交互的可能性。在未來更多手勢會被創(chuàng)造出來，而在強(qiáng)調(diào)沉浸、真實的設(shè)備中，自然、流暢的交互體驗會比以往更加重要。

Apple Vision Pro 手勢交互，圖片來源：Mashable India

例如在 3D 界面中，當(dāng)桌面不在用戶的視野范圍內(nèi)時，使桌面回到視野中的手勢可以設(shè)計成將手從視野邊界向內(nèi)揮動。在現(xiàn)實生活中當(dāng)東西不見時我們第一反應(yīng)是環(huán)顧四周用眼睛去尋找，若直接模仿現(xiàn)實中的交互，就會設(shè)計成用戶先轉(zhuǎn)動頭部環(huán)顧四周尋找桌面，找到后再把桌面拖動到視野中，這樣的操作顯然是不夠流暢和舒適的。仔細(xì)想想，上面的場景是用戶無法確定物品位置時做出的反應(yīng)，在生活中如果一件物品與自己的相對位置總是保持不變時，我們會下意識地伸手抓過來。在 3D 界面中雖然用戶不能精準(zhǔn)判斷桌面和自己的相對位置，但能意識到它就在自己四周，因此可以將抓取物品放到面前這種無意識行為背后的認(rèn)知映射過來。

無意識設(shè)計的核心是將用戶已經(jīng)習(xí)以為常的行為提取出來，映射到合適的設(shè)計對象上，但這里的映射不是直接復(fù)制，而是需要經(jīng)過認(rèn)知轉(zhuǎn)換的。張劍的分享中闡述的客觀寫生、主體認(rèn)知替換等具體方法正是把這個轉(zhuǎn)換過程拆解成了可操作的步驟，這套方法能幫助設(shè)計師思考清楚人們?yōu)槭裁磿a(chǎn)生這些行為？這些行為背后又代表著怎樣的無意識和抽象的概念？該如何將這些認(rèn)知應(yīng)用到設(shè)計對象上？而這些問題也正是我們在設(shè)計手勢交互時需要思考清楚的。

界面中的世界源于生活但高于生活，許多操作在現(xiàn)實生活中并不存在，因此直接模仿現(xiàn)實交互的手法是十分局限的。我們需要采用更具擴(kuò)展性的手法，來將現(xiàn)實生活中的認(rèn)知映射到虛擬世界中，無意識設(shè)計的方法被驗證是能夠做到將原有經(jīng)驗與新事物自然融合的，或許可以為手勢交互設(shè)計提供一種參考。需要注意的是，雖然無意識設(shè)計的方法可以拆解成清晰的步驟，快速地被理解，但找到可以與設(shè)計對象融合一體的直接知覺和無意識，仍然依賴設(shè)計師對生活的洞察。

參考文獻(xiàn)：
1. 新交互時代：自然用戶界面中的"自然"到底是什么意思？，2016，曹翔
2. Gestural Interfaces: A Step Backward In Usability, 2010, Donald A. Norman, Jakob Nielsen
3. Touch Gesture Reference Guide, 2010, Craif Villamor, Dan Willis, Luke Wroblewski
4. 簡析電容觸摸屏的原理及3D觸控技術(shù)，2020，顯示網(wǎng)
5. Affordance（可供性）和設(shè)計，2011， HI-iD
6. 從信息與無意識交換視角解讀無意識設(shè)計，2018，張劍

作者：程遠(yuǎn)