移動(dòng)端（APP）交互界面設(shè)計(jì)中的情感化因素探究

黃柏青 桂 穎（長(zhǎng)沙理工大學(xué)設(shè)計(jì)藝術(shù)學(xué)院，湖南 長(zhǎng)沙 410077）

移動(dòng)端（APP）交互界面設(shè)計(jì)中的情感化因素探究

黃柏青 桂 穎
（長(zhǎng)沙理工大學(xué)設(shè)計(jì)藝術(shù)學(xué)院，湖南 長(zhǎng)沙 410077）

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

情感化設(shè)計(jì)；審美心理；移動(dòng)端APP；交互界面

數(shù)字化時(shí)代的到來，對(duì)人們的生產(chǎn)和生活產(chǎn)生了巨大的影響。隨著智能手機(jī)的普及和移動(dòng)互聯(lián)網(wǎng)的迅猛發(fā)展，越來越多的人習(xí)慣于手機(jī)上網(wǎng)，依托于手機(jī)的APP應(yīng)用正在悄悄地改變?nèi)藗兊纳罘绞剑J(rèn)知心理學(xué)家已經(jīng)驗(yàn)證了情感作為生活的一個(gè)必要部分，影響著每個(gè)人的認(rèn)知行為和認(rèn)知思維。

“我們常常認(rèn)為，產(chǎn)品關(guān)注的是技術(shù)和它所提供的功能。實(shí)際上并非如此，成功的產(chǎn)品關(guān)注的是情感?！盵1]隨著人們審美水平和意識(shí)的提高，功能性的產(chǎn)品已不能滿足消費(fèi)者的需求，人們更多的是追求一種溫暖和愉悅的情感消費(fèi)。本文擬從情感化的角度對(duì)APP的界面交互做一探討，發(fā)現(xiàn)其價(jià)值所在。

1 APP交互界面設(shè)計(jì)及其情感化因素

1.1 移動(dòng)端APP

APP是Application的簡(jiǎn)稱，多指智能手機(jī)的第三方應(yīng)用程序，亦指設(shè)計(jì)在智能手機(jī)、平板電腦和其他移動(dòng)設(shè)備上的應(yīng)用程序。本文研究對(duì)象主要以智能手機(jī)APP為主[2]。

目前比較著名的應(yīng)用商店有蘋果的APP Store和谷歌的Google Play Store。主要有三個(gè)系統(tǒng)平臺(tái)：蘋果公司的iOS系統(tǒng)平臺(tái)，谷歌的AndroidiOS系統(tǒng)平臺(tái)和微軟公司的windows phone平臺(tái)[2]。

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

圖1 iOS8

圖2 Android5

圖3 windows10

快節(jié)奏的消費(fèi)時(shí)代，扁平化以其明麗的色彩、直觀的圖形展現(xiàn)在了大眾面前。簡(jiǎn)約而不簡(jiǎn)單的設(shè)計(jì)風(fēng)格順應(yīng)了時(shí)代變化發(fā)展的潮流，迎合了當(dāng)代用戶的視覺和心理的情感需求。

1.2 交互界面設(shè)計(jì)

交互界面也稱用戶界面，是對(duì)人們的輸入命令做出輸出的結(jié)果。主要以用戶體驗(yàn)為中心，更多關(guān)注的是用戶使用的方便性和流暢性，以實(shí)現(xiàn)最大化的以人為本的設(shè)計(jì)思想為目標(biāo)。

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

1.3 情感化因素

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

情感是人特有的一種高級(jí)體驗(yàn)，這也體現(xiàn)了人和物之間存在的一種微妙的關(guān)系，情緒是人和動(dòng)物都具有的，而情感是人所特有的。動(dòng)物具有的情感是基于自然存在的情感，是本能和生理的反映結(jié)果，但并不是人類藝術(shù)所需要具備的審美情感；人類的情感產(chǎn)生是基于對(duì)理性的認(rèn)知為前提，走出了本能的原始的意識(shí)，是區(qū)別于人與動(dòng)物情感的最大顯著特點(diǎn)。作為人類，都會(huì)有一個(gè)共同的特點(diǎn)：我們都希望被愛，被尊重，而事實(shí)上，這也是人類最基本的需求[5]。

從心理學(xué)的角度分析，人類的情感活動(dòng)是由自然情感過渡到審美情感的一種轉(zhuǎn)換過程，審美情感是人們對(duì)生活或藝術(shù)中的美的體驗(yàn)。隨著信息時(shí)代的來臨，人與人之間情感的淡漠促使人們渴望創(chuàng)造一種高情感的生活環(huán)境。

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

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

（1）視覺：界面設(shè)計(jì)→本能水平的設(shè)計(jì)。設(shè)計(jì)師利用產(chǎn)品的特有形態(tài)來表達(dá)產(chǎn)品的不同美學(xué)特征及價(jià)值取向，讓使用者從內(nèi)心情感上與產(chǎn)品產(chǎn)生共鳴。讓形態(tài)打動(dòng)消費(fèi)者的情感需求。

（2）交互：操作行為→行為水平的設(shè)計(jì)?；谟脩袅?xí)慣的交互方式給人留下深刻的印象，在情感上會(huì)越發(fā)喜歡這種體驗(yàn)感的應(yīng)用，這種巧妙的交互方式給人們的生活帶來愉悅感，從而排解了人們來自各方面的壓力。

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

