交互設計要素情感研究

馬廣韜 方欽樸

摘要：研究交互設計要素的情感提升策略，豐富交互設計要素相關情感理論。運用情感化層次理論設計分析交互要素，以本能層、行為層、反思層情感特點分別分析形式要素、行為要素、內容要素中的情感交互，并以此為研究點，分析情感提升策略。指出交互要素情感研究的重要性，挖掘形式、行為、反思要素特點，以此提出相關情感提升策略，從而提升用戶體驗。

關鍵詞：交互要素 情感化層次 策略 用戶體驗 情感

中圖分類號：TB47

文獻標識碼：A

文章編號：1003-0069（2020）05-0103-03

Abstract： To study the emotion promotion strategy of interaction design elementsand enrich the related emotion theory of interaction design elements using the theoryof emotional level to design and analyze the interactive elements， and using theemotional characteristics of instinct level ， behavior level and refleCtlOn level to analyzethe emotional interaction among the form element， behavior element and contentelement respectively， and taking this as the research point， analyze the strategiesof emotional promotion This paper points out the importance of the research on theemotion of interaction elements， excavates the characteristics of form， behavior andreflection elements ， and puts forward relevant strategies to enhance the emotion ， soas to improve the user experience.

Keywords： Interaction elements Emotional level Strategy User experienceEmotion

引言

數字信息時代，產品和互聯網緊密相連。工業產品逐漸趨于人性化，智能化。人通過按鈕，按鍵等實體操作器進行互動，也可以通過聲音，手勢與之交流，交互成為產品與人交流中的橋梁。在交互過程中，用戶感受至關重要，如何提升用戶情感體驗是主要的研究問題。

一、交互要素中的情感價值

（一）互聯網產品中的交互要素

交互設計的對象是人與產品交互的行為。交互設計的任務是設定用戶的使用行為，并通過規劃信息的內容、結構和呈現方式來引導用戶的使用。[1]因此，形式、行為、內容是交互設計任務中必不可少的要素。在互聯網產品中，形式為產品提供外在表現;行為給產品提供交互基礎;內容為產品提供內在框架。

形式即視覺，通過圖片、色彩、版式、圖標、文字表現。交互行為是有了動作和相映的反饋才形成。[2]在交互行為中，人、動作、目的、工具或媒介、環境是交互行為的基本要素。內容是產品的內在，即文案信息。

（二）情感在交互要素中的價值

情感需求是人的天性，人使用產品，都會產生情感。在互聯網產品中，往往注重于功能設計，情感設計并不多見。互聯網產品僅具備功能屬性，人與互聯網產品之間的交流變得單一乏味。現在的互聯網產品中的情感設計僅關注在視覺層面，這使人與互聯網產品交互時的情感聯系較為單一乏味，要想真正地使人與產品建立情感，應更加注重人在使用互聯網產品時的所有接觸點，而交互要素的全面分析有助于建立情感。

區分互聯網產品是否優異，需要判斷互聯網產品是否滿足人的情感。人使用產品過程中感到愉悅，產生歸屬感，用戶忠誠度高，所以有情感屬性的互聯網產品更具用戶黏性，也更具有商業價值。情感引起用戶共鳴，增加用戶使用效率，帶給用戶滿足感。因此，在互聯網產品中，不僅滿足用戶功能需求，更應滿足用戶情感需求。

二、交互要素中的情感交互

（一）交互要素與情感化設計的聯系

交互要素與情感化設計的聯系就在于將情感化層次理論應用到交互設計中。Donald Norman從情感角度將情感化設計分為本能層次、行為層次、反思層次。[3]三個層次相互融合，不可分割。本能層是用戶使用產品時的本能反應，包括產品外觀，行為層側重產品的效用和功能，包括功能、可用性和易懂性，反思層注重用戶滿意度、忠誠度，包括內容、信息，易受文化、教育影響。

在交互要素中，形式要素為互聯網產品的視覺表現，即產品的外觀，在情感化設計中對應本能層次;行為要素觀察用戶在環境中使用產品時的行為，從而提升互聯網產品的可用性、易用性，在情感化設計中對應行為層次：內容要素通過信息、內容吸引用戶，與用戶情感共鳴，在情感化設計中對應反思層次，如圖1。

