情感化在UI設(shè)計(jì)中的應(yīng)用

朱麗進(jìn) 劉斌

摘要：隨著移動(dòng)互聯(lián)的飛速發(fā)展，APP產(chǎn)品繁多，卻留存率低，對(duì)于冰冷的手機(jī)設(shè)備，如何在UI界面設(shè)計(jì)中融入得當(dāng)情感化設(shè)計(jì)，結(jié)合情感化設(shè)計(jì)的因素，讓APP產(chǎn)品人性化，良好的用戶體驗(yàn)，取得APP一定的市場(chǎng)競(jìng)爭(zhēng)力。

關(guān)鍵詞：情感化；UI；交互

中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）09-0273-02

移動(dòng)互聯(lián)迅速發(fā)展的今天，回顧一下手機(jī)的發(fā)展歷史，從手機(jī)剛進(jìn)入市場(chǎng)不但價(jià)格昂貴而且僅有通話單一功能，當(dāng)時(shí)還是重視技術(shù)的時(shí)代，人們把重點(diǎn)集中在，信號(hào)，待機(jī)時(shí)間和壽命等上面，對(duì)于手機(jī)造型，界面更是很少關(guān)心。技術(shù)發(fā)展到今天，功能基本都滿足用戶的需求，為了提高產(chǎn)品競(jìng)爭(zhēng)力，越來越多的商家開始重視產(chǎn)品外觀設(shè)計(jì)，如美觀，個(gè)性，易學(xué)易用，人性化等等。其中近幾年情感化的app UI設(shè)計(jì)更是吸引很多用戶的眼球。

1 情感化設(shè)計(jì)的重要性

在APP種類繁多的今天，很多app產(chǎn)品使用率和留存率很低，產(chǎn)品生命周期很短，用戶用過即拋，這也是一種成本的浪費(fèi)。國(guó)際權(quán)威的人機(jī)交互專家Donald Norman博士強(qiáng)調(diào)，一個(gè)完好開發(fā)的、有凝聚力的產(chǎn)品，應(yīng)該看上去美觀，用起來舒心，使用戶能愉悅地欣賞，快樂的使用，同時(shí)增強(qiáng)心靈和心思想的感受[1]。可見情感能夠影響用戶的感知，行動(dòng)和思維，如果產(chǎn)品能夠滿足用戶的正面積極的情感需求，就能實(shí)現(xiàn)產(chǎn)品的市場(chǎng)預(yù)期目標(biāo)，越來越多的APP產(chǎn)品融入情感化設(shè)計(jì)，追求人們情感層面的需求。試想一下，手機(jī)雖然只是一個(gè)機(jī)器，但是用戶與手機(jī)這個(gè)產(chǎn)品之間是能有情感傳遞的，它不僅僅是個(gè)冰冷的工具，這樣用戶在使用和體驗(yàn)過程中產(chǎn)生愉悅的產(chǎn)品才能走得更長(zhǎng)遠(yuǎn)。

2 情感化設(shè)計(jì)的優(yōu)劣

情感化設(shè)計(jì)是由Donald Norman在《情感化設(shè)計(jì)》一書中提出來的，并提出了產(chǎn)品情感三層次理論， 分別為本能層——外形 ； 行為層次——使用的樂趣和效用 ； 反思層次——自我形象 、個(gè)人滿足 、記憶[2]。

