移動端（APP）交互界面設計中的情感化因素探究

黃柏青 桂 穎（長沙理工大學設計藝術學院，湖南 長沙 410077）

移動端（APP）交互界面設計中的情感化因素探究

黃柏青 桂 穎
（長沙理工大學設計藝術學院，湖南 長沙 410077）

微時代的到來，情感化需求已成為影響消費者做出日常決策制定的重要因素之一。人們對于產品的需要不再僅僅滿足于實用功能,而上升為蘊含各種精神文化的情感因素需求。滿足情感化需求的產品主要體現在與人們的審美趣味相符、具備人性化的設計和個性化的追求三個方面。面對呈現爆炸式增長的APP競爭市場，在APP應用中注入情感化共鳴的設計元素，分別從APP界面的視覺效果、交互行為和心理體驗三個方面，共同探討情感化因素對APP研究與開發的重要性價值。

情感化設計；審美心理；移動端APP；交互界面

數字化時代的到來，對人們的生產和生活產生了巨大的影響。隨著智能手機的普及和移動互聯網的迅猛發展，越來越多的人習慣于手機上網，依托于手機的APP應用正在悄悄地改變人們的生活方式，認知心理學家已經驗證了情感作為生活的一個必要部分，影響著每個人的認知行為和認知思維。

“我們常常認為，產品關注的是技術和它所提供的功能。實際上并非如此，成功的產品關注的是情感。”[1]隨著人們審美水平和意識的提高，功能性的產品已不能滿足消費者的需求，人們更多的是追求一種溫暖和愉悅的情感消費。本文擬從情感化的角度對APP的界面交互做一探討，發現其價值所在。

1 APP交互界面設計及其情感化因素

1.1 移動端APP

APP是Application的簡稱，多指智能手機的第三方應用程序，亦指設計在智能手機、平板電腦和其他移動設備上的應用程序。本文研究對象主要以智能手機APP為主[2]。

目前比較著名的應用商店有蘋果的APP Store和谷歌的Google Play Store。主要有三個系統平臺：蘋果公司的iOS系統平臺，谷歌的AndroidiOS系統平臺和微軟公司的windows phone平臺[2]。

發布于2014年9月17日的iOS8系統在界面風格上以偏向扁平化為主，簡約風格得到了延續；2014年10月15日發布的Android5以富有趣味性的扁平化風格為主，不斷滿足用戶的各種功能需求和交互體驗；2014年10月1日發布的windows10系統以純扁平化為主，將簡約主義和扁平化視覺界面做到極致。圖1是三大系統的界面視覺效果圖。

圖1 iOS8

圖2 Android5

圖3 windows10

快節奏的消費時代，扁平化以其明麗的色彩、直觀的圖形展現在了大眾面前。簡約而不簡單的設計風格順應了時代變化發展的潮流，迎合了當代用戶的視覺和心理的情感需求。

1.2 交互界面設計

交互界面也稱用戶界面，是對人們的輸入命令做出輸出的結果。主要以用戶體驗為中心，更多關注的是用戶使用的方便性和流暢性，以實現最大化的以人為本的設計思想為目標。

界面設計又稱“UI”設計，是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅讓軟件變得有個性，還要讓用戶操作起來舒適簡單[3]。教授兼作家唐納德?諾曼曾說過：“當技術滿足了基本需求，用戶體驗便開始主宰一切”[4]。交互界面設計從用戶角度出發，創造良好的用戶體驗、舒適的界面、幽默趣味的驚喜，從情感上吸引住用戶，提高產品的知名度和品牌形象。

1.3 情感化因素

情感是人的一種特有的高級情感，它包括了對客觀事物的理解和認識，對道德的和倫理的意志與追求，也包括對審美的理想和傾向。

情感是人特有的一種高級體驗，這也體現了人和物之間存在的一種微妙的關系，情緒是人和動物都具有的，而情感是人所特有的。動物具有的情感是基于自然存在的情感，是本能和生理的反映結果，但并不是人類藝術所需要具備的審美情感；人類的情感產生是基于對理性的認知為前提，走出了本能的原始的意識，是區別于人與動物情感的最大顯著特點。作為人類，都會有一個共同的特點：我們都希望被愛，被尊重，而事實上，這也是人類最基本的需求[5]。

從心理學的角度分析，人類的情感活動是由自然情感過渡到審美情感的一種轉換過程，審美情感是人們對生活或藝術中的美的體驗。隨著信息時代的來臨，人與人之間情感的淡漠促使人們渴望創造一種高情感的生活環境。

情感化設計即是一種立足于人們內心情感需求和精神需求的設計理念，使設計出來的產品能夠滿足人們審美和內心的舒適愉悅感。在《情感化設計》一書中心理學唐納德?A?諾曼教授揭示了人的本性3個特征層次:“即本能的、行為的、反思的”。本能設計指用戶初次接觸外觀時對情感的影響。

行為設計指使用產品過程中，從視覺和觸覺上體驗產品的形式和功能。反思設計是指用戶在使用產品后對設計的反饋[6]，這也作為本文研究的基礎理論來源，將手機APP界面交互設計與之相對應得出以下聯系性。