（二）形式要素中的情感交互

通過情感化設計與交互要素的聯系可知，形式要素具有本能層級的情感交互特點。本能層次來源于人的本能反應，其視覺情感交互特點：1.習慣性。2令人愉快的顏色：高明度、高飽和度、紅黃藍三原色。3.人類與自然共同進化后的認知特點。4.受文化影響。

在形式要素中，以視覺特征為主要表現，結合本能層次發現形式要素情感交互具有以下特點。

1.不同年齡階段的目標用戶具有其視覺上的習慣性。

2.符合用戶自然認知特點。

3.遵從目標用戶的文化，美感需求。

（三）行為要素中的情感交互

行為層的體驗是情感體驗的關鍵立足點。[4]行為要素對應情感化設計中的行為層次，與行為水平設計的側重點相同，即提升產品的效用。在情感化設計中，提升產品的效用重在產品的功能和易懂性。

在產品功能方面，當產品基礎功能已經完成時，改進和創新成為產品的新戰略。此時，發現用戶本身察覺不到的需求是改進產品的關鍵策略點。設計者通過觀察用戶在環境中與產品的行為來發現用戶需求。將用戶與產品交流的過程放置在認知心理學中，便是用戶認知過程，即信息加工的過程。

通過加涅信息加工理論模型構建用戶情感信息模型，如圖2。在情感信息認知模型中，行為要素中的人要素通過感受器、加工器、效應器與環境要素進行情感信息的交流，環境要素觸發用戶情感。因此，環境要素對用戶情感起到關鍵作用。而在互聯網產品中，環境表現為場景、情境，所以人與互聯網產品的情感交流來源于場景、情境。

產品易懂性方面主要為理解用戶心理模型與設計者的概念模型的差距，保證最終的系統形象符合用戶的心理模型。在互聯網產品中，構建使用者模型是基礎，而理解用戶心理模型是關鍵。用戶在使用產品時的心流狀態能夠很好地體現用戶心理模型，同時獲得滿足感和愉快感，如圖3。

（四）內容要素中的情感交互

內容是交互設計的功能基礎，包含了具體的信息和信息的組織結構。[5]在情感化設計中，內容要素存在于反思層次。反思層次的設計注重信息、內容的意義，同時容易受到文化，教育的影響。在互聯網產品中，信息、文案是產品與用戶交流的主要方式，也是引起用戶回憶的關鍵因素。

三、互聯網產品提升用戶情感的策略

（一）形式要素情感提升策略

形式要素的本能層情感交互規律，即滿足用戶習慣性、符合用戶自然認知特點，遵從目標用戶的文化習慣。將規律應用在互聯網產品形式要素中，結合形式要素設計特點，總結提升用戶情感的策略。

1.構建視覺形態語義。構建形態語義的目的是為了滿足用戶的習慣性，將生活中三維立體的產品根據用戶的認知提煉為精準的視覺符號，構建視覺上的形態語義，使用戶觀看時產生聯想，產生即刻反應，降低用戶學習成本。

2.相同產品屬性的色彩。在互聯網產品中，采用生活中產品的顏色描繪互聯網產品中的視覺色彩，其主要依據為符合用戶自然認知特點，即用戶與自然共同進化時，人類對自然色彩的認識。相同產品屬性的色彩—方面可以促使用戶更好的產品屬性，同時增強用戶對產品的認知。

3.線面搭配使用。線、面搭配利用的是用戶對線、面擁有不同的認知。通過對線和面屬性的認知對比，來達到視覺導流的功能。

4.清晰簡約的版式。清晰簡約的版式一方面有助于用戶理解，另一方面幫助用戶高效地處理信息。遵從用戶閱讀習慣，對內容區域進行分級，進一步通過引導用戶視覺幫助用戶在繁雜的界面信息中操作，幫助用戶愉快的完成用戶目標。

5.視覺文化設計。通過將文化傳承視覺化，引起用戶心理的美好靈感。視覺文化特點，其一需要內在的文化傳承;其二需要對用戶具有感染力。在星巴克的視覺文化設計中，通過設計美人魚善良美好的文化帶入產品形象中，使用戶在情感上認為此品牌是善良和正義的象征。

