基于用戶體驗設計中的微交互設計應用研究

劉佳琪

（武漢文理學院，湖北 武漢430080）

信息技術的發展為APP中界面設計提供了強大的動力和技術支持，伴隨著技術的發展與提高，移動端、網頁端設計也作出了相應的順勢改變，其理念從功能至上到用戶至上，更注重細節的描繪，風格從扁平化到3D立體化，顏色從純色到紋理化，展示形式從靜態到動靜結合。在一次次改變創新中，人機交互就成了一門值得所有設計者和程序員思考與研究的學問，UI設計由此孕育而來，新的設計潮流也就順勢應運而生。如今，用戶在數字空間里消費越來越多的學習內容，在碎片化的時間里獲取信息來源，導致用戶不太喜歡閱讀抓不到重點的內容和看起來毫無規律可循的文本內容，此時，微動畫的出現讓信息變得更為直白，界面變得更為自然。

1 微交互概述

微交互是指通常關注于單個事件或者單個任務，這些交互元素遍布于整個APP的各個角落[1]。這些微交互存在的目的是讓用戶感覺順暢、愉悅，設計師借此創造出吸引人或者令人高興的瞬間，或者說，讓用戶在這一刻感受到人性化。在應該要做和即將發生的內容處，利用動態效果引起用戶的注意，創建出流暢、輕視覺的轉場效果，達到可以指導用戶進行復雜的操作，帶給用戶審美愉悅感的效果。在UI/UX設計中，很多設計都是可以遠程操控和虛擬，微交互設計的機制起到重復、強調、情感設計的目的，讓用戶參與其中，感受其中的樂趣，成為該APP的忠實用戶，這三點正好與喬丹金字塔用戶體驗維度模型將體驗分為三個維度——功能性、提示性與愉悅性要求相一致[2]。

1.1 重復

重復作為微交互設計的基礎要求，通常只關注單個事件或任務，數字界面畢竟不是現實世界中真實的硬件機構，用戶更多的借助交互過程中的即時視覺進行反饋，讓用戶確定完成了此項操作，從操作中得到視覺上的“認可”，從而強化了“確信感”，常見的案例通常是在按鈕的交互設計上，通過改變按鈕的顏色、外觀、虛實，達到完成動作捕捉的目的。用戶首次與微交互進行交互時，心情和需求應該不會與往后保持一致。隨著產品的不斷迭代升級，微交互也應該作出相應的改變與調整，此時重復的就只有功能、視覺方面需要作出改變，以便更好地吸引用戶持續使用。

1.2 強調

強調作為微交互設計的細節之處，以幫助和刺激用戶的行為。在互聯網產品中往往可以通過視覺、聽覺、觸覺或是它們的組合來進行反饋[3]。通常場景下，滿足三感即可給用戶留下深刻印象，微交互設計作為界面設計中的自然部分，所有的內容都統一于一個主題，將所有微觀和宏觀的交互設計聯系在一起，將動畫化的對象不同狀態之間轉換，達到看起來平滑，傳達信息準確的目的，常用的案例通常在提示彈窗中運用，通過紅色的“大X”來警告錯誤，清晰有力的副本與微交互相結合，產生更大的提示效果。通過強調告訴用戶做了什么，做錯了什么，還需要做什么，正在做什么，結束了什么。

1.3 情感設計

真正的設計是要打動人的，它具有傳遞感情、勾起回憶、引起共鳴的作用，通過微交互設計中的小幽默、小驚喜，無論規模如何，都是將情緒反應帶入用戶體驗的一種肯定方式，用戶能更好地了解之前和當前的狀態，使得應用有了“情緒”并同時增加了必要的細節，建立起產品和用戶之間的情感紐帶。例如在MailChimp中創建和發送電子郵件的網絡服務，通過圖形化的語言展現發件人的緊張與慎重，為用戶在使用過程中增添了意想不到的幽默與積極性。微交互設計作為一種開放式互動經濟形式，主要強調活動給用戶帶來獨特的審美體驗，在產品設計中所占比例將會越來越大，設計出更多符合用戶心理需求的微交互設計，是未來微交互設計必然趨勢。

2 基于用戶體驗的微交互設計設計原則

微交互設計最重要的因素是站在廣大用戶的角度上去思考產品，它們的存在是為了讓用戶擁有更好的用戶體驗。在設計上通常只關注單個事件或任務，通過細節的處理將普通的移動端設計成功地引起用戶的注意。此時微交互設計不僅作為一種好玩、有趣的細節亮點，還成為引導新用戶使用的切入口。通過微交互四大模型——觸發、規則、反饋、模式和循環，達到引導用戶積極參與，顯示產品狀態，提供錯誤提示，加強品牌形象的目的。提供完整反饋預防用戶出錯，與產品無縫交互，增強用戶體驗的效果。

2.1 一致性