（1）視覺：界面設計→本能水平的設計。設計師利用產品的特有形態來表達產品的不同美學特征及價值取向，讓使用者從內心情感上與產品產生共鳴。讓形態打動消費者的情感需求。

（2）交互：操作行為→行為水平的設計。基于用戶習慣的交互方式給人留下深刻的印象，在情感上會越發喜歡這種體驗感的應用，這種巧妙的交互方式給人們的生活帶來愉悅感，從而排解了人們來自各方面的壓力。

（3）心理：接受程度→反思水平的設計。真正的設計是要打動人的，它要能傳遞感情、勾起回憶、給人驚喜，產品是生活的情感與記憶。優秀的APP應用可以使使用者從一些現實的、外在的壓力中解脫出來，增加他們的快樂體驗。

圖4 網易云音樂

圖5 天天動聽

圖6 zaker、即刻、mono應用字體設計

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

滿足人們情感需求的產品首先應該是與人們的審美趣味相符合。唐納德?諾曼對設計三個層面（本能、行為、反思）的把握和分析為設計師們奠定了理論基礎和來源，也為本文的理論研究帶來指導性的作用。以下將基于此理論作為基礎，具體分析APP界面交互設計中體現出的情感化審美趣味、人性化和個性化三個方面因素存在的價值。

2.1 視覺層面的情感化——本能

扁平化界面設計風格已成為主流，祛除繁冗復雜的裝飾效果，弱化裝飾的影響，信息的直接傳遞減少了用戶的認知障礙。界面風格一致，創造一種直觀的視覺體驗。扁平化的存在本身就具有設計美學的規律，以下將從扁平化的色彩、字體、圖形和版式布局4個方面進行分析。

（1）顏色：是視覺畫面的主要特征，在界面設計中起到視線的引導性作用。色彩具有強烈的視覺刺激，已經成為最重要的視覺元素。人們對色相的感知是最直接和絕對的，它反映了顏色的本體特征。色彩對人的影響可以體現出用戶的情感和心理特征，不同的顏色會讓人產生不同的情緒和反應。圖4為網易云音樂APP的界面設計，在色彩運用上大膽直接，以紅黑兩種顏色為主色調，激情、年輕、神秘感。圖5為天天動聽的界面設計，簡潔大方，使用半透明的設計，讓用戶擁有更直接的感受和體驗。

（2）文字：作為一種信息傳遞的符號，成為一種人與機之間的交流工具。在整體設計風格上，字體設計要與整個界面的基調相協調一致，設計師根據規范進行個性化的字體設計，編排版式畫面的布局。在APP界面設計中根據不同類型的APP選用不同的字體表現手法設計，保證信息傳遞的有效性和體驗的舒適性，凸顯產品的品牌形象和獨特的氣質（圖6）。

（3）圖形：是APP視覺界面設計中不可缺少的元素之一，其最大的特點就是準確直觀地向受眾傳遞信息，為用戶節約時間成本，吸引用戶注意。在APP的界面設計中，將圖形元素分為兩種：品牌logo和功能性icon 。Logo作為APP產品最好的詮釋，每一個APP在啟動時都會以logo的形式展示給使用者，給用戶帶來直觀的第一印象，能夠引起用戶的情感反應，可以拉近也可以使其遠離一個產品（圖7）。同樣，每個APP應用中icon的風格選擇能夠讓用戶便于理解傳遞的意思和內涵，在第一時間能夠吸引住用戶的眼球，用戶的喜愛程度會直接影響自己的判斷和抉擇（圖8）。

圖7 品牌logo

圖8 功能icon

（4）版式：設計是實現用戶的操作習慣中起到關鍵性的作用，排列的邏輯性、秩序的統一，能夠引導用戶的瀏覽視線。設計時候必須考慮到各元素之間的聯系性。用戶可以根據自己的喜好選擇瀏覽路徑，這些特性都對APP界面的版式布局提出了更高的要求，布局排列有序，視覺上整體美觀，用戶的接受程度相對提高（圖9/10）。無論哪一種布局都綜合考慮了用戶的操作行為習慣，保證使用過程的愉悅感。

圖9 上下結構

圖10 左右結構

2.2 交互層面的情感化——行為

美觀的界面給用戶帶來視覺的審美享受，而真正完成產品的使用不僅需要完美的界面，更需要思考到用戶使用時能產生的成就和滿足感，這也是行為水平設計的關鍵。

情感體驗是指用戶操作產品時所產生的情感，通過與用戶的溝通調動用戶的情緒，為用戶帶來積極、愉悅的人性化體驗。心理學家認為，愉快的情感體驗可以拓寬思路和思維的創造性開發。在APP界面交互的體驗中，當用戶處于積極狀態時操作會非常輕松自在，也更容易喚起用戶的好奇心，激發用戶的創造力。

