交互設(shè)計要素情感研究

馬廣韜 方欽樸

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

關(guān)鍵詞：交互要素 情感化層次 策略 用戶體驗(yàn) 情感

中圖分類號：TB47

文獻(xiàn)標(biāo)識碼：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

引言

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

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

（一）互聯(lián)網(wǎng)產(chǎn)品中的交互要素

交互設(shè)計的對象是人與產(chǎn)品交互的行為。交互設(shè)計的任務(wù)是設(shè)定用戶的使用行為，并通過規(guī)劃信息的內(nèi)容、結(jié)構(gòu)和呈現(xiàn)方式來引導(dǎo)用戶的使用。[1]因此，形式、行為、內(nèi)容是交互設(shè)計任務(wù)中必不可少的要素。在互聯(lián)網(wǎng)產(chǎn)品中，形式為產(chǎn)品提供外在表現(xiàn);行為給產(chǎn)品提供交互基礎(chǔ);內(nèi)容為產(chǎn)品提供內(nèi)在框架。

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

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

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

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

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

（一）交互要素與情感化設(shè)計的聯(lián)系

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

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

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

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

在形式要素中，以視覺特征為主要表現(xiàn)，結(jié)合本能層次發(fā)現(xiàn)形式要素情感交互具有以下特點(diǎn)。

1.不同年齡階段的目標(biāo)用戶具有其視覺上的習(xí)慣性。

2.符合用戶自然認(rèn)知特點(diǎn)。

3.遵從目標(biāo)用戶的文化，美感需求。

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

行為層的體驗(yàn)是情感體驗(yàn)的關(guān)鍵立足點(diǎn)。[4]行為要素對應(yīng)情感化設(shè)計中的行為層次，與行為水平設(shè)計的側(cè)重點(diǎn)相同，即提升產(chǎn)品的效用。在情感化設(shè)計中，提升產(chǎn)品的效用重在產(chǎn)品的功能和易懂性。

在產(chǎn)品功能方面，當(dāng)產(chǎn)品基礎(chǔ)功能已經(jīng)完成時，改進(jìn)和創(chuàng)新成為產(chǎn)品的新戰(zhàn)略。此時，發(fā)現(xiàn)用戶本身察覺不到的需求是改進(jìn)產(chǎn)品的關(guān)鍵策略點(diǎn)。設(shè)計者通過觀察用戶在環(huán)境中與產(chǎn)品的行為來發(fā)現(xiàn)用戶需求。將用戶與產(chǎn)品交流的過程放置在認(rèn)知心理學(xué)中，便是用戶認(rèn)知過程，即信息加工的過程。

通過加涅信息加工理論模型構(gòu)建用戶情感信息模型，如圖2。在情感信息認(rèn)知模型中，行為要素中的人要素通過感受器、加工器、效應(yīng)器與環(huán)境要素進(jìn)行情感信息的交流，環(huán)境要素觸發(fā)用戶情感。因此，環(huán)境要素對用戶情感起到關(guān)鍵作用。而在互聯(lián)網(wǎng)產(chǎn)品中，環(huán)境表現(xiàn)為場景、情境，所以人與互聯(lián)網(wǎng)產(chǎn)品的情感交流來源于場景、情境。

產(chǎn)品易懂性方面主要為理解用戶心理模型與設(shè)計者的概念模型的差距，保證最終的系統(tǒng)形象符合用戶的心理模型。在互聯(lián)網(wǎng)產(chǎn)品中，構(gòu)建使用者模型是基礎(chǔ)，而理解用戶心理模型是關(guān)鍵。用戶在使用產(chǎn)品時的心流狀態(tài)能夠很好地體現(xiàn)用戶心理模型，同時獲得滿足感和愉快感，如圖3。

（四）內(nèi)容要素中的情感交互

內(nèi)容是交互設(shè)計的功能基礎(chǔ)，包含了具體的信息和信息的組織結(jié)構(gòu)。[5]在情感化設(shè)計中，內(nèi)容要素存在于反思層次。反思層次的設(shè)計注重信息、內(nèi)容的意義，同時容易受到文化，教育的影響。在互聯(lián)網(wǎng)產(chǎn)品中，信息、文案是產(chǎn)品與用戶交流的主要方式，也是引起用戶回憶的關(guān)鍵因素。

三、互聯(lián)網(wǎng)產(chǎn)品提升用戶情感的策略

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

形式要素的本能層情感交互規(guī)律，即滿足用戶習(xí)慣性、符合用戶自然認(rèn)知特點(diǎn)，遵從目標(biāo)用戶的文化習(xí)慣。將規(guī)律應(yīng)用在互聯(lián)網(wǎng)產(chǎn)品形式要素中，結(jié)合形式要素設(shè)計特點(diǎn)，總結(jié)提升用戶情感的策略。