微交互作為界面設計的一個小分支，可以插入到界面中的各種地方，但在設計上需與界面整體風格相一致，在主色、次色以及整體的色調、元素的尺寸大小和關系中保持一致，并且要足夠引人注目。微交互設計的動態效果不是無緣由的，是有一定的目的性，是代表一個品牌的形象定位。它們需要在主題的基礎上遵循規則和模式，正如語言有其調性，有其風格，微交互設計也應有其調性。例如微信在發送“生日快樂”文字信息的時候，雙方聊天界面都會有“蛋糕”掉落，通過這一微動態，在不影響畫面的整體效果的基礎上調動情感和感官的體驗，在不給用戶帶來不和諧和陌生的感覺的基礎上，增加了畫面的趣味性。

2.2 功能性

微交互設計在界面設計中不是獨立的個體，而是存在于某個功能或某個應用場景之下的，利用動態設計表達操作之后的反饋，達到用戶的使用目的，此時更適用KISS原則——微交互設計應該是小而簡單的。微動態設計的存在并不影響整體的設計風格，作為設計細節豐富頁面效果。比如在iOS系統中，用戶按住某一個應用的圖表時，手機系統會作出輕微的振動響應，通過振動提醒用戶，界面中圖標的左上角“X”的出現，也是提醒用戶，可以做出下一步指令。當然也通過振感提醒用戶，避免做出錯誤的指令。通過微交互設計提供感官反饋，讓信息變得通俗易懂，使界面變得更加自然，輔助用戶完成頁面操作。

2.3 愉悅性

微交互設計除了建立在行為的基礎上，也需要在體驗中產生共鳴。現如今科技的進步，基于語音的微交互也漸漸出現在我們面前，用戶開始期待移動端出現新的動畫、動效和移動交互。我們甚至會對突然的“智能”感到驚訝，在環境、用戶研究和設計中重復使用。從蘋果公司開發的“Hey，Siri”，到現在小米公司開發的“小愛同學”，還有“Google Home”，在用戶說完“hey，Google”后，設備會顯示一個由四個點組成的動態畫面，通過一種視覺反饋，傳達給用戶設備正在運行的狀態，利用動態效果避免重復工作，導致系統死鎖，用戶對產品產生厭煩的情緒。

3 基于用戶體驗的微交互設計設計的方法

在經典的尼爾森十大啟發式當中，“系統狀態可見性”可以說是當今交互設計領域中，最為重要的原則之一。讓用戶對產品擁有知情權和一定的控制權，可增加一定的信任度，這也是啟發式設計最為重要和吸引人的地方。微交互設計想要做到這一點就必須站在用戶體驗的基礎上進行創作，探索用戶、產品、環境之間的關系。

3.1 整合合理的組織信息

Jakob Nielsen提出了關于界面設計狀態的啟發，“系統應當在合理的時間里，通過合適的反饋來保持告知用戶將要發生的事情[4]。”根據用戶畫像了解用戶的行為習慣以及使用需求，對頁面進行針對性的、人性化的設計，讓用戶使用起來更為方便高效。當信息特別煩瑣時，可考慮信息圖表的形式將數據可視化，將重點數據進行強化設計，對用戶而言不僅把握了趨勢，也把握了重點，找到交互行為和內容之間的關聯性，節約用戶時間，提升效率，為用戶創造更為流暢的交互體驗。

3.2 打造有意義的轉場

微交互動畫最基礎的應用是轉場。一般的動畫內容僅僅會從一個狀態到另一個狀態，優秀的動畫則是通過動畫展現頁面的連續性，通過共享內容建立起兩種狀態。著名的魔術師Dariel Fitzkee曾說：“魔法既身藏于細節，又體現于表演。”交互設計也是如此。最好的交互設計往往沒有被用戶注意到，用戶已然習慣它們的存在，無縫銜接著用戶與應用程序，為了更好地服務用戶，每一個微交互設計都必須融入到整體設計當中，給用戶帶來樂趣和新奇點，不和諧和陌生的感覺會引發用戶反感情緒。借助節日、活動等契機，預測用戶行為，持續優化功能。在特殊的日子制造出符合用戶需求的小驚喜，在不影響用戶使用的基礎上，對界面進行相應的顏色或元素替換，烘托氣氛。給用戶適當的提醒，通過細微的動畫更能使用戶集中注意力，傳遞出產品的人情味。

3.3 人性化設計

交互設計作為人與人、機器、系統和環境等交互行為的外在行為設計，通過揣摩用戶，針對其用戶畫像的心理特征，設計出符合用戶認知的模型[5]。而“微交互”設計的特性之一在于不斷地節省用戶時間，讓產品更容易讓用戶接受。在用戶體驗的“短平快”效應中，從小細節處入手，更具有人性化地協助用戶更好地完成任務。

4 總結

微交互設計必須滿足長期使用的原則，避免用戶長期使用后產生厭煩的情緒。這就要求設計者在制作微交互設計時，首先要了解用戶，理清邏輯，將其前后邏輯步驟進行串聯，了解不同情境下的操作順序，站在用戶角度上去思考，將復雜的應用數據和功能簡化為相互聯系的微交互設計。充當產品與用戶相互溝通的橋梁，刺激不感興趣的用戶成為自己的忠實用戶。