馬嘶風(fēng)

交互界面設(shè)計(jì)中的情感化因素分析

馬嘶風(fēng)

（天津工業(yè)大學(xué)，天津 300387）

探索交互界面設(shè)計(jì)中情感化因素的主要表現(xiàn)與應(yīng)用。結(jié)合交互設(shè)計(jì)的特點(diǎn)和情感在人們生活中的重要作用，對(duì)交互界面設(shè)計(jì)中的情感化因素進(jìn)行總結(jié)，分析交互界面設(shè)計(jì)情感化需求的主要表現(xiàn)方式，分別從視覺、使用、反思3個(gè)層面展開論述，以此為支撐深入剖析手機(jī)界面、APP廣告界面和智能車載后視鏡界面在交互設(shè)計(jì)中的情感化應(yīng)用與表現(xiàn)，并總結(jié)相關(guān)的應(yīng)用策略。將情感化因素融入交互界面設(shè)計(jì)中，能夠讓用戶在使用過程中獲得獨(dú)特的體驗(yàn)，既可以輕松實(shí)現(xiàn)所有功能的集合，又能達(dá)到滿足用戶情感需求的目的。

交互界面設(shè)計(jì)；情感化因素；情感體驗(yàn)

智能交互產(chǎn)品在當(dāng)前的時(shí)代背景下不斷出現(xiàn)，并以極快的速度進(jìn)行著更新?lián)Q代，因此，選擇一種方式將人與產(chǎn)品緊密聯(lián)系起來，增進(jìn)兩者間的互動(dòng)，成為設(shè)計(jì)者的重要出發(fā)點(diǎn)[1]。事實(shí)上，智能交互產(chǎn)品已經(jīng)在不知不覺中進(jìn)入人們的生活，無論是購物時(shí)的導(dǎo)購屏、手機(jī)屏幕、就醫(yī)時(shí)的掛號(hào)機(jī)還是車載顯示器等，這些都需要借助交互系統(tǒng)與使用者建立聯(lián)系，讓使用者的需求得到充分滿足。為了突破這種人與機(jī)械之間的冷酷關(guān)系，需要讓原本并不具備情感的產(chǎn)品向情感層面和精神層面延伸，因此，交互界面設(shè)計(jì)的情感表達(dá)就顯得十分重要。將情感化因素融入交互界面設(shè)計(jì)中，能夠?qū)崿F(xiàn)更大的價(jià)值，不僅能夠更好地把握用戶的情感，讓使用者在心理上獲得一種情感的滿足和愉悅，還能進(jìn)一步誘發(fā)其購買欲望，讓商家從中獲得最大的利益。下面主要結(jié)合時(shí)代背景和用戶需求，對(duì)各種交互界面進(jìn)行科學(xué)的分析與思考，并將所得付諸實(shí)踐。

1 交互界面設(shè)計(jì)中情感化因素的主要表現(xiàn)

界面的主要受眾群體是用戶，因此，設(shè)計(jì)必須以用戶為基礎(chǔ)，融入情感化因素，充分考慮用戶的情感，以更加人性化、科技化的產(chǎn)品界面實(shí)現(xiàn)更強(qiáng)的交互性，讓用戶從中感受到更好的情感體驗(yàn)?？梢詮囊曈X表現(xiàn)、使用表現(xiàn)和反思表現(xiàn)3個(gè)層面，對(duì)情感化因素在交互界面設(shè)計(jì)中的主要表現(xiàn)進(jìn)行深入分析。

1.1 視覺表現(xiàn)

圖形、文字、色彩等直觀元素的合理應(yīng)用，能夠在視覺上更加吸引用戶，這些元素與用戶“友好相處”能夠帶來情感化的藝術(shù)效果[2]。一般情況下，圖形的融入可以實(shí)現(xiàn)藝術(shù)設(shè)計(jì)的多元化嘗試，結(jié)合點(diǎn)、線、面等表現(xiàn)手法，配合藝術(shù)化的設(shè)計(jì)處理方式，能夠在傳遞信息的同時(shí)實(shí)現(xiàn)情感交流。文字擁有同樣出彩的效果，其本身就具備不同的氣質(zhì)，設(shè)計(jì)師結(jié)合設(shè)計(jì)需求選擇與之相符的字體，可以給用戶帶來直觀的情感體驗(yàn)。色彩的應(yīng)用也有著多樣性的選擇，如可愛、復(fù)古、深沉、簡(jiǎn)潔等風(fēng)格，都可以結(jié)合實(shí)際來選取和使用。

1.2 使用表現(xiàn)