在扁平化視覺設計的背后，通過人性化的交互體驗，不僅能夠強化內容的本身，還能拉近用戶與產品之間的情感交流。目前APP界面的交互方式主要以上下拉動的方式為主，通過半層彈屏的瀏覽模式減輕了用戶的瀏覽負擔，讓用戶意識到整個界面的延展性以方便獲取最新信息，新內容上浮，舊內容下沉，通過用戶非常自然的手勢瀏覽整個界面。圖11-13獨特的界面延展設計，給用戶帶來不一樣的體驗。

圖11 APP界面的交互方式（例1）

圖12 APP界面的交互方式（例2）

自從大屏幕手機多點觸屏的交互方式取代了以往單一的點擊方式，大屏幕對用戶來說存在不易觸及的點擊盲區。用戶可以通過單手進行點擊、雙擊放大縮小，左右滑動，或雙手進行旋轉、縮放等不同手勢觸摸屏幕，實現相應的操作，帶來的極大的便利性。圖14通過手勢自由的變換操作確保了用戶使用時能夠更舒適的使用界面功能。這種交互方式不僅提高了用戶的參與程度、滿意度，而且提升了用戶效率。

同時考慮到大屏幕手機的操作體驗，根據手指的易操作區將APP的主要功能都設計到手機的底部，確保用戶單手操作時可以在易控的范圍內縮短操作路徑，節約時間成本。通過界面結構的優化設計可以幫助用戶解放雙手，在大屏幕下也能更加自由方便的進行操作,改善了閱讀瀏覽體驗（圖15/16）。

圖13 APP界面的交互方式（例3）

圖14 手勢變換操作

圖15 手勢操作的功能區

圖16 屏幕下方的功能鍵

2.3 心理接受程度——反思

反思水平的設計是基于本能、行為水平的作用，而在用戶心中產生的更為深刻的一種情感、意識和共鳴的影響，從而才能形成對產品和品牌的認知，建立起與品牌的友好關系。

產品的真正價值是滿足人們的情感需要，只有和產品之間建立的情感的紐帶，通過互相影響提高自我形象、滿意度和記憶等，才能形成對品牌的忠誠度。根據情感化設計的三個層次水平分別對應APP的視覺、交互和感知進行分析，本能水平的視覺效果呈現以色彩、文字、版式和圖像為主；行為水平關注的是交互方式的人性化，包括多點觸屏，重要功能底部轉移、上下滑動等。而反思是本能的視覺感官和行為交互體驗的綜合體現，用戶通過心理的接受程度進行判斷抉擇。

3 情感化設計對APP發展的影響

設計的目的是創造更為人性化的環境，面臨城市化轉型的趨勢，給藝術家和設計師提出了挑戰。人們的消費觀正在發生著改變，人性與情感成為設計師的熱衷的話題，設計師必須站在用戶的角度去考慮用戶的感受。

3.1 提升產品價值

情感化APP設計最大的特點提高了用戶體驗的同時也提升了產品的價值和品牌形象的傳播。它的目標是和用戶建立起愉悅的溝通交流。情感化交互設計強調了從感性的角度去理解產品對人情感的影響，避開了理性和傳統，從情感化角度去設計，使產品與用戶建立起信任和感情。

3.2 用戶數量的提升

品牌形象得到傳播后，用戶的數量就會得到改善，從而提高用戶數量。所以在設計中加入情感的設計需求是增加用戶量的根本。在體驗經濟時代，滿足用戶的心理需求，讓用戶在參與過程中感受到娛樂感、舒適感。作為設計師，這是我們需要肩負的責任，用情感化設計的原則思想設計出符合這個時代的情感化產品。

4 結語

情感化設計體現的是對人性的關懷和體貼，將人的情感需求充分融入到了設計中，為人們帶來了愉快的體驗。情感化設計的三種設計水平（本能、行為、反思）作為本文的理論基礎，對移動端APP界面交互設計的視覺界面、交互行為、心理體驗逐層分析，闡述情感化元素在APP開發中的重要性價值。運營成功的APP不僅需要在每個層面上都融入以用戶體驗為中心的情感化設計理念，更要充分考慮到大眾的情感需求，才能讓產品提升品牌價值。科技的發展瞬息萬變，真正不變的挑戰是如何在即將到來的虛擬世界仍然能夠滿足人們情感的溫暖體驗更好地融入APP設計中。

[1][美]Donald A.Norman .情感化設計 [M],付秋芳/程進三譯.北京:電子工業出版社,2005,44-61.

[2]百度百科 http://baike.so.com/doc/594384-629238.html

[3]360百科 http://baike.so.com/doc/5571913-5787091.html

[4][美]Stephen P. Anderson.怦然心動-情感化交互設計指南[M],侯景艷/胡冠琦/徐磊譯,北京:人民郵電出版社, 2015,11.

[5]香港設計中心和藝術與設計出版聯盟編.設計的精神 [M],沈陽:遼寧科學技術出版社,2008.

[6]劉偉編著.走進交互設計 [M],北京:中國建筑工業出版社, 2013.

湖南省教育規劃重點項目（項目編號：14JYKX011）階段性成果。

黃 柏 青（1968-），男，長 沙 理 工大 學設計藝術學院教授，博士、博士后，E-mail:379781553@qq.com。

2016-08-06