情感化理論在界面去工具化設(shè)計(jì)中的應(yīng)用

張子晗 吳祐昕

關(guān)鍵詞：情感化;界面設(shè)計(jì);去工具化

中圖分類號(hào)：TB47 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1004-9436（2021）21-0-03

0 引言

互聯(lián)網(wǎng)產(chǎn)業(yè)經(jīng)過近年來的蓬勃發(fā)展，各領(lǐng)域產(chǎn)品在功能搭建方面都已成熟并面臨同質(zhì)化危機(jī)，單一的技術(shù)工具論已經(jīng)不足以推動(dòng)其進(jìn)一步發(fā)展，甚至成為求變與突破的桎梏。對(duì)于一些本身工具屬性較強(qiáng)、功能較為單一的產(chǎn)品而言，在功能搭建的擴(kuò)展及優(yōu)化上的探索余地有限。在此背景下，設(shè)計(jì)研究者將目光轉(zhuǎn)向了針對(duì)界面的去工具化設(shè)計(jì)，而情感化則是實(shí)現(xiàn)界面設(shè)計(jì)去工具化的有效途徑。文章探究情感化與界面去工具化設(shè)計(jì)的理論聯(lián)系，以及通過情感化設(shè)計(jì)弱化界面工具感的運(yùn)用策略。

1 去工具化設(shè)計(jì)

去工具化設(shè)計(jì)是指不單以技術(shù)工具論的邏輯為導(dǎo)向進(jìn)行的設(shè)計(jì)。技術(shù)工具論指的是“技術(shù)是服務(wù)于使用者目的的、價(jià)值中性的工具手段”，基于技術(shù)工具論的設(shè)計(jì)導(dǎo)向則是創(chuàng)造價(jià)值中立、為人所用的被動(dòng)工具[1]。去工具化設(shè)計(jì)的目的是打破這一局限，在保證可用性、易用性不變的基礎(chǔ)上，弱化產(chǎn)品體現(xiàn)出的工具化屬性。為產(chǎn)品再次賦能，使其獲得新的附加價(jià)值，增強(qiáng)產(chǎn)品的用戶黏性。通俗而言，就是在不影響功能的前提下，“使工具看起來沒那么像工具”，經(jīng)過去工具化設(shè)計(jì)的產(chǎn)物，與用戶之間形成了使用與被使用之外的聯(lián)結(jié)，常具有富趣味性、富審美價(jià)值和個(gè)性化等特點(diǎn)。

需要注意的是，去工具化設(shè)計(jì)不等同于無限制地消解產(chǎn)品的工具化屬性。產(chǎn)品的功能性仍是最重要的屬性，要保證產(chǎn)品可用和易用，則其工具化屬性不可能被完全消除，否則會(huì)導(dǎo)致舍本逐末的后果。此外，在某些特定情境下，產(chǎn)品的強(qiáng)工具化屬性也意味著簡(jiǎn)捷有效和專業(yè)嚴(yán)謹(jǐn)。例如，與科技相關(guān)領(lǐng)域的產(chǎn)品，常采用富有沉靜感的藍(lán)色系作為主色調(diào)，并大量使用無色彩顏色，界面風(fēng)格較為簡(jiǎn)潔，呈現(xiàn)出較強(qiáng)的工具感，符合用戶的心理預(yù)期，有利于用戶對(duì)該產(chǎn)品產(chǎn)生穩(wěn)重可靠、可信賴的印象[2]。因此，去工具化設(shè)計(jì)的必要性和應(yīng)用程度應(yīng)因地制宜，從用戶角度出發(fā)，根據(jù)實(shí)際需要考量。

2 界面設(shè)計(jì)

