基于情感化的界面設計研究

2023-12-29 00:00:00趙希崗劉曼璐

中國美術 2023年2期

[摘要] 文章基于情感化設計理論的三個層次，即本能層、行為層、反思層，對界面設計現狀進行分析，指出界面設計作為承擔用戶交互行為的產品媒介，不應當將設計僅僅局限于界面本身，而應當在本能層次的文字、顏色、圖標等視覺設計元素基礎之上，更多思考行為層面對界面設計的影響，從而建立用戶與界面的良性交互。

[關鍵詞] 情感化界面設計感官行為反思

一、情感化與界面設計

隨著科技水平的不斷提升和人們生活方式的轉變，產品設計愈發呈現出多元化態勢，僅僅停留在功能和外形層面的設計已經不能夠滿足人們的使用需求。如何掌握新型消費需求、提升用戶心理滿足感成為當前設計的主要關注點。

情感化設計由唐納德·諾曼在《情感化設計》一書中提出。他將情感的認知由淺入深分為三個層次，即本能層、行為層和反思層，并對其在產品設計領域的體現進行剖析。本能層次的設計是情感化設計的基礎，其機制是通過外觀對用戶的五感進行刺激。例如，代表警告含義的圖標通常使用紅色，因為紅色會給人帶來危險與緊張的感受。行為層次的設計基于用戶的記憶和習慣，其機制是通過提取用戶行為和習慣元素并將之運用于設計之中，以此提升體驗感，如界面中的按鈕樣式是基于物理世界中實體按鈕的樣式進行的扁平化設計，在用戶進行界面交互時，能夠快速感知需要，進行點擊操作。反思層次的設計處于三個層次當中的最高層級，能夠引起用戶的反思與回顧，并產生持久的情緒影響。產品的品牌營銷是反思層次設計的重要體現，如IP形象設計、產品組建庫的搭建等。其能夠提升產品的獨特性并建立起與用戶的情感紐帶，構建并豐富產品的內在價值。

二、外觀刺激情緒感受

鮮明的產品形態與細節可以刺激用戶的感官系統，進而激發用戶的無意識行為，增強產品的易用性。[1]在界面設計中，用戶的感官體驗從視覺、聽覺逐漸延伸至觸覺。愛因斯坦曾經表示，人類所獲得的百分之九十的信息皆來自視覺感官。人們可以通過視覺感知到界面中的色彩、形狀等元素。

（一）色彩、材質帶來的情緒感受

不同的色彩可以給用戶帶來不同的情緒感受：紅色代表熱烈、吉祥，紫色代表神秘、高貴。除了色相外，不同的明度、純度、飽和度給用戶帶來的感受也有所不同。使用恰當的色彩能夠營造不同的氛圍，讓用戶更加快速地感知設計意圖。

隨著手機中承載的信息日益復雜，明確的信息層級在界面設計中顯得日益重要起來，而顏色對比更是其中的重中之重。一般情況下，淺色背景上的信息顏色越深則層級越高，越能吸引用戶視線。色彩工效學作為工效學分支，關注色覺疲勞度和持續性。人機界面色彩設計即與能見度和注目性有關。[2]明確的圖底對比搭配能夠增加界面的能見度，提高用戶的信息讀取效率。恰當的色彩組合能夠提升界面的視覺趣味性和注目性，為單一的界面讀取增加情感溫度。此外在界面設計中，材質質感的引入能夠讓用戶感到親切。對現實世界質感的復刻或提取能夠拉近用戶與產品的距離，例如電子書的界面設計即會考慮到紙張的質感。

（二）圖形帶來的情緒感受

圖形作為界面的重要組成部分，起到了豐富界面的作用，其中圖標是最為常用的元素。不同于藝術創作，圖標設計往往遵循一定的設計規律。不同風格的圖標設計會給用戶帶來不同的情緒感受，如線性圖標中的粗線條會帶來厚重感，細線條則帶來精致感。面形圖標占用面積越多，厚重感越強，因而較大的面形圖標通常只會在界面首頁中少量使用。

三、喚起用戶行為的符號及品牌化構建