產(chǎn)品本身想要追求用戶使用后得到愉悅，但是要使用得當(dāng)，有些事物在某種情況下可能會(huì)帶來一些負(fù)面效應(yīng)，我們?cè)谠O(shè)計(jì)的過程中要盡量避開。一旦運(yùn)用不當(dāng)，本來想要愉悅用戶的一些界面元素可能破壞了UI的整體可用性，會(huì)讓用戶增加認(rèn)知的負(fù)荷和交互成本。愉悅也是因人而異的，對(duì)于同一個(gè)設(shè)計(jì)，可能一部分人看來是有趣的好玩的，對(duì)于另外一部分可能覺得會(huì)很糟糕，因此情感中的愉悅性具有主觀性。對(duì)于用戶群體不斷擴(kuò)大，想要產(chǎn)品的設(shè)計(jì)具有眾人都有愉悅性會(huì)變得越來越難，不建議設(shè)計(jì)師嘗試大膽創(chuàng)新的情感化設(shè)計(jì)，可以在一些小型產(chǎn)品上去嘗試，并且積極去做好用戶滿意度調(diào)查，保留優(yōu)點(diǎn)，及時(shí)修改不足之處?？偟膩碚f，大品牌的產(chǎn)品更傾向于簡(jiǎn)單直白的表達(dá)，有約定俗稱的風(fēng)格，這樣更容易讓用戶接受的同時(shí)，也降低了出現(xiàn)歧義或者誤區(qū)的可能性。

同時(shí)也不建議設(shè)計(jì)師在用戶常見的產(chǎn)品中嘗試為了追求“愉悅”性而嘗試的大膽創(chuàng)新設(shè)計(jì)，一旦時(shí)間久了，會(huì)讓用戶產(chǎn)生審美疲勞。正是因?yàn)橐恍┬迈r和不期而遇的事物才會(huì)讓人產(chǎn)生心跳的感覺，所以建議設(shè)計(jì)師在app的賬戶設(shè)置，登錄界面，提示信息或者404迷失界面中嘗試情感化設(shè)計(jì)融入。

例如，readme網(wǎng)站的登錄界面，有個(gè)萌寵的睜著眼睛的小貓頭鷹，當(dāng)用戶切換到密碼框進(jìn)行輸入時(shí)候，貓頭鷹主動(dòng)蒙上自己的眼睛，仿佛在告訴用戶我不會(huì)偷看你的密碼，傳遞給用戶一種安全感，非常的體貼，減少用戶登錄時(shí)輸入繁多字符的負(fù)面情緒。

3 情感化設(shè)計(jì)的因素

手機(jī)UI界面情感化因素可以從兩個(gè)層面去分析視覺層面和交互層面。影響手機(jī)UI界面的因素有很多，比如：布局，色彩，文字和圖形等等，這些元素相互配合，相輔相成構(gòu)成一個(gè)整體，直接影響了用戶的使用情緒[3]。

（1）布局

根據(jù)用戶眼球運(yùn)動(dòng)的規(guī)律，用戶對(duì)于界面的關(guān)注度呈現(xiàn)“F”型，所以手機(jī)界面設(shè)計(jì)布局時(shí)候，左上角經(jīng)常是界面的主要內(nèi)容。用戶操作手機(jī)界面也是左右和上下方向的翻動(dòng)，隨著近幾年扁平化風(fēng)格的風(fēng)靡，界面板式更是趨于越來越簡(jiǎn)化的方向。

（2）色彩

色彩是人眼最直觀感受到的視覺效應(yīng)，用戶通過染色，可以感受到冷暖、軟硬、遠(yuǎn)近、和輕重等感覺。不同的色彩會(huì)令人產(chǎn)生不同的情緒，如愉快，恐懼，孤獨(dú)，絕望，悲傷等。例如出現(xiàn)一些重大悲傷都事情，一些門戶網(wǎng)站如百度，他們都官方網(wǎng)站都會(huì)改為黑白色調(diào)，以示哀悼。當(dāng)然好的UI界面設(shè)計(jì)，色彩搭配非常重要，雖然任何顏色都可以搭配，但是對(duì)于色彩都名都純度對(duì)比，和面積對(duì)比，輔助色都調(diào)和以及色彩都呼應(yīng)等等，想要把握到位，還是要不斷都積累經(jīng)驗(yàn)才能達(dá)到這樣都高度。一般來說，主色調(diào)（主色+背景色）越戰(zhàn)75%，輔色越戰(zhàn)20%，點(diǎn)睛色越戰(zhàn)5%，也可以運(yùn)用鄰近色搭配，同類色搭配和對(duì)比色搭配等。