界面設(shè)計(jì)中的界面指人與物之間發(fā)生信息交換時(shí)的交互媒介，也是用戶與產(chǎn)品最主要的交流途徑[3]，這里一般指的是狹義上的界面，即計(jì)算機(jī)端和移動(dòng)端設(shè)備的應(yīng)用界面。實(shí)施界面設(shè)計(jì)首先要從用戶需求出發(fā)搭建產(chǎn)品的結(jié)構(gòu)與框架，隨后要進(jìn)行交互行為方式的設(shè)計(jì)，最后對(duì)界面需要呈現(xiàn)的視覺元素進(jìn)行設(shè)計(jì)。隨著界面設(shè)計(jì)領(lǐng)域的不斷發(fā)展，前兩者不斷擴(kuò)展融合，形成了當(dāng)下語境中的交互設(shè)計(jì)，主要針對(duì)用戶的心理和行為，與人機(jī)工程學(xué)、心理學(xué)等學(xué)科關(guān)聯(lián)性強(qiáng)，后者為視覺界面設(shè)計(jì)，指對(duì)界面的視覺元素進(jìn)行設(shè)計(jì)[4]。兩者的側(cè)重點(diǎn)有較大的差異，卻又息息相關(guān)，界面的視覺設(shè)計(jì)無法脫離對(duì)交互方式的考慮，因此文中的“界面設(shè)計(jì)”一詞指建立在交互設(shè)計(jì)基礎(chǔ)上的視覺界面設(shè)計(jì)，即從用戶操作的角度出發(fā)，將文字、圖形、影像等視覺要素進(jìn)行有序而系統(tǒng)的編排，使其為一個(gè)邏輯順暢而美觀的整體，為用戶行為的實(shí)現(xiàn)提供基礎(chǔ)。

作為人機(jī)之間的橋梁，界面不僅負(fù)責(zé)實(shí)現(xiàn)人機(jī)之間有效信息的交換，也承擔(dān)著情感與文化的交互職責(zé)。優(yōu)秀的界面設(shè)計(jì)可以為用戶的使用體驗(yàn)提升層次，從而實(shí)現(xiàn)產(chǎn)品附加價(jià)值的提升和用戶黏性的增強(qiáng)。

3 情感化

3.1 情感化設(shè)計(jì)

情感化設(shè)計(jì)由美國認(rèn)知心理學(xué)家和工業(yè)設(shè)計(jì)師唐納德·A·諾曼提出，其在著作《情感化設(shè)計(jì)》一書中將其描述為一種以滿足用戶的情感需求為出發(fā)點(diǎn)的設(shè)計(jì)，其目的是在遵循產(chǎn)品邏輯、不影響功能的前提下從用戶的使用感受出發(fā)進(jìn)行設(shè)計(jì)，從而滿足用戶更高層次的情感期待。諾曼將設(shè)計(jì)分為三個(gè)水平：本能水平的設(shè)計(jì)，即從人類本能出發(fā)的設(shè)計(jì)，最直接地帶給用戶感官上的刺激;行為水平的設(shè)計(jì)，即將效用和性能作為首要考量依據(jù)的設(shè)計(jì);反思水平的設(shè)計(jì)，即注重產(chǎn)品的意義。受到用戶個(gè)人經(jīng)驗(yàn)、主觀思維、文化差異等因素的影響，這三個(gè)維度在設(shè)計(jì)實(shí)踐中交織在一起[5]。情感化設(shè)計(jì)超越了傳統(tǒng)設(shè)計(jì)的可用和易用指標(biāo)，通過對(duì)用戶心理的研究，將適宜的情感因素與產(chǎn)品的物理要素有機(jī)結(jié)合，使用戶在使用產(chǎn)品時(shí)收獲功能實(shí)現(xiàn)之外的內(nèi)在情感價(jià)值。

3.2 情感化理論與去工具化設(shè)計(jì)的結(jié)合

現(xiàn)代設(shè)計(jì)多將設(shè)計(jì)重心放在產(chǎn)品功能上，主要考慮產(chǎn)品可用性和形式架構(gòu)之間的關(guān)系，而情感化理論指導(dǎo)下的設(shè)計(jì)則以滿足用戶的藝術(shù)化審美需求和隱形情感體驗(yàn)為終極目標(biāo)，不以實(shí)現(xiàn)功能上的實(shí)用為唯一目的，如青蛙公司提出的“形式追隨激情”的口號(hào)，就是對(duì)注重情感體驗(yàn)、人文價(jià)值和個(gè)性化品位的倡導(dǎo)，這一點(diǎn)與去工具化設(shè)計(jì)的初衷有異曲同工之處。根據(jù)需要層次理論，當(dāng)相對(duì)低層次的需要得到滿足后，人們就會(huì)追求更高層次的需要，情感化設(shè)計(jì)的產(chǎn)物能夠使用戶在滿足基本使用需求的基礎(chǔ)上進(jìn)一步體會(huì)到其更高層次的附加價(jià)值，從而得到正向的情感體驗(yàn)，進(jìn)而提高人們的生活品質(zhì)和幸福感。在此目標(biāo)導(dǎo)向下進(jìn)行的設(shè)計(jì)，盡管產(chǎn)品實(shí)際的工具性質(zhì)和功能并未消失，但其絕對(duì)價(jià)值中性的屬性已不復(fù)存在。因此，情感化設(shè)計(jì)是界面設(shè)計(jì)去工具化的有效途徑。在此視角下，也可以將去工具化設(shè)計(jì)看作情感化理論的一個(gè)重要實(shí)踐方向。

