社交軟件界面設(shè)計(jì)的情感化元素探析

李 靖 （山西大同大學(xué)教育科學(xué)與技術(shù)學(xué)院 037000）

社交軟件界面設(shè)計(jì)的情感化元素探析

李 靖 （山西大同大學(xué)教育科學(xué)與技術(shù)學(xué)院 037000）

社交軟件是手機(jī)APP中用戶黏性最高的互聯(lián)網(wǎng)產(chǎn)品。文章從“社交”角度以情感化的三種維度（本能水平設(shè)計(jì)、行為水平設(shè)計(jì)和反思水平設(shè)計(jì)）分析社交軟件的界面設(shè)計(jì)，對社交軟件界面中的視覺造型元素、主界面、分界面、手勢交互等方面進(jìn)行分析，并從情感化的角度對該類軟件界面的設(shè)計(jì)做出說明性總結(jié)。

社交軟件；界面設(shè)計(jì)；情感化

“社交”是指社會上人與人的交際往來，是人們運(yùn)用一定的方式或工具傳遞信息、交流思想的意識，以達(dá)到某種目的的社會各項(xiàng)活動。隨著互聯(lián)網(wǎng)及物聯(lián)網(wǎng)的飛速發(fā)展、應(yīng)用，智能手機(jī)的廣泛普及，依附于智能手機(jī)的第三方應(yīng)用程序?yàn)槿藗兎椒矫婷娴纳钐峁┝似脚_，社交軟件尤其突出。最具代表的互聯(lián)網(wǎng)社交老大“BAT”（百度、阿里、騰訊）三巨頭引領(lǐng)著整個(gè)互聯(lián)網(wǎng)社交軟件行業(yè)。它們的成功絕大多數(shù)取決了對用戶的絕對了解，通過分析用戶粘性高的軟件不難發(fā)現(xiàn)，軟件的每一次更新都體現(xiàn)出了對用戶更人性化的服務(wù)，使產(chǎn)品更加易用、有價(jià)值且高效。

界面是人與產(chǎn)品溝通的橋梁，在人實(shí)現(xiàn)操作功能有效的同時(shí)，還應(yīng)具有傳達(dá)產(chǎn)品精神內(nèi)涵和個(gè)性特征的功能，使產(chǎn)品給人帶來“精神愉悅和自我滿足”的情感體驗(yàn)。

一、社交軟件及其界面設(shè)計(jì)

以軟件本身為媒介，人與人之間的關(guān)系鏈為節(jié)點(diǎn)，創(chuàng)建熟人社交、陌生人社交、興趣圖譜社交等多維度的互動交流方式，有時(shí)空上的無限延伸性特點(diǎn)。熟人社交是介于熟人之間的社交軟件，其作用通常為溝通情感和交際往來；陌生人社交是互相陌生但有共同目標(biāo)或興趣愛好的人進(jìn)行交流或交易的社交軟件，也包含一部分興趣圖譜社交。

社交軟件界面設(shè)計(jì)的重點(diǎn)是對用戶體驗(yàn)滿意度的至高追求。用戶需求是軟件功能和內(nèi)容的體現(xiàn)，界面設(shè)計(jì)主要包含信息構(gòu)架及交互，涉及到導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)和視覺設(shè)計(jì)。

二、情感化設(shè)計(jì)

在人與軟件交互過程中，人自身產(chǎn)生的生理心理反應(yīng)可稱為情感。情感化設(shè)計(jì)是近年來被設(shè)計(jì)行業(yè)里認(rèn)為能夠更好地處理人與物之間關(guān)系的方法之一，要求設(shè)計(jì)過程中更注重除產(chǎn)品可用性和易用性之外的更高的要求，如強(qiáng)調(diào)產(chǎn)品給用戶的情感體驗(yàn)。美國認(rèn)知科學(xué)與心理學(xué)家唐納德?A?諾曼教授在其著名理論體系中提出情感化設(shè)計(jì)分為三種水平的設(shè)計(jì)：本能水平、行為水平和反思水平的設(shè)計(jì)。

三、社交軟件界面設(shè)計(jì)的情感化分析

社交軟件是在充分了解公司產(chǎn)品戰(zhàn)略、市場需求及用戶需求的基礎(chǔ)上進(jìn)行產(chǎn)品的開發(fā)，完成產(chǎn)品的功能、性能并通過測試后上線供用戶使用，根據(jù)用戶的使用反饋不斷更新或增加或減少產(chǎn)品的某些功能或需求，不斷的調(diào)整、改善，逐步提高用戶對產(chǎn)品的黏性，以保持產(chǎn)品的生命力。社交軟件在整個(gè)開發(fā)過程中，其終端界面是最終呈現(xiàn)方式，界面是實(shí)現(xiàn)用戶與產(chǎn)品交互的窗口和媒介，社交軟件界面則是將人-人的情感與界面結(jié)合的第一步，因此界面設(shè)計(jì)的情感化元素引入程度直接影響到產(chǎn)品的使用頻率和口碑。