在UI界面中，界面符號是信息編碼的成果，能夠幫助用戶輕松解碼并獲得信息。符號的意義是將主觀與客觀聯系起來，這與認知理論“把意義看作人類主體和世界之間真正聯系的基礎”[3]是一致的。界面符號不僅包含客觀的文字、圖形等元素，也包含實現人機交互的界面元素組織關系。界面作為支持用戶進行交互行為的產品媒介，不應當僅僅局限于設計外觀，更應該從用戶行為出發，掌握用戶需求，然后再進行界面設計。《交互設計：從物理邏輯到行為邏輯》中指出：“行為邏輯的提出并非期待尋找行為流程自身的某種科學的甚至機械式的邏輯聯系，而是強調以行為作為界面設計的本體，對界面設計的考量依照具體任務的流程合理性和用戶體驗展開。”[4]

（一）引發用戶行為的符號

1.色彩符號

界面設計中，色彩不僅作為外觀符號，為用戶帶來感官層面的情緒感受，還可以在行為層面起到引導用戶行為的作用。不同于平面設計對色彩的自由使用，界面設計對色彩的運用相對克制與穩定。界面中，色彩的主要功能是幫助用戶提升信息獲取的效率。這里提到的色彩主要包括主題色、功能色、中性色。

主題色是體現產品特性和傳播理念最直觀的視覺元素之一，一般明度、飽和度較高，且在界面中具有較高的信息層級，通常被應用于關鍵行動點、操作狀態等場景，在界面交互中起到“意符”作用。主題色的使用場景包含按鈕、鏈接等操作行動點。當操作行為較為特殊或重要時，會運用功能色來突出操作控件。色彩“意符”的運用能夠幫助用戶快速獲得行為動線。克制的色彩使用能夠降低界面交互過程中的“視覺噪音”，幫助用戶專注于主要的交互任務。

2.圖形符號

作為界面傳達信息的主要媒介之一，圖形不僅能起到增加界面美觀程度的作用，還能提升用戶識別信息的效率。圖形符號作為文化符號的一種，與認知科學緊密相關。在《產品設計符號學系統化構建中的思考（2）》[5]中，張劍提出了三種認知方式所形成的符號設計類型：一是直接知覺的符號化，二是集體無意識的符號化，三是尋找關聯（按：文化符號對產品的修辭）。由于三種符號設計類型與大腦認知層次具有關聯性，設計者會將界面中的圖形符號分為擬物、抽象、隱喻三個層次。這三個層次以用戶認知為中心，直觀程度逐漸降低，卻皆能在多種層面上幫助用戶達成界面任務目標，構建統一而不單一的用戶體驗。下面將分別介紹這三種圖形符號。擬物符號指將現實生活中已存在的物體運用寫實手法在手機界面中圖像化地再現，從而喚醒用戶的記憶，引起用戶的共鳴，讓用戶直接感知符號的使用意圖。這種圖形符號在增加趣味性的同時可以有效降低用戶的操作成本和學習負擔，使產品更加易于被用戶接受和認可。

經驗符號是依據社會習俗和用戶的長期認知經驗而形成的符號。隨著互聯網逐漸融入日常生活當中，界面所承載的信息日益復雜起來，抽象化的圖形符號開始被用戶所接受。圖形符號的平面化、簡潔化在追求效率的當下是十分必要的。當然，這里的抽象化并不是簡單地減少元素。圖形符號的設計不是設計師信手拈來的，其設計基礎是對社會習俗和用戶認知經驗的尊重。[6]例如，快進、暫停、快退等按鍵與多年前流行的錄音機、音樂播放器的操控按鍵樣式及語義一致。對未曾使用過前類產品的年輕用戶而言，這類圖像符號則是集體無意識式的經驗認知。此類符號能夠減少用戶識別過程中的“視覺噪音”，同時也能獲得用戶對符號語義的精確解讀，在用戶識別復雜界面時帶來良好體驗。

此外還有隱喻符號。隱喻是以一種事物暗喻另一種事物，是在彼類事物的暗示下感知、體驗、想象、理解、談論此類事物的心理行為、語言行為和文化行為。[7]界面作為新興科技的產物，其中包含了大量不存在于現實生活中的抽象符號。通過隱喻設計，可以將抽象的事物變具體，從而幫助用戶快速融入新環境、理解新事物。隱喻符號在新、舊事物之間搭起了體驗的橋梁，能夠使用戶產生心理與認知上的共鳴。“關聯性”是隱喻符號設計過程中的要素。比如，人們通常將不需要的物品扔到垃圾桶中，故某系統中的“刪除”圖標便以垃圾桶為示意符號。現實中扔垃圾的行為是界面中刪除操作的隱喻，兩者在虛實之間有了理性的關聯。