3.3 情感化理論在界面去工具化設(shè)計(jì)中的實(shí)踐

3.3.1 色彩感性設(shè)計(jì)

色彩的感性設(shè)計(jì)是將色彩心理學(xué)和情感化設(shè)計(jì)的三個(gè)層面進(jìn)行有機(jī)結(jié)合的一種設(shè)計(jì)方法，以色彩具有的感性意象為切入點(diǎn)進(jìn)行色彩方案設(shè)計(jì)，由趙艷梅（2019）在對(duì)兒童CT掃描儀進(jìn)行設(shè)計(jì)研究時(shí)提出。該設(shè)計(jì)從色彩心理學(xué)與醫(yī)療器械的功能性兩方面出發(fā)，以白色為基礎(chǔ)色，以溫暖柔和的黃色為主色，用來減輕醫(yī)療工具的嚴(yán)肅感、無機(jī)感，幫助患兒及家屬消除緊張等負(fù)面情緒。同時(shí)使用藍(lán)色作為輔助色彩，通過互補(bǔ)色原理減少了視覺負(fù)像殘像，以免對(duì)醫(yī)護(hù)人員的操作產(chǎn)生負(fù)面影響。使用過程中，兩種色彩會(huì)結(jié)合使掃描架內(nèi)部變?yōu)闇\綠色，使患兒聯(lián)想到健康、治愈，進(jìn)一步起到正向的情緒引導(dǎo)。該設(shè)計(jì)在不影響產(chǎn)品功能的基礎(chǔ)上，達(dá)到了通過色彩感性設(shè)計(jì)減輕產(chǎn)品外觀工具化程度、令使用者產(chǎn)生良好體驗(yàn)的目的[6]。

相似的色彩感性設(shè)計(jì)方法也在移動(dòng)端界面設(shè)計(jì)中得到了良好的應(yīng)用，如吉他調(diào)音應(yīng)用程序Guitar Tuna的界面設(shè)計(jì)，采用了飽和度和明度都較高的綠色為主色、深灰色為基礎(chǔ)色，主界面是胡桃木色吉他琴頭的形象，與明快活潑的綠色相結(jié)合，形成自然清新的調(diào)性，使用戶在使用過程中容易聯(lián)想到生機(jī)勃勃的植物，進(jìn)而獲得輕松、愉悅的情感體驗(yàn)。盡管該應(yīng)用程序是一款簡(jiǎn)單的工具類產(chǎn)品，主要功能僅僅是輔助吉他演奏者調(diào)音，但在使用過程中，用戶能夠體驗(yàn)到其界面設(shè)計(jì)色彩方案帶來的附加價(jià)值，令該產(chǎn)品與其他高度工具化的同類型產(chǎn)品拉開差距。

3.3.2 擬人化設(shè)計(jì)

唐納德·A·諾曼提出“微笑的面孔”和“漂亮的人”更容易獲得人類的偏愛。此外，溫和且友好度高的形象因其低攻擊性讓人感到安全，從而本能地降低防備并趨近[7]。因此，在界面設(shè)計(jì)中恰當(dāng)應(yīng)用與人類相似度適中的卡通人物、動(dòng)物或擬人物品，尤其是偏幼態(tài)的可愛形象，更容易拉近與用戶的心理距離，引導(dǎo)用戶產(chǎn)生愉悅的情緒，形成良好的用戶體驗(yàn)。當(dāng)用戶對(duì)擬人化的形象形成品牌記憶、產(chǎn)生情感聯(lián)結(jié)后，交互的過程就有了“對(duì)話”的色彩，產(chǎn)品在用戶眼中也就不再是無感情的純粹工具[8]。

目前，大多數(shù)互聯(lián)網(wǎng)產(chǎn)品都比較重視擬人化形象的設(shè)計(jì)與應(yīng)用，如美團(tuán)近日為品牌吉祥物進(jìn)行了形象升級(jí)，并以“我變萌了”為標(biāo)題發(fā)布公眾號(hào)文章對(duì)其進(jìn)行推廣。從美團(tuán)對(duì)新吉祥物形象“萌”屬性的強(qiáng)調(diào)，可得出此次吉祥物形象再設(shè)計(jì)的重點(diǎn)：升級(jí)后的形象更加擬人化、卡通化，并且具有幼態(tài)特點(diǎn)，變萌之后的吉祥物也更容易憑借其親和力與用戶建立紐帶，從而達(dá)到弱化產(chǎn)品工具屬性的目的。

