情感化在UI設計中的應用

朱麗進 劉斌

摘要：隨著移動互聯的飛速發展，APP產品繁多，卻留存率低，對于冰冷的手機設備，如何在UI界面設計中融入得當情感化設計，結合情感化設計的因素，讓APP產品人性化，良好的用戶體驗，取得APP一定的市場競爭力。

關鍵詞：情感化；UI；交互

中圖分類號：TP311 文獻標識碼：A

文章編號：1009-3044（2019）09-0273-02

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

1 情感化設計的重要性

在APP種類繁多的今天，很多app產品使用率和留存率很低，產品生命周期很短，用戶用過即拋，這也是一種成本的浪費。國際權威的人機交互專家Donald Norman博士強調，一個完好開發的、有凝聚力的產品，應該看上去美觀，用起來舒心，使用戶能愉悅地欣賞，快樂的使用，同時增強心靈和心思想的感受[1]?？梢娗楦心軌蛴绊懹脩舻母兄袆雍退季S，如果產品能夠滿足用戶的正面積極的情感需求，就能實現產品的市場預期目標，越來越多的APP產品融入情感化設計，追求人們情感層面的需求。試想一下，手機雖然只是一個機器，但是用戶與手機這個產品之間是能有情感傳遞的，它不僅僅是個冰冷的工具，這樣用戶在使用和體驗過程中產生愉悅的產品才能走得更長遠。

2 情感化設計的優劣

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

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

同時也不建議設計師在用戶常見的產品中嘗試為了追求“愉悅”性而嘗試的大膽創新設計，一旦時間久了，會讓用戶產生審美疲勞。正是因為一些新鮮和不期而遇的事物才會讓人產生心跳的感覺，所以建議設計師在app的賬戶設置，登錄界面，提示信息或者404迷失界面中嘗試情感化設計融入。

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

3 情感化設計的因素

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

（1）布局

根據用戶眼球運動的規律，用戶對于界面的關注度呈現“F”型，所以手機界面設計布局時候，左上角經常是界面的主要內容。用戶操作手機界面也是左右和上下方向的翻動，隨著近幾年扁平化風格的風靡，界面板式更是趨于越來越簡化的方向。

（2）色彩

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

（3）文字信息

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

（4）圖形

手機界面中圖形的運用，這是UI界面非常重要的一方面，通圖標，布局等都會用到，當然不同都設計方式，給人都視覺體驗感也是不同都。例如ios都app中桌面啟動圖標都圓角正方形，搜索框都圓角矩形，好友列表中都線條分割，等等。點線面在手機界面中，以各種各樣都形式存在著，通過有序都組織、分類、對齊、裝飾、排列等，產生獨特都美。

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

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

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

4 總結

一個優秀的UI產品設計很好的融合好情感化設計，努力做到抓住用戶的注意力，誘導情緒的反應，引導特定行為的觸發，是非常必要的，因為這樣不僅可以提高用戶體驗，提高產品的下載率，和使用率。當然，有機遇就會存在風險，要根據不同的產品和不同的用戶群體去定位設計，否則會適得其反。

參考文獻：

[1] 謝傳偉.情感化設計中用戶體驗中的運用[J].設計，2014（02）.

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

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

【通聯編輯：代影】