1.構(gòu)建視覺形態(tài)語義。構(gòu)建形態(tài)語義的目的是為了滿足用戶的習(xí)慣性，將生活中三維立體的產(chǎn)品根據(jù)用戶的認(rèn)知提煉為精準(zhǔn)的視覺符號，構(gòu)建視覺上的形態(tài)語義，使用戶觀看時產(chǎn)生聯(lián)想，產(chǎn)生即刻反應(yīng)，降低用戶學(xué)習(xí)成本。

2.相同產(chǎn)品屬性的色彩。在互聯(lián)網(wǎng)產(chǎn)品中，采用生活中產(chǎn)品的顏色描繪互聯(lián)網(wǎng)產(chǎn)品中的視覺色彩，其主要依據(jù)為符合用戶自然認(rèn)知特點(diǎn)，即用戶與自然共同進(jìn)化時，人類對自然色彩的認(rèn)識。相同產(chǎn)品屬性的色彩—方面可以促使用戶更好的產(chǎn)品屬性，同時增強(qiáng)用戶對產(chǎn)品的認(rèn)知。

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

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

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

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

1.情感記憶情境構(gòu)建

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

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

2.用戶心流狀態(tài)構(gòu)建

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

持續(xù)性的反饋。要使用戶理解產(chǎn)品，產(chǎn)品必須給用戶提供持續(xù)性的反饋，幫助用戶在眾多層級中進(jìn)行操作。持續(xù)性的反饋不斷增強(qiáng)用戶技能，使用戶在情感上獲得滿足感。

用戶想法與交互行為一致。優(yōu)秀的交互設(shè)計使用戶按照產(chǎn)品的提示與產(chǎn)品對話，使用戶感知如何操作產(chǎn)品，并且減少打斷用戶心流狀態(tài)的干擾。

簡約的交互路徑。互聯(lián)網(wǎng)產(chǎn)品功能和結(jié)構(gòu)眾多，會降低用戶心流狀態(tài)的產(chǎn)生。在完成互聯(lián)網(wǎng)產(chǎn)品基本功能和信息結(jié)構(gòu)下，減少用戶的交互路徑必然提高用戶效率，使用戶更快地完成用戶目標(biāo)，避免心流體驗(yàn)被過長的操作流程打斷。

（三）內(nèi)容要素情感提升策略

用戶觀看互聯(lián)網(wǎng)產(chǎn)品，視覺表現(xiàn)是第一印象，信息是內(nèi)在。在互聯(lián)網(wǎng)產(chǎn)品中，內(nèi)容要素情感提升策略重在文案信息和數(shù)據(jù)。信息雖然沒有圖片、視頻沖擊力強(qiáng)，但在用戶情感上有助于用戶理解產(chǎn)品，產(chǎn)生深度情感。便于互聯(lián)網(wǎng)產(chǎn)品產(chǎn)生忠誠用戶，延長產(chǎn)品生命周期。同時，關(guān)鍵文案信息數(shù)據(jù)引起用戶的好奇心的同時，引導(dǎo)用戶視覺，提升項(xiàng)目目標(biāo)的達(dá)成率。

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

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

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

（一）形式要素情感分析

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

1.構(gòu)建視覺形態(tài)語義。APP將播音機(jī)開關(guān)鍵抽象化，設(shè)計出符合產(chǎn)品語義的播音按鍵，降低用戶學(xué)習(xí)負(fù)重，完成“播放音樂”目標(biāo)。

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

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

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

（二）行為要素情感分析

網(wǎng)易云音樂APP構(gòu)建情感記憶場景非常經(jīng)典，功能欄“每日推薦”采用過去每家每戶都使用的掛歷構(gòu)建場景，并在圖標(biāo)的設(shè)計上與掛歷場景一致，增強(qiáng)產(chǎn)品整體性的同時，引起用戶回憶感、歸屬感。唱盤機(jī)經(jīng)典情感記憶場景使用戶身臨其境，獲得愉悅感的同時體驗(yàn)優(yōu)雅的環(huán)境。本人根據(jù)網(wǎng)易云音樂APP情感記憶場景提取出以下情感提升策略。

1.熟識的產(chǎn)品與場景。通過唱盤機(jī)使用戶體驗(yàn)過去老上海權(quán)貴人群的生活方式，在情感上得到滿足感。

2.持續(xù)性的反饋。點(diǎn)擊播放音樂，“唱盤機(jī)情境”模仿實(shí)際產(chǎn)品唱盤機(jī)不停地運(yùn)轉(zhuǎn)，給用戶帶來持續(xù)的正反饋，即音樂正在播放。

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

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

（四）內(nèi)容要素情感提升策略

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

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

2.數(shù)據(jù)信息引導(dǎo)視覺，如圖4。采用巨大的數(shù)據(jù)引導(dǎo)用戶選擇更好聽的音樂，使用戶接受并喜歡上此款產(chǎn)品。

結(jié)論

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

參考文獻(xiàn)

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

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

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

[4]朱吉虹，嚴(yán)海燕，廖海進(jìn).移動互聯(lián)網(wǎng)產(chǎn)品情感體驗(yàn)設(shè)計層次模型構(gòu)建[J].包裝工程，2018，39（24）：177-182.

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

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

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