馬嘶風

交互界面設計中的情感化因素分析

馬嘶風

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

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

交互界面設計；情感化因素；情感體驗

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

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

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

1.1 視覺表現(xiàn)

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

1.2 使用表現(xiàn)

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

1.3 反思表現(xiàn)

這一層面的情感化因素必須經過縝密的思考，因為受影響的因素很多，設計師必須從多方面著手，深入挖掘用戶的文化背景，對用戶喜愛的視覺元素進行靈活應用，在交互界面與用戶之間建立起情感紐帶，從而提升用戶對產品的好感。

2 交互界面設計中情感化因素的具體應用

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

2.1 手機界面設計中的情感化應用

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

2.2 APP廣告界面設計中的情感化應用

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

2.3 智能車載后視鏡界面設計中的情感化應用

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

3 結語

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

[1] 劉洋. 交互界面動效的情感化設計研究[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] 劉音. 基于用戶體驗的情感化設計研究[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] 方琳君. 探析交互界面設計中的情感化因素[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] 陳曉蕾, 張永寧. 交互界面設計中的情感化因素[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]. 美與時代(上), 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] 戴小樂, 何如丹, 賴玟伊, 等. 手機APP交互界面設計初探——“理性設計”與“情感化設計”分析[J]. 藝術科技, 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] 馬志強, 蔣曉. 基于用戶體驗的智能手機網(wǎng)站界面設計探討[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] 王開宇. 論基于用戶體驗的APP廣告界面設計[J]. 文藝生活·文藝理論, 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] 黃柏青, 桂穎. 移動端(APP)交互界面設計中的情感化因素探究[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)絡為界面的交互設計中的情感化[J]. 數(shù)字通信世界, 2015(6): 290.

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

[11] 曾君怡. 基于用戶體驗的智能車載后視鏡界面設計研究[J]. 藝術科技, 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] 胡曉慶, 李懷仙. 基于用戶交互體驗的電動汽車儀表盤交互界面設計[J]. 淮海工學院學報(自然科學版), 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] 王麗娜, 李彬彬. 交互墻面視野下用戶體驗的情感化設計研究[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ù)的杭州市時尚產業(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

馬嘶風（1975—），男，碩士，講師，主要研究方向為視覺傳達設計。

責任編輯：馬夢遙