社交軟件界面設(shè)計(jì)體現(xiàn)在情感化這一理論的三個(gè)水平分別表現(xiàn)在不同的設(shè)計(jì)階段。用戶通過視覺感觀對社交軟件界面產(chǎn)生一定的興趣，通過交互體驗(yàn)引發(fā)情感體驗(yàn)的共鳴，最終通過感官認(rèn)識與交互體驗(yàn)的反思達(dá)到對社交軟件的認(rèn)知效果，這也是社交軟件為用戶提供服務(wù)的全過程。

在情感化的本能水平中，軟件界面的視覺造型元素，包括圖標(biāo)、設(shè)計(jì)風(fēng)格、色彩元素、文本元素等是用戶對產(chǎn)品及時(shí)的情感反應(yīng)；在情感化的行為水平設(shè)計(jì)中，主要體現(xiàn)了產(chǎn)品的功能、性能及可用性，具體為用戶對軟件的操作，各頁面之間的跳轉(zhuǎn)及支持技術(shù)，相對應(yīng)的元素為：引導(dǎo)界面、主界面、分界面等；在情感化的反思水平中，用戶對產(chǎn)品的滿意度、黏性、體驗(yàn)感、記憶等，同時(shí)還體現(xiàn)在產(chǎn)品對用戶的需求滿足度，是界面設(shè)計(jì)情感化的最高境界。

1.社交軟件界面設(shè)計(jì)之本能水平設(shè)計(jì)——感官層

在社交軟件界面設(shè)計(jì)中，本能水平的設(shè)計(jì)元素主要包括色彩元素、文字元素、圖形元素版式等。色彩的合理應(yīng)用會在第一時(shí)間給用戶以愉悅和舒適感，界面的色彩搭配能夠影響視覺層次感，低齡化社交軟件的色彩適宜高飽和度、明亮的顏色；年齡界線不明顯的社交軟件則適宜中飽和度、偏中冷性的顏色；老齡化社交軟件界面的色彩適宜中偏高飽和度的顏色。另外需要注意的是色彩種類要少，色彩需要與其他的視覺元素組合、搭配，創(chuàng)造出統(tǒng)一的視覺空間、視覺系統(tǒng)。圖形元素主要體現(xiàn)在軟件圖標(biāo)的設(shè)計(jì)上，是APP的象征性標(biāo)志，它的設(shè)計(jì)既能體現(xiàn)品牌形象又可以突出辨識度，抓住用戶眼球，吸引用戶注意。各元素在界面中的排列、組合可提升用戶對產(chǎn)品的易用性，因?yàn)橛脩舨粌H會用眼睛看，還會通過手勢進(jìn)行操作、點(diǎn)擊或滑動等產(chǎn)生交互行為。

2.社交軟件界面設(shè)計(jì)之行為水平設(shè)計(jì)——交互層

社交軟件交互界面布局是滿足情感需求交互層的核心組成部分，也是人-人進(jìn)行情感互動和交流的直接通道。在這一層面，設(shè)計(jì)目標(biāo)從視覺層轉(zhuǎn)移到界面操作行為上，在美觀性的基礎(chǔ)之上，社交軟件最關(guān)鍵的就是交互層，這是軟件實(shí)用性、便利性的體現(xiàn)。從社交軟件的功能性上分類，可分為及時(shí)通訊、私密社交、論壇社交、興趣社交、群體社交等社交類別。社交形式基本上是文字、語音、視頻和表情符號等。在情感化行為水平的設(shè)計(jì)主要涉及到引導(dǎo)界面、主界面、分界面及分界面的各元素設(shè)計(jì)。

引導(dǎo)界面的目的是提高軟件的可用性和易用性。對于新用戶而言，引導(dǎo)界面越多對用戶理解和快速使用產(chǎn)品越有幫助，而對于經(jīng)驗(yàn)豐富的“手機(jī)黨”，引導(dǎo)頁超過3頁就顯多余，使用戶感到反感。因此引導(dǎo)頁的設(shè)計(jì)數(shù)目最好控制在3頁內(nèi)或者每頁引導(dǎo)頁均有跳轉(zhuǎn)按鈕，用戶可以隨時(shí)跳過直接進(jìn)入主界面。設(shè)計(jì)形式應(yīng)形象突出產(chǎn)品特點(diǎn)，設(shè)計(jì)風(fēng)格與品牌形象緊密相聯(lián)。社交類軟件主界面最常見的設(shè)計(jì)方法為列表式界面。導(dǎo)航、內(nèi)容和標(biāo)簽三欄在界面中呈上中下的層級結(jié)構(gòu)。根據(jù)用戶單手持機(jī)的習(xí)慣，導(dǎo)航欄左邊設(shè)置使用頻率最高的按鈕，而右邊則放置不常用的按鈕。另一類主界面設(shè)計(jì)是采用抽屜式的形式，該形式突出核心功能和內(nèi)容，把不常用的功能、操作隱藏起來，需要通過一定的手勢才可以調(diào)出，該種形式的設(shè)計(jì)不適用于新用戶，有一定的學(xué)習(xí)成本。