圖4 網(wǎng)易云音樂

圖5 天天動(dòng)聽

圖6 zaker、即刻、mono應(yīng)用字體設(shè)計(jì)

2 APP交互界面設(shè)計(jì)中情感化因素的具體體現(xiàn)

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

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

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

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

（2）文字：作為一種信息傳遞的符號(hào)，成為一種人與機(jī)之間的交流工具。在整體設(shè)計(jì)風(fēng)格上，字體設(shè)計(jì)要與整個(gè)界面的基調(diào)相協(xié)調(diào)一致，設(shè)計(jì)師根據(jù)規(guī)范進(jìn)行個(gè)性化的字體設(shè)計(jì)，編排版式畫面的布局。在APP界面設(shè)計(jì)中根據(jù)不同類型的APP選用不同的字體表現(xiàn)手法設(shè)計(jì)，保證信息傳遞的有效性和體驗(yàn)的舒適性，凸顯產(chǎn)品的品牌形象和獨(dú)特的氣質(zhì)（圖6）。

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

圖7 品牌logo

圖8 功能icon

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

圖9 上下結(jié)構(gòu)

圖10 左右結(jié)構(gòu)

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

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

情感體驗(yàn)是指用戶操作產(chǎn)品時(shí)所產(chǎn)生的情感，通過與用戶的溝通調(diào)動(dòng)用戶的情緒，為用戶帶來積極、愉悅的人性化體驗(yàn)。心理學(xué)家認(rèn)為，愉快的情感體驗(yàn)可以拓寬思路和思維的創(chuàng)造性開發(fā)。在APP界面交互的體驗(yàn)中，當(dāng)用戶處于積極狀態(tài)時(shí)操作會(huì)非常輕松自在，也更容易喚起用戶的好奇心，激發(fā)用戶的創(chuàng)造力。

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

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

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

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

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

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

圖14 手勢(shì)變換操作

圖15 手勢(shì)操作的功能區(qū)

圖16 屏幕下方的功能鍵

2.3 心理接受程度——反思

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

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

3 情感化設(shè)計(jì)對(duì)APP發(fā)展的影響

設(shè)計(jì)的目的是創(chuàng)造更為人性化的環(huán)境，面臨城市化轉(zhuǎn)型的趨勢(shì)，給藝術(shù)家和設(shè)計(jì)師提出了挑戰(zhàn)。人們的消費(fèi)觀正在發(fā)生著改變，人性與情感成為設(shè)計(jì)師的熱衷的話題，設(shè)計(jì)師必須站在用戶的角度去考慮用戶的感受。

3.1 提升產(chǎn)品價(jià)值

情感化APP設(shè)計(jì)最大的特點(diǎn)提高了用戶體驗(yàn)的同時(shí)也提升了產(chǎn)品的價(jià)值和品牌形象的傳播。它的目標(biāo)是和用戶建立起愉悅的溝通交流。情感化交互設(shè)計(jì)強(qiáng)調(diào)了從感性的角度去理解產(chǎn)品對(duì)人情感的影響，避開了理性和傳統(tǒng)，從情感化角度去設(shè)計(jì)，使產(chǎn)品與用戶建立起信任和感情。

3.2 用戶數(shù)量的提升

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

4 結(jié)語

情感化設(shè)計(jì)體現(xiàn)的是對(duì)人性的關(guān)懷和體貼，將人的情感需求充分融入到了設(shè)計(jì)中，為人們帶來了愉快的體驗(yàn)。情感化設(shè)計(jì)的三種設(shè)計(jì)水平（本能、行為、反思）作為本文的理論基礎(chǔ)，對(duì)移動(dòng)端APP界面交互設(shè)計(jì)的視覺界面、交互行為、心理體驗(yàn)逐層分析，闡述情感化元素在APP開發(fā)中的重要性價(jià)值。運(yùn)營(yíng)成功的APP不僅需要在每個(gè)層面上都融入以用戶體驗(yàn)為中心的情感化設(shè)計(jì)理念，更要充分考慮到大眾的情感需求，才能讓產(chǎn)品提升品牌價(jià)值?？萍嫉陌l(fā)展瞬息萬變，真正不變的挑戰(zhàn)是如何在即將到來的虛擬世界仍然能夠滿足人們情感的溫暖體驗(yàn)更好地融入APP設(shè)計(jì)中。

[1][美]Donald A.Norman .情感化設(shè)計(jì) [M],付秋芳/程進(jìn)三譯.北京:電子工業(yè)出版社,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.怦然心動(dòng)-情感化交互設(shè)計(jì)指南[M],侯景艷/胡冠琦/徐磊譯,北京:人民郵電出版社, 2015,11.

[5]香港設(shè)計(jì)中心和藝術(shù)與設(shè)計(jì)出版聯(lián)盟編.設(shè)計(jì)的精神 [M],沈陽:遼寧科學(xué)技術(shù)出版社,2008.

[6]劉偉編著.走進(jìn)交互設(shè)計(jì) [M],北京:中國(guó)建筑工業(yè)出版社, 2013.

湖南省教育規(guī)劃重點(diǎn)項(xiàng)目（項(xiàng)目編號(hào)：14JYKX011）階段性成果。

黃 柏 青（1968-），男，長(zhǎng) 沙 理 工大 學(xué)設(shè)計(jì)藝術(shù)學(xué)院教授，博士、博士后，E-mail:379781553@qq.com。

2016-08-06