交互界面設(shè)計(jì)歸根結(jié)底是為用戶服務(wù)的，因此，設(shè)計(jì)師需要增強(qiáng)界面設(shè)計(jì)的信息交流功能，讓界面成為用戶獲取信息的橋梁，既要使所有的功能設(shè)計(jì)與用戶的預(yù)期相符，將用戶的所想和所需放在首位，又要增強(qiáng)界面的愉悅性，讓用戶在使用過程中感受到樂趣，產(chǎn)生繼續(xù)使用的想法。有了使用中的情感體驗(yàn)，交互界面設(shè)計(jì)才算基本達(dá)到了預(yù)期效果[3]。

1.3 反思表現(xiàn)

這一層面的情感化因素必須經(jīng)過縝密的思考，因?yàn)槭苡绊懙囊蛩睾芏啵O(shè)計(jì)師必須從多方面著手，深入挖掘用戶的文化背景，對(duì)用戶喜愛的視覺元素進(jìn)行靈活應(yīng)用，在交互界面與用戶之間建立起情感紐帶，從而提升用戶對(duì)產(chǎn)品的好感。

2 交互界面設(shè)計(jì)中情感化因素的具體應(yīng)用

交互界面設(shè)計(jì)中的情感化因素架起了人與產(chǎn)品之間的橋梁，但并沒有達(dá)到理想的狀態(tài)，現(xiàn)實(shí)中也存在著一些不好的實(shí)例，并在各個(gè)方面不斷影響著人們的生活，所帶來的體驗(yàn)不僅不能達(dá)到理想的用戶需求[4]，反而在很大程度上阻礙了用戶獲得良好的使用體驗(yàn)，情感化因素的融入與效果的實(shí)現(xiàn)更是無從談起。因此，人們不能掉以輕心，要對(duì)此引起重視，利用更加科學(xué)的交互界面來升華用戶的使用體驗(yàn)。以下從3個(gè)方面對(duì)此展開探討。

2.1 手機(jī)界面設(shè)計(jì)中的情感化應(yīng)用

作為用戶與手機(jī)交互的主要窗口，手機(jī)界面已經(jīng)成為設(shè)計(jì)師融入情感化因素的重要方面[5]。事實(shí)上，情感是人們主觀意識(shí)對(duì)客觀事物的態(tài)度體驗(yàn)，但這種情感存在個(gè)體差異，涉及年齡、文化、生理、心理等方面，然而，這并不意味著難以實(shí)現(xiàn)情感的交互，在用戶體驗(yàn)感知上還存在一定的共性，大多是可以通過通用性設(shè)計(jì)來實(shí)現(xiàn)的。在這一基礎(chǔ)上實(shí)現(xiàn)的基本交互、復(fù)雜交互才擁有更加深刻的意義。在視覺層面上，手機(jī)界面設(shè)計(jì)中常通過顏色、形狀、大小等元素，并遵循一定的機(jī)制，來進(jìn)行情感化設(shè)計(jì)，盡量使手機(jī)界面易操作，同時(shí)傳達(dá)出整體的設(shè)計(jì)情感與理念。比如，手機(jī)界面的屏幕尺寸和比例呈現(xiàn)出越來越大、越來越個(gè)性等趨勢(shì)，甚至為了進(jìn)一步強(qiáng)化用戶與界面的交互式情感體驗(yàn)，手機(jī)屏幕已經(jīng)開發(fā)出了全面屏、折疊屏、水滴屏等形式，不斷拓展的形式多樣的手機(jī)界面，也讓用戶的使用體驗(yàn)和情感升華得到了滿足和實(shí)現(xiàn)[6]。在使用層面上，手機(jī)界面設(shè)計(jì)也十分注重愉悅感，對(duì)人機(jī)交互有著深層次的設(shè)計(jì)和開發(fā)。以觸摸屏的設(shè)計(jì)為例，用戶可以借助點(diǎn)擊、長按、移動(dòng)、拖拽等操作方式實(shí)現(xiàn)界面的使用與控制，并且這種操作的信息反饋十分及時(shí)，人們?cè)诨?dòng)中能夠獲得趨向真實(shí)的體驗(yàn)，這樣的使用過程能夠讓交互效果更加明顯[7]。在這樣的用戶體驗(yàn)基礎(chǔ)上，設(shè)計(jì)師還應(yīng)繼續(xù)創(chuàng)新，對(duì)其中的各種細(xì)節(jié)進(jìn)行反思和完善，讓用戶在之后的使用中感受到這些額外的投入，從而強(qiáng)化交互效果。在反思層面上，由于手機(jī)界面設(shè)計(jì)難以滿足每一個(gè)人，所以在這個(gè)階段，情感化因素的融入必須冷靜客觀，設(shè)計(jì)者需要以深度洞察的眼光去審視用戶體驗(yàn)，讓手機(jī)界面與手機(jī)的外在形象相互作用，引發(fā)用戶的聯(lián)想和回憶，從而實(shí)現(xiàn)交互過程中情感的延伸與升華。