（二）行為要素情感提升策略

1.情感記憶情境構建

環境是人接收情感信息的第一來源。在互聯網產品中構建場景，就是構建用戶-環境-產品的交流情境。目前，互聯網產品趨于類似，用戶對相似的產品麻木、乏味。而在生活中，用戶對自己熟悉的產品更容易分辨。因此，運用情感記憶構建情境有助于用戶理解產品，提升產品易懂性。情感記憶指人們往往對一些熟識的產品，熟悉的人，曾經居住過的環境擁有特殊的情感和比較深刻的記憶[6]。

在構建情境中，熟識的產品和場景引起用戶的美好回憶，但并不是將產品或場景照搬，而是在環境中產生新的形式和新的意義。產品和場景新的形式與舊的形式形成對比，吸引用戶不斷地使用產品。

2.用戶心流狀態構建

心流體驗是指一種將個人精力或者“身心”完全投注在某種活動時的感覺。[7]用戶進入心流時，獲得情感上的滿足感，并且愿意持續投入精力在產品上，不知不覺中學習并理解產品。要使用戶持續進入心流體驗狀態下，面臨兩種重要因素，即產品提供給用戶的挑戰和用戶技能。只有在挑戰與用戶本身的技能平衡時，用戶才能持續投入產品。根據心流體驗特征總結互聯網產品中用戶心流狀態構建的方法，即產品提供持續性的反饋，使用戶的想法與交互操作一致，簡約的交互路徑。

持續性的反饋。要使用戶理解產品，產品必須給用戶提供持續性的反饋，幫助用戶在眾多層級中進行操作。持續性的反饋不斷增強用戶技能，使用戶在情感上獲得滿足感。

用戶想法與交互行為一致。優秀的交互設計使用戶按照產品的提示與產品對話，使用戶感知如何操作產品，并且減少打斷用戶心流狀態的干擾。

簡約的交互路徑。互聯網產品功能和結構眾多，會降低用戶心流狀態的產生。在完成互聯網產品基本功能和信息結構下，減少用戶的交互路徑必然提高用戶效率，使用戶更快地完成用戶目標，避免心流體驗被過長的操作流程打斷。

（三）內容要素情感提升策略

用戶觀看互聯網產品，視覺表現是第一印象，信息是內在。在互聯網產品中，內容要素情感提升策略重在文案信息和數據。信息雖然沒有圖片、視頻沖擊力強，但在用戶情感上有助于用戶理解產品，產生深度情感。便于互聯網產品產生忠誠用戶，延長產品生命周期。同時，關鍵文案信息數據引起用戶的好奇心的同時，引導用戶視覺，提升項目目標的達成率。

具有同理心的文案信息。在互聯網產品中，將情感化賦予文案，在文案滿足不同需求的同時，與用戶思想共鳴。編寫文案時，應使用關懷的語氣，例如404錯誤頁面：對不起，您的網頁同學出小差了。很抱歉讓您久等了，我們馬上為您修復等話語。同時，設計者在文案編寫時，應將自己放入用戶所處環境中編寫文案。

四、交互要素案例情感交互分析

以網易云音樂APP為例分析交互設計要素中情感提升策略。音樂APP給人的吸引力在于其能夠喚醒人的情感記憶，使人的精神與音樂產生共鳴。網易云音樂在情感設計上體現十分充分。

（一）形式要素情感分析

視覺情感研究存在的問題主要是個人情感的主觀性。用戶個體對視覺信息的情感反應不同，用戶情感難以統一。因此，從個人角度歸類視覺信息的情感統一是難以實現的。消費心態檔案中指出，相同年齡、相同時間或具有相同收入的人群其心理想法往往是一樣的。研究人群視覺情感的相同特性能夠提供視覺要素中情感提升策略。以網易云音樂為例分析形式要素情感提升策略。

1.構建視覺形態語義。APP將播音機開關鍵抽象化，設計出符合產品語義的播音按鍵，降低用戶學習負重，完成“播放音樂”目標。