分界面的設(shè)計(jì)風(fēng)格要與主界面保持一致。各交互軟件分界面中均有個(gè)人主頁部分，可分為用戶個(gè)人信息區(qū)和個(gè)人行為信息區(qū)，個(gè)人信息區(qū)是個(gè)人的基本信息展示，個(gè)人行為信息區(qū)則是個(gè)人發(fā)布、轉(zhuǎn)發(fā)或分享的文字、圖片、視頻的個(gè)人行為、觀點(diǎn)。社交關(guān)系圈可對自己或其他用戶的信息進(jìn)行互動，這是除時(shí)刻聯(lián)系之外的另一種主要社交形式。

分析社交軟件界面設(shè)計(jì)的交互層得出設(shè)計(jì)師為用戶對產(chǎn)品使用的易用性應(yīng)做到：（1）有限的空間幫助更多的用戶實(shí)現(xiàn)互動操作，用戶的學(xué)習(xí)成本低，軟件的易用性就高；（2）為用戶的所有操作行為提供及時(shí)反饋，增強(qiáng)用戶對產(chǎn)品的好感和粘性。

3.社交軟件界面設(shè)計(jì)之反思行為設(shè)計(jì)——認(rèn)知層

唐納德?諾曼教授曾說，“產(chǎn)品可不只是它們所實(shí)現(xiàn)的功能的總和。他們真正的價(jià)值是可以滿足人們的情感需求，而最重要的一個(gè)需要就是建立其自我形象和其在社會中的地位需要”。這也是產(chǎn)品情感化設(shè)計(jì)的最高標(biāo)準(zhǔn)。社交軟件用戶的需求可分為：（1）必要的社交需求；（2）尋求存在感。不同類型的社交軟件給不同需求的用戶提供展現(xiàn)自己的平臺，在反思行為設(shè)計(jì)上，需要產(chǎn)品能夠與用戶保持長久的關(guān)系，時(shí)刻注意用戶的感受和體驗(yàn)，從用戶出發(fā)，通過感官層和交互層的不斷完善鞏固用戶-產(chǎn)品關(guān)系，并能夠發(fā)掘出用戶對產(chǎn)品除基礎(chǔ)功能之外的期望訴求，甚至可以設(shè)計(jì)一些讓用戶驚喜的功能。如果產(chǎn)品逐漸能夠完成這三種屬性：（1）基本屬性；（2）二級屬性；（3）高級屬性，特別是高級屬性的實(shí)現(xiàn)，就是反思行為設(shè)計(jì)的實(shí)踐。例如微信APP中的小程序的研發(fā)，就屬于產(chǎn)品的高級屬性，增加了軟件自身的功能并且為用戶帶來了驚喜。

社交軟件界面為用戶之間的互動提供了平臺，通過交流來滿足聯(lián)系、溝通的情感需求。社交軟件能將用戶把情感融入到交互體驗(yàn)中，將情感體驗(yàn)、感性認(rèn)知與理性思考結(jié)合起來，最終達(dá)到認(rèn)知的效果。也就實(shí)現(xiàn)了提升社交軟件品牌形象，增強(qiáng)用戶粘性的目標(biāo)，使其在眾多同類產(chǎn)品中脫穎而出。

四、結(jié)語

隨著交互技術(shù)日趨成熟，社交軟件產(chǎn)品界面設(shè)計(jì)的情感化是用戶的終極需求，也將成為各界互聯(lián)網(wǎng)產(chǎn)品界面設(shè)計(jì)的必然趨勢。不斷地去關(guān)注人-人交際方式，挖掘新的社交訴求，提供新的交流渠道，從情感化的本能設(shè)計(jì)水平——行為設(shè)計(jì)水平——反思設(shè)計(jì)水平逐步提升，打造用戶黏度高的互聯(lián)網(wǎng)社交產(chǎn)品，實(shí)現(xiàn)高效、愉快、多功能的社交目的。

[1]王愉.互聯(lián)網(wǎng)產(chǎn)品視覺設(shè)計(jì) 導(dǎo)航篇[M].北京：清華大學(xué)出版社,2015.1.P13.

[2]唐納德?A?諾曼.情感化設(shè)計(jì).[M].背景：電子工業(yè)出版社，2005.

[3]楊健 陳洋等.基于情感化理念的科普展品交互界面設(shè)計(jì)研究[J].包裝工程，2016.3.

李靖（1988- ），山西大同大學(xué)教育科學(xué)與技術(shù)學(xué)院。