2.2 APP廣告界面設(shè)計(jì)中的情感化應(yīng)用

APP廣告在當(dāng)前的信息化社會(huì)越來越普遍，這一點(diǎn)主要得益于其信息傳播能力強(qiáng)，比其他廣告的投放形式更精準(zhǔn)。智能手機(jī)、平板電腦等移動(dòng)設(shè)備不僅攜帶方便、便于信息瀏覽，而且能夠便捷地接收宣傳信息，擁有傳統(tǒng)報(bào)紙、書籍等介質(zhì)不具備的非物質(zhì)性，可以節(jié)約大量的資源[8]，也方便修改，節(jié)省了自然資源和財(cái)力。由此可見，交互式APP廣告界面設(shè)計(jì)想要完成情感的滲透，同樣應(yīng)從感官、使用和反思三大層面進(jìn)行分析和嘗試，利用界面中的顏色、圖形等元素在視覺上吸引用戶，然后從情感體驗(yàn)著手，豐富用戶使用過程中的情感體驗(yàn)，最后在反思層面綜合各種情感因素的融入價(jià)值去積極實(shí)踐[9]。在APP廣告界面設(shè)計(jì)時(shí)，設(shè)計(jì)師必須從那些直觀的視覺化設(shè)計(jì)著手，以更富層次感的視覺信息來傳遞關(guān)鍵信息，并配合適合的審美特征表達(dá)，提升用戶的感官體驗(yàn)，讓用戶在情感的作用下主動(dòng)參與到廣告互動(dòng)中，主動(dòng)點(diǎn)擊，完成交互。同時(shí)，設(shè)計(jì)師還應(yīng)在APP廣告界面設(shè)計(jì)中實(shí)現(xiàn)有目的的情感激發(fā)，使用戶在使用中不自覺地產(chǎn)生某種情感，并引發(fā)相應(yīng)的設(shè)計(jì)情感[10]。另外，還應(yīng)進(jìn)一步對(duì)APP廣告界面、內(nèi)容進(jìn)行完善，設(shè)計(jì)出更具個(gè)性化的APP廣告界面，讓界面的交互性更強(qiáng)，從而使用戶在認(rèn)知評(píng)價(jià)中不自覺地實(shí)現(xiàn)情感的升華。

2.3 智能車載后視鏡界面設(shè)計(jì)中的情感化應(yīng)用

智能車載產(chǎn)品在當(dāng)前的社會(huì)發(fā)展中緊跟科技的步伐，不斷進(jìn)行著改進(jìn)和優(yōu)化，相關(guān)的性能和形式也在不斷創(chuàng)新中[11]，尤其是智能車載產(chǎn)品相關(guān)設(shè)計(jì)的發(fā)展十分迅速，引起了人們的普遍關(guān)注。其中，智能車載后視鏡界面設(shè)計(jì)比較具有代表性，由于智能車載后視鏡的使用環(huán)境比較特殊，用戶對(duì)安全性有著較高的要求，所以人機(jī)交互設(shè)計(jì)成為考慮的重點(diǎn)內(nèi)容，在交互的主要方式上十分強(qiáng)調(diào)情感性元素的融入，需要不斷嘗試開發(fā)更加簡(jiǎn)便的交互形式[12]。然而，智能車載后視鏡的交互不同于手機(jī)等載體，其主要針對(duì)的是用戶的駕駛安全，因此，既要有效提升駕駛的安全性，又要省去不必要的功能操作，通過自動(dòng)化、智能化等方式為用戶帶來不一樣的使用體驗(yàn)[13]。第一，語音交互的情感化應(yīng)用。語音交互是用戶最基本的交互方式，只要用戶張口說話即可完成指令。這一點(diǎn)不需要其他感官的配合，簡(jiǎn)單快速的形式能夠讓用戶感受到便利，從而帶來愉悅的情感體驗(yàn)。第二，體感交互的情感化應(yīng)用。情感交互的實(shí)現(xiàn)有賴于交互形式的簡(jiǎn)單高效。設(shè)計(jì)時(shí)可以將操作界面的喚醒方式設(shè)置成手勢(shì)搖晃，用戶只要簡(jiǎn)單晃動(dòng)手部便能與智能后視鏡進(jìn)行互動(dòng)，實(shí)現(xiàn)了交互過程中的情感指引。第三，分屏幕設(shè)計(jì)中的情感化應(yīng)用。有的設(shè)計(jì)師將交互界面設(shè)計(jì)為菜單區(qū)和導(dǎo)航區(qū)，菜單區(qū)的功能入口可根據(jù)實(shí)際需求選擇均等布局或區(qū)域大小不同的布局方式，導(dǎo)航區(qū)可以幫助用戶及時(shí)了解和掌握周邊的路況信息，更加人性化地指導(dǎo)用戶的安全駕駛。