3.3.3 個(gè)性化視覺設(shè)計(jì)

追求個(gè)體表達(dá)是新時(shí)代互聯(lián)網(wǎng)用戶的突出標(biāo)簽，注重個(gè)性化審美也是情感化理論中重要的組成部分。由于審美具有較大的主觀性差異，個(gè)性化界面的設(shè)置在提供給用戶更多自主性的同時(shí)，也相當(dāng)于邀請(qǐng)用戶參與了產(chǎn)品的外觀設(shè)計(jì)，這一過程中用戶的個(gè)人意志與審美得以體現(xiàn)[9]。

輸入法類應(yīng)用程序是通過個(gè)性化設(shè)計(jì)使產(chǎn)品脫離單一工具屬性的典型產(chǎn)品之一。以訊飛輸入法為例，在其界面?zhèn)€性化視覺設(shè)計(jì)中，皮膚（即輸入界面外觀）和字體都是可供用戶編輯的，可選擇無裝飾的默認(rèn)設(shè)置、不同主題的現(xiàn)有皮膚或自定義設(shè)計(jì)。現(xiàn)有皮膚一部分為官方設(shè)計(jì)團(tuán)隊(duì)提供，另一部分為用戶分享的自定義設(shè)計(jì)。無論是側(cè)重簡(jiǎn)潔高效、美觀還是個(gè)性表達(dá)，用戶都可以根據(jù)自己的想法靈活掌握，較高的自主權(quán)也將設(shè)置自定義外觀轉(zhuǎn)變?yōu)橐环N設(shè)計(jì)過程，用戶會(huì)在此過程中收獲創(chuàng)作的成就感，并產(chǎn)生對(duì)個(gè)人作品的分享欲。訊飛輸入法以此為切入點(diǎn)拓展了社交模塊，用戶可以在社區(qū)發(fā)帖分享皮膚、手機(jī)壁紙、頭像圖以及其他生活內(nèi)容，有效降低了產(chǎn)品的單一工具化屬性。

3.3.4 趣味性設(shè)計(jì)

趣味性設(shè)計(jì)是一種在“以人為本”原則的基礎(chǔ)上進(jìn)行的設(shè)計(jì)，通常富有人文情趣且詼諧幽默，能夠通過一些巧思抓取用戶的即時(shí)注意力，使用戶獲得新奇、愉悅、驚喜等正向情感體驗(yàn)[10]，有利于調(diào)節(jié)快節(jié)奏生活帶來的精神壓力，還可以激發(fā)用戶的主動(dòng)傳播行為，為營銷與推廣奠定良好的基礎(chǔ)。

趣味性的界面設(shè)計(jì)可以通過以下四種途徑實(shí)現(xiàn)。

第一，界面游戲化。游戲化是指在非游戲場(chǎng)景中融入游戲的可玩性，利用游戲的運(yùn)行機(jī)制激發(fā)用戶的使用動(dòng)力并進(jìn)行操作引導(dǎo)，從而使其在非游戲的應(yīng)用界面也能獲得趣味。需要注意的是，游戲化并不是把產(chǎn)品做成游戲，應(yīng)當(dāng)適度把控界面游戲化的必要性和程度，一些特殊的工具類產(chǎn)品并不適宜應(yīng)用游戲化界面設(shè)計(jì)，如在線券商Robinhood的界面設(shè)計(jì)由于過度游戲化，在一定程度上消解了新手用戶對(duì)金融投資應(yīng)有的風(fēng)險(xiǎn)意識(shí)，有引導(dǎo)不當(dāng)之嫌，因此遭到投訴并面臨訴訟。

第二，趣味動(dòng)效。根據(jù)認(rèn)知心理學(xué)的相關(guān)研究，在排除無關(guān)變量的前提下，同一界面的視覺元素中，動(dòng)態(tài)信息在引發(fā)注意力方面優(yōu)先級(jí)最高，能最先吸引人的注意力。在動(dòng)效設(shè)計(jì)中增添趣味性能夠更好地利用注意力，不僅可以激發(fā)用戶的探索欲，進(jìn)而刺激使用，還可以增加使用過程中的記憶點(diǎn)，讓用戶體驗(yàn)變得更加生動(dòng)，更有利于增強(qiáng)用戶黏性，如Apple music在音樂播放界面加入的動(dòng)態(tài)光效，通過色彩與音樂節(jié)奏的結(jié)合，為用戶帶來通感的美妙體驗(yàn)。