（3）文字信息

文字都字體，大小，顏色，排版布局還有內(nèi)容，都會(huì)直接影響著用戶使用上都感受。例如由于手機(jī)屏幕大小都限制，文字大小不能小于22px，字體顏色和背景色都對(duì)比，文字所表達(dá)的內(nèi)容，等等，都需要給予足夠都重視，才能達(dá)到用戶情感上的滿足。

（4）圖形

手機(jī)界面中圖形的運(yùn)用，這是UI界面非常重要的一方面，通圖標(biāo)，布局等都會(huì)用到，當(dāng)然不同都設(shè)計(jì)方式，給人都視覺體驗(yàn)感也是不同都。例如ios都app中桌面啟動(dòng)圖標(biāo)都圓角正方形，搜索框都圓角矩形，好友列表中都線條分割，等等。點(diǎn)線面在手機(jī)界面中，以各種各樣都形式存在著，通過有序都組織、分類、對(duì)齊、裝飾、排列等，產(chǎn)生獨(dú)特都美。

淘寶APP提示信息的情感化，它雖然是電商平臺(tái)，在冰冷的手機(jī)機(jī)器上做買賣，也可以體會(huì)到暖暖的人情味。淘寶背后的設(shè)計(jì)團(tuán)隊(duì)，將產(chǎn)品化生成為一個(gè)有個(gè)性有故事的人，這樣能夠很好地得到用戶的好感。例如網(wǎng)絡(luò)不好的時(shí)候，用戶訪問淘寶頁(yè)面的時(shí)候，它會(huì)安慰用戶“網(wǎng)絡(luò)竟然崩潰了，別緊張，試試看刷新頁(yè)面”，購(gòu)物車沒有任何商品的時(shí)候，它像是一個(gè)朋友一樣，熱心溫暖的關(guān)心你“再忙，也要記得買點(diǎn)什么犒賞自己”。

這些示例文字，一般都不超過18個(gè)字，但就這幾個(gè)字都溫馨消息提醒，用戶有時(shí)候看到了能夠會(huì)心一笑，就能說明這個(gè)設(shè)計(jì)已經(jīng)是成功都了。

交互方式隨著手機(jī)的不斷發(fā)展，也在不斷地豐富。按鈕，屏幕手勢(shì)，人臉識(shí)別，聲音反饋，觸摸反饋，重力反饋等等，使得現(xiàn)在的手機(jī)操作更加便捷省力。

4 總結(jié)

一個(gè)優(yōu)秀的UI產(chǎn)品設(shè)計(jì)很好的融合好情感化設(shè)計(jì)，努力做到抓住用戶的注意力，誘導(dǎo)情緒的反應(yīng)，引導(dǎo)特定行為的觸發(fā)，是非常必要的，因?yàn)檫@樣不僅可以提高用戶體驗(yàn)，提高產(chǎn)品的下載率，和使用率。當(dāng)然，有機(jī)遇就會(huì)存在風(fēng)險(xiǎn)，要根據(jù)不同的產(chǎn)品和不同的用戶群體去定位設(shè)計(jì)，否則會(huì)適得其反。

參考文獻(xiàn)：

[1] 謝傳偉.情感化設(shè)計(jì)中用戶體驗(yàn)中的運(yùn)用[J].設(shè)計(jì)，2014（02）.

[2] （美）唐納德·A·諾曼.情感化設(shè)計(jì)[M].付秋芳，程進(jìn)三，譯.北京：電子工業(yè)出版社，2005：32/47-70.

[3] 張星月.基于情感化理念的手機(jī)UI界面設(shè)計(jì)與用戶心里分析——以安卓與iphone手機(jī)UI界面對(duì)比分析為例[D].西安建筑科技大學(xué)，2017.

【通聯(lián)編輯：代影】