3 結(jié)語

目前，交互技術(shù)普遍應(yīng)用于現(xiàn)代社會(huì)中，無論人們走到哪里，總是在不經(jīng)意間就能夠感受到交互技術(shù)所帶來的便利，這也說明交互技術(shù)已經(jīng)融入人們的日常生活中，并不斷創(chuàng)造著多樣化的藝術(shù)體驗(yàn)[14]。交互界面設(shè)計(jì)作為其中重要的組成部分，也不斷進(jìn)行著嘗試和改變，旨在將產(chǎn)品的人性化程度提高，以更加簡(jiǎn)單易用、方便快捷的使用體驗(yàn)，達(dá)成更高層面的設(shè)計(jì)目標(biāo)，引導(dǎo)用戶在交互過程中實(shí)現(xiàn)情感的愉悅與升華。可見，情感化設(shè)計(jì)是當(dāng)下藝術(shù)設(shè)計(jì)之必然，做到了這一點(diǎn)，便等于將產(chǎn)品界面上升到了一定的高度，不僅可以增加用戶對(duì)產(chǎn)品的好感度，還能夠提升產(chǎn)品形象，穩(wěn)固產(chǎn)品在社會(huì)中的地位[15]。作為設(shè)計(jì)師，應(yīng)懂得自身的職責(zé)和任務(wù)，深入挖掘交互界面設(shè)計(jì)中的各種有效元素，進(jìn)行更加科學(xué)、全面的設(shè)計(jì)嘗試，對(duì)界面的形式與功能進(jìn)行創(chuàng)新設(shè)計(jì)，讓產(chǎn)品界面真正實(shí)現(xiàn)存在的價(jià)值和意義，最終為用戶帶來更佳的用戶體驗(yàn)。

[1] 劉洋. 交互界面動(dòng)效的情感化設(shè)計(jì)研究[J]. 大眾文藝, 2017(4): 97.

LIU Yang. Research on Emotional Design of Interaction Effect of Interface[J]. Art and Literature for the Masses, 2017(4): 97.

[2] 劉音. 基于用戶體驗(yàn)的情感化設(shè)計(jì)研究[J]. 科技傳播, 2016, 8(19): 119.

LIU Yin. Research on Emotional Design Based on User Experience[J]. Public Communication of Science & Technology, 2016, 8(19): 119.

[3] 方琳君. 探析交互界面設(shè)計(jì)中的情感化因素[J]. 現(xiàn)代裝飾(理論), 2016(10): 120.

FANG Lin-jun. Analysis of Emotional Factors in Interactive Interface Design[J]. Modern Decoration (Theory), 2016(10): 120.

[4] 陳曉蕾, 張永寧. 交互界面設(shè)計(jì)中的情感化因素[J]. 現(xiàn)代裝飾(理論), 2012(5): 156.

CHEN Xiao-lei, ZHANG Yong-ning. Emotional Factors in Interactive Design[J]. Modern Decoration (Theory), 2012(5): 156.

[5] 胡佳妮, 徐延章. 中國傳統(tǒng)元素在手機(jī)交互設(shè)計(jì)中的應(yīng)用[J]. 美與時(shí)代(上), 2015(12): 107-109.

HU Jia-ni, XU Yan-zhang. Application of Chinese Traditional Elements in Mobile Phone Interaction Design[J]. Designs, 2015(12): 107-109.

[6] 戴小樂, 何如丹, 賴玟伊, 等. 手機(jī)APP交互界面設(shè)計(jì)初探——“理性設(shè)計(jì)”與“情感化設(shè)計(jì)”分析[J]. 藝術(shù)科技, 2013, 26(5): 262-263.

DAI Xiao-le, HE Ru-dan, LAI Min-yi, et al. A Preliminary Study on the Interactive Interface Design of APP- Analysis of “Rational Design” and “Emotional Design”[J]. Art Science and Technology, 2013, 26(5): 262-263.

[7] 馬志強(qiáng), 蔣曉. 基于用戶體驗(yàn)的智能手機(jī)網(wǎng)站界面設(shè)計(jì)探討[J]. 包裝工程, 2012, 33(16): 63-66.