2.相同產品屬性色彩。音樂給人的感覺同黃、紅、橘三色相同，用戶認知與產品顏色相符，對產品認同感增加。功能欄“每日推薦”圖標與其點擊后背景顏色一致，建立環境顏色相似，符合用戶心理預期。

3.線、面搭配。功能欄中的圖標采用面整體設計，相對于導航欄中的線性圖標，具有更顯著的識別性，引導用戶視覺。了解用戶需求的同時，通過此種設計方式，突出常用功能，方便用戶尋找，建立用戶信心。

4.清晰簡約的版式。APP中功能較多，通過扁平化層級進行堆疊界面。為了使用戶能夠高效地處理任務，清晰簡約的版式方便用戶閱讀，引導用戶做出正確決策。

（二）行為要素情感分析

網易云音樂APP構建情感記憶場景非常經典，功能欄“每日推薦”采用過去每家每戶都使用的掛歷構建場景，并在圖標的設計上與掛歷場景一致，增強產品整體性的同時，引起用戶回憶感、歸屬感。唱盤機經典情感記憶場景使用戶身臨其境，獲得愉悅感的同時體驗優雅的環境。本人根據網易云音樂APP情感記憶場景提取出以下情感提升策略。

1.熟識的產品與場景。通過唱盤機使用戶體驗過去老上海權貴人群的生活方式，在情感上得到滿足感。

2.持續性的反饋。點擊播放音樂，“唱盤機情境”模仿實際產品唱盤機不停地運轉，給用戶帶來持續的正反饋，即音樂正在播放。

3.行為與想法融合。通過切換“唱片”達到切換歌曲的行為方式，使用戶的想法與行為一致，達到心流體驗。

4.簡約的交互路徑。網易云音樂重視用戶需求，將下方導航欄位置直接替換為“播放音樂”入口，減少用戶操作步驟，讓用戶愉快地完成目標。

（四）內容要素情感提升策略

在網易云音樂中，采用同理心文案信息引導用戶完成項目目標（如圖4），增加用戶數據活性，使用戶從單一聽歌變成社交活動，增加用戶留存率。采用“1774萬”文案數據吸引用戶好奇心，使用戶想要去聽此區塊的音樂。因此，得出以下內容要素提升情感策略。

1.同理心文案編寫，如圖5。云村社交平臺編寫據同理心的文案觸使用戶關注更多的用戶，增加用戶使用時間。

2.數據信息引導視覺，如圖4。采用巨大的數據引導用戶選擇更好聽的音樂，使用戶接受并喜歡上此款產品。

結論

互聯網產品競爭日益激烈，提升用戶體驗迫在眉睫，增強用戶情感是觸進用戶交流的最佳方式。用戶情感對產品來說，是產品延長生命周期的關鍵。本文深入研究情感在交互要素中聯系點。在形式要素中總結大多數用戶相一致的視覺情感體驗，提出視覺層情感提升策略：構建視覺形態語義、相同產品屬性色彩、線面搭配、清晰簡約的版式、視覺文化設計;行為要素中通過產品功能與產品易用性，提出情感記憶情境構建，用戶心流狀態構建，并以此構建設計策略：熟識的產品與場景、有價值的反饋、行為與想法融合、簡約的交互路徑;內容要素中分析文案信息以及數據信息提升情感策略：同理心文案編寫和大數據信息引導視覺。

參考文獻

[1]吳瓊.交互設計的域與界[J].裝飾，2010（201）：34-37.

[2]辛向陽.從物理邏輯到行為邏輯[J].裝飾2015（261）：58-62.

[3]（美）唐納德·A·諾曼.設計心理學.情感化設計[M].北京：中信出版社，2015： 21-22.

[4]朱吉虹，嚴海燕，廖海進.移動互聯網產品情感體驗設計層次模型構建[J].包裝工程，2018，39（24）：177-182.

[5]黃本亮.交互設計的語義層面[J].包裝工程2013，34（2）：38-41.

[6]王玉珊.李世國，情感記憶在交互設計中的價值與應用[J].包裝工程.2011，32（2）：56-59.

[7] CSIKSZNTMIHALYI M.FLOW： the Psychoiogy of Opimal Experience [M]. New York： Harper PerennialModern Classics， 2008.