第三，幽默感元素。在界面設(shè)計(jì)中植入富有幽默意味的圖形及文案，可以有效地引發(fā)用戶的積極情緒與共鳴，并易于引發(fā)用戶的自主傳播。谷歌的Doodle就是一個(gè)將幽默感元素和界面設(shè)計(jì)結(jié)合得比較成功的例子，它是谷歌的“徽標(biāo)涂鴉小組”以趣味插畫的形式創(chuàng)作的定制版圖標(biāo)，以代替原有標(biāo)志在主頁上展示，通常在重大節(jié)日和紀(jì)念日推出，富有觀賞性和娛樂性。Doodle的更新通常都能引起可觀的討論度，也側(cè)面證明了其承載的用戶期待值。

第四，“彩蛋”植入?！扒槔碇校饬现狻钡那伤紩?huì)帶來使人眼前一亮的驚喜感，也是趣味性的重要來源?！安实啊痹O(shè)計(jì)的關(guān)鍵是出其不意與超出期待，要靠用戶自己發(fā)現(xiàn)，如網(wǎng)易云音樂評(píng)論區(qū)設(shè)置的隱藏功能：用兩指在某條評(píng)論展示的區(qū)域進(jìn)行向內(nèi)縮放的手勢(shì)滑動(dòng)，界面會(huì)出現(xiàn)兩個(gè)卡通人物擁抱并微笑的動(dòng)畫，同時(shí)發(fā)出該評(píng)論的用戶頭像上顯示“收到了抱抱”，使用戶在不經(jīng)意的操作間體會(huì)到一份驚喜與溫暖。

4 結(jié)語

隨著大眾精神層面的需求日益增加，功用上的高效不再指向心靈的滿足，界面設(shè)計(jì)也迎來了新的挑戰(zhàn)。情感化理論與去工具化設(shè)計(jì)的結(jié)合將有助于提升產(chǎn)品的附加值、與用戶建立良好的情感聯(lián)結(jié)，從而打破工具類產(chǎn)品當(dāng)下面臨的同質(zhì)化困境，對(duì)去工具化的研究也將幫助設(shè)計(jì)研究者找到新的思路與發(fā)展的突破口。

參考文獻(xiàn)：

[1] 章文.“去工具化”：創(chuàng)意手繪教學(xué)中iPad與傳統(tǒng)紙筆的比較研究[J].新美術(shù)，2021，42（3）：204-214.

[2] 王桂霞，趙洪文.基于UI界面設(shè)計(jì)中色彩應(yīng)用研究[J].新媒體研究，2018，4（22）：52-53.

[3] 劉瑩.產(chǎn)品界面設(shè)計(jì)概念淺析[J].美術(shù)教育研究，2014（13）：85-86.

[4] 孫夢(mèng).多媒體交互界面的趣味性設(shè)計(jì)研究[D].南京：東南大學(xué)，2017.

[5] 羅蘭.交互設(shè)計(jì)情感化設(shè)計(jì)現(xiàn)狀及發(fā)展研究綜述[J].中國包裝，2018，38（12）：33-35.

[6] 趙艷梅.基于色彩感知的兒童醫(yī)療器械情感化設(shè)計(jì)研究[J].機(jī)械設(shè)計(jì)，2019，36（2）：142-144.

[7] 丁汗青，張繼曉.情感化視覺要素設(shè)計(jì)研究[J].包裝工程，2019，40（10）：5.

[8] 陳越紅，王爍堯. UI設(shè)計(jì)中的視覺心理認(rèn)知與情感化設(shè)計(jì)分析[J].藝術(shù)設(shè)計(jì)研究，2021（2）：74-79.

[9] 薛天.基于用戶體驗(yàn)的UI視覺設(shè)計(jì)情感化的運(yùn)用[J].藝海，2020（12）：94-95.

[10] 尹香華.界面設(shè)計(jì)中的趣味性研究[J].美術(shù)大觀，2018（5）：102-103.

作者簡(jiǎn)介：張子晗（1996—），女，山東菏澤人，碩士在讀，研究方向：視覺傳達(dá)與信息設(shè)計(jì)。

吳祐昕（1973—），女，江蘇無錫人，博士，教授，研究方向：信息交互與體驗(yàn)設(shè)計(jì)、品牌數(shù)字化創(chuàng)新、網(wǎng)絡(luò)文化創(chuàng)意產(chǎn)業(yè)。