MA Zhi-qiang, JIANG Xiao. Research on Web Sites Interface Design of Intelligence Mobile Phone Based on User Experience[J]. Packaging Engineering, 2012, 33(16): 63-66.

[8] 王開宇. 論基于用戶體驗(yàn)的APP廣告界面設(shè)計(jì)[J]. 文藝生活·文藝?yán)碚? 2019(6): 34.

WANG Kai-yu. On the Design of APP Advertising Interface Based on User Experience[J]. Literary Life·Literary Theory, 2019(6): 34.

[9] 黃柏青, 桂穎. 移動(dòng)端(APP)交互界面設(shè)計(jì)中的情感化因素探究[J]. 湖南包裝, 2016, 31(4): 61-64.

HUANG Bo-qing, GUI Ying. Research on Emotional Factors in Interactive Interface Design of Mobile (APP)[J]. Hunan Packaging, 2016, 31(4): 61-64.

[10] 郭璐. 以網(wǎng)絡(luò)為界面的交互設(shè)計(jì)中的情感化[J]. 數(shù)字通信世界, 2015(6): 290.

GUO Lu Emotionalization in Interaction Design with Network as Interface[J]. Digital Communication World, 2015(6): 290.

[11] 曾君怡. 基于用戶體驗(yàn)的智能車載后視鏡界面設(shè)計(jì)研究[J]. 藝術(shù)科技, 2019, 32(5): 223.

ZENG Jun-yi. Research on Interface Design of Intelligent Vehicle Rear-View Mirror Based on User Experience[J]. Art Science and Technology, 2019, 32(5): 223.

[12] 胡曉慶, 李懷仙. 基于用戶交互體驗(yàn)的電動(dòng)汽車儀表盤交互界面設(shè)計(jì)[J]. 淮海工學(xué)院學(xué)報(bào)(自然科學(xué)版), 2018, 27(3): 14-18.

HU Xiao-qing, LI Huai-xian. Interactive Interface Design of Electric Vehicle Dashboard Based on User Interaction Experience[J]. Journal of Huaihai Institute of Technology (Natural Science Edition), 2018, 27(3): 14-18.

[13] 王麗娜, 李彬彬. 交互墻面視野下用戶體驗(yàn)的情感化設(shè)計(jì)研究[J]. 大眾文藝, 2011(22): 46.

WANG Li-na, LI Bin-bin. Research on Emotional Design of User Experience from the Perspective of Interactive Wall[J]. Art and Literature for the Masses, 2011(22): 46.

[14] 陶晨, 白琳琳, 金姝, 等. 大數(shù)據(jù)中的絲綢文化情感探析[J]. 絲綢, 2021, 58(3): 65-70.

TAO Chen, BAI Lin-lin, JIN Shu, et al. Analysis of Silk Cultural Emotion in Big Data[J]. Silk, 2021, 58(3): 65-70.

[15] 胡鈺雯, 孫虹. 基于POI數(shù)據(jù)的杭州市時(shí)尚產(chǎn)業(yè)空間分布特征研究[J]. 絲綢, 2021, 58(4): 68-73.

HU Yu-wen, SUN Hong. Spatial Distribution Characteristics of Fashion Industry in Hangzhou Based on POI Data[J]. Silk, 2021, 58(4): 68-73.

Analysis of Emotionalized Factors in Interactive Interface Design

MA Si-feng

(Tiangong University, Tianjin 300387, China)

This paper aims to explore the main expression and application of emotionalized factors in interactive interface design. In the current era, the appearance of interactive interface influences people's real life, and people upgrades from simple intelligent products to more interesting interactive interface. In this paper, starting from the reality, according to the characteristics of the interaction design and emotion playing an important part in people's life, the emotional factors in the design of interactive interface are summarized, and the emotional requirements of interactive interface design are analyzed. It discusses the application and performance of emotion in interaction design of mobile phone interface, APP advertising interface and intelligent vehicle rearview mirror interface from three aspects of vision, use and reflection, and summarizes relevant application strategies. The integration of emotional factors in interactive interface design can make users feel unique experience in the process of use. It can not only easily realize the collection of all functions, but also meet the purpose of users' emotional needs. It is an effective way to establish the product image and social status.

interactive interface design; emotional factors; emotional experience

TB472

A

1001-3563(2022)12-0355-04

10.19554/j.cnki.1001-3563.2022.12.044

2022–01–20

馬嘶風(fēng)（1975—），男，碩士，講師，主要研究方向?yàn)橐曈X傳達(dá)設(shè)計(jì)。

責(zé)任編輯：馬夢(mèng)遙