3.組織符號

界面組織形式具有多樣性。在界面設計過程中，組織符號通常表現為一些視覺設計原則，用以引導用戶進行操作。在進行界面交互的過程中，用戶的操作行為基于大腦認知進行工作。比如，格式塔心理學也被稱為“完形心理學”。其強調知覺的整體性，基礎理論是人的視覺系統能自動輸入并構建結構，對形狀、圖形和物體等視覺元素進行整體組織，而不是對單個元素進行分析。[8]在關注色彩、圖形等界面元素之外，從視覺規律的角度關注界面整體能夠有效改進設計。其具體包含以下三個原則。

第一，同構原則。圖形的同構就是利用事物之間某種屬性關系的相似性來傳遞信息。[9]用戶傾向于將具有相似屬性的元素（顏色、形狀、結構特征）看作一個整體，并將不同顏色、形狀的圖形自動分組。界面設計中眾多元素的羅列會讓界面煩瑣而雜亂。通過共性元素的設計，能夠讓用戶發現模塊間的關聯，感知界面的設計意圖。

第二，親密原則。格式塔心理學指出，當對象距離太近的時候，意識會認為他們是相關的。在界面設計中，以接近而進行視覺歸類的各種方法都是直截了當并且易于實施的。[10]接近性原則有利于實現信息層級的組織，提升界面的易讀性。

第三，延續性原則。格式塔延續律指出，人們在知覺過程中往往傾向于使知覺對象的直線意識繼續成為直線意識，使曲線意識繼續成為曲線意識。在界面設計中，將同層級信息進行對齊處理，可以在引導用戶視覺流線的同時提升信息的識別效率。

（二）反饋用戶行為的符號

界面中的反饋是指系統對當前用戶進行任務操作時的響應。反饋符號的設計需要考慮到系統的響應方式、響應程度、響應信息等因素。當用戶進行操作后，缺少或者過度的行為反饋會給用戶帶來疑惑。想要以合理的反饋提升用戶的體驗度，需要堅持以下幾個原則。

1.自然性

反饋符號的自然性可以使用戶產生一種熟悉感，從而減輕使用負擔。在智能手機出現之前，按鍵式手機由于功能較為單一，反饋機制通常簡單而明確。功能多樣化的智能手機則需要提供更多交互場景下的反饋機制。因此，加強反饋符號的自然性是十分必要的。自然性的反饋設計需要遵循用戶的日常使用習慣，即要從感官、記憶、習慣、文化背景等層面來提取要素，并將之運用于界面設計當中。

2.即時性

反饋設計不僅要考慮自然性，還要注意反饋的時長。在界面設計中，如果在超過了0.1秒而少于1秒內沒有得到信息反饋時，用戶是會產生疑惑的。[11]在進行交互行為后，用戶獲得的反饋分為結果性反饋與過程性反饋：結果是交互行為的目標，過程是交互行為中不可避免的環節。當過程超過0.1秒后，便需要給予用戶相應的過程反饋，避免用戶陷入迷茫。在等待結果時，不同形式的進度符號會給予用戶不同的反饋信息。

3.趣味性

趣味性的反饋設計在過程性反饋中是十分必要的。雖然當前的界面設計風格體現為平面化、簡潔化，能夠提升信息識別效率，但簡單、循環的反饋符號在長時間等待過程中會讓用戶感到枯燥、焦慮。在這樣的時刻，添加趣味性的反饋符號能緩解用戶的負面情緒，提升體驗的流暢感。比如，某App的加載狀態被設計為一條小魚在泡澡的GIF圖像，這便營造出了一種輕松、舒緩的氛圍。

（三）以品牌化構建情感紐帶

品牌化是產品喚起用戶長期記憶、構建情感關聯的重要環節。界面設計中的品牌化通常是基于目標用戶的喜好進行界面整體風格的設計，包含色彩、圖形、IP形象等。將品牌設計理念貫穿在整體的界面設計當中，可以提升產品的獨特價值。