小溜Epik：情感化設(shè)計(jì)是完善產(chǎn)品，提升用戶體驗(yàn)的關(guān)鍵，在當(dāng)今移動(dòng)應(yīng)用泛濫的時(shí)代，只有存在情感化設(shè)計(jì)的產(chǎn)品才能脫穎而出。如今的用戶不再滿足于與冰冷的機(jī)器進(jìn)行互動(dòng)，更希望在每次的操作中附有有情感上的互動(dòng)。情感化設(shè)計(jì)在很多時(shí)候可以緩解用戶負(fù)面情緒，幫助用戶快速熟悉產(chǎn)品等。所以了解情感化設(shè)計(jì)并有效的運(yùn)用情感化設(shè)計(jì)是一款好產(chǎn)品必不可少的環(huán)節(jié)。

目錄

• 什么是情感化設(shè)計(jì)？
• 情感化設(shè)計(jì)三要素與產(chǎn)品的結(jié)合
• 情感化設(shè)計(jì)的作用
• 情感化設(shè)計(jì)的風(fēng)險(xiǎn)
• 小結(jié)

一、什么是情感化設(shè)計(jì)

情感化設(shè)計(jì)是旨在抓住用戶注意力、誘發(fā)情緒反應(yīng)，以提高執(zhí)行特定行為的可能性的設(shè)計(jì)。通俗的講，就是設(shè)計(jì)以某種方式去刺激用戶，讓其有情感上的波動(dòng)。通過(guò)產(chǎn)品的功能、產(chǎn)品的某些操作行為或者產(chǎn)品本身的某種氣質(zhì)，產(chǎn)生情緒上的喚醒和認(rèn)同，最終使用戶對(duì)產(chǎn)品產(chǎn)生某種認(rèn)知，在他心目中形成獨(dú)特的定位。（出自《設(shè)計(jì)心理學(xué)》第三部）

二、情感化設(shè)計(jì)三要素與產(chǎn)品的結(jié)合

在唐納·A·諾曼的《設(shè)計(jì)心理學(xué)3-情感化設(shè)計(jì)》一書(shū)中從知覺(jué)心理學(xué)的角度解釋了人的本性三個(gè)特征層次，即本能的、行為的、反思的。

1. 本能水平的設(shè)計(jì)

本能水平的設(shè)計(jì)的基本原理來(lái)自人類本能，這一層次的主要物理特征是，視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)占主要支配因素。一般人剛看到一個(gè)物品時(shí)就想要，往往是出于本能選擇好看的。

案例結(jié)合：本能水平的設(shè)計(jì)，在移動(dòng)端UI設(shè)計(jì)中的運(yùn)用就是，視覺(jué)的體現(xiàn)（符合大眾的認(rèn)知設(shè)計(jì)），我們的產(chǎn)品視覺(jué)要讓用戶看到后就有想下載的沖動(dòng)，所以由此可見(jiàn)設(shè)計(jì)師的重要性，顏值才是產(chǎn)品和用戶的敲門磚。如下圖所示：

兩款銀行類App，拋開(kāi)不同銀行的情景，兩張界面同為銀行的首頁(yè)界面，如果選擇一個(gè) App 留在手機(jī)中會(huì)怎么選擇？我咨詢了100位親朋好友，最終選擇掌上生活的人占82%；選擇交通銀行的占18%。

所以通過(guò)這個(gè)測(cè)試我們可以看出視覺(jué)效果在產(chǎn)品初期的下載率上會(huì)起到?jīng)Q定性作用。

2. 行為水平的設(shè)計(jì)

行為水平的設(shè)計(jì)注重的則是效用，物品功能好，簡(jiǎn)單易懂，操作簡(jiǎn)單，物理感覺(jué)（真實(shí)感覺(jué)）。以使用者為中心才是設(shè)計(jì)的核心。

案例結(jié)合： 上面說(shuō)的視覺(jué)是敲門磚，那么行為水平的設(shè)計(jì)就是決定愿不愿繼續(xù)交往的關(guān)鍵，也是提升用戶體驗(yàn)最關(guān)鍵的部分，即便再好看的設(shè)計(jì)，如果用戶使用起來(lái)諸多不爽也是枉然，所以行為水平的設(shè)計(jì)都有什么呢？下面整理了一部分的案例。

貼心的功能

共享單車系列的產(chǎn)品中，我最喜歡的產(chǎn)品就是7號(hào)單車，什么原因呢？如下圖所示：

圖中分別展示了摩拜單車和7號(hào)電車，7號(hào)單車在開(kāi)車后的界面中有兩個(gè)操作，臨時(shí)鎖車和結(jié)束用車，這就是功能好，摩拜并沒(méi)有考慮到一個(gè)使用場(chǎng)景，我需要到達(dá)多個(gè)目的地且停留時(shí)間都很短的情況，如果不鎖車可能被別人偷騎走，鎖了車又會(huì)被別人再次開(kāi)鎖騎走，所以就功能而言7號(hào)單車的體驗(yàn)更好。

引導(dǎo)用戶

產(chǎn)品初期和迭代都會(huì)存在用戶不了解信息以及功能，所以我們需要用文字的形式幫助和引導(dǎo)用戶去了解使用新的功能，就像老師一樣。如下圖所示：

Keep 選擇用包含圖標(biāo)文字按鈕的組合引導(dǎo)用戶如何去更好的使用 Keep，微信則是用一個(gè)純文字的彈出框引導(dǎo)用戶需要注意的事件。所以在產(chǎn)品中運(yùn)用通俗易懂的圖文來(lái)告訴用戶當(dāng)下發(fā)生的事情和需要去執(zhí)行的事情也是情感化設(shè)計(jì)的重要環(huán)節(jié)。

3. 反思水平的設(shè)計(jì)

當(dāng)用戶在使用產(chǎn)品后，理性的思考往往會(huì)讓用戶對(duì)產(chǎn)品做出一個(gè)評(píng)價(jià)。這個(gè)層次涉及文化、教育、個(gè)人經(jīng)歷等各方面，一個(gè)人感覺(jué)很好，可能另一個(gè)人會(huì)覺(jué)得很討厭。每個(gè)人自我的感覺(jué)不一樣。

案例結(jié)合：一說(shuō)到平臺(tái)中的點(diǎn)贊功能，大家想到的都是一個(gè)大拇指，所以用戶也不會(huì)因?yàn)辄c(diǎn)贊而記住產(chǎn)品。所以我們需要反思那些常規(guī)且用戶習(xí)慣的設(shè)計(jì)，如何可以做到即合理又有特點(diǎn)呢？如下圖所示：

左側(cè)是微博的點(diǎn)贊圖標(biāo)是常規(guī)的設(shè)計(jì)「大拇指」，不會(huì)給用戶留下深刻的印象，而右側(cè)虎撲則是用個(gè)燈泡圖標(biāo)配上文字「亮了」，既有新意，又符合使用場(chǎng)景，增加用戶的點(diǎn)擊欲望。可能有人會(huì)覺(jué)想反駁，這樣的形式增加了用戶的學(xué)習(xí)成本，我們?cè)谇懊嬷v到我們需要反思的是那些常規(guī)且已經(jīng)習(xí)慣設(shè)計(jì)，所以即便改變了造型，只要是符合用戶使用習(xí)慣的反思，就不會(huì)增加用戶的學(xué)習(xí)成本。

產(chǎn)品不僅是所有功能的集合，他們真正的價(jià)值可以是滿足人們的情感需求，而其中最重要的需求就是建立自我形象與社會(huì)地位。 反思是包含并超越前兩個(gè)層次，我們要經(jīng)常思考，為什么同類型的產(chǎn)品，我們要選擇它，為什么它給我留下了很深刻的印象，這都是反思水平的設(shè)計(jì)需要做的。

三、情感化設(shè)計(jì)的作用

1. 緩解負(fù)面情緒

眾所周知，在生活中等待是最容易讓人產(chǎn)生負(fù)面情緒的，所以我們?cè)谠O(shè)計(jì)中也是如此，為了緩解用戶因?yàn)榈却a(chǎn)生的焦慮，減少等待時(shí)間是很必要的。但有的時(shí)候界面加載時(shí)間是受很多客觀因素影響的，沒(méi)有辦法保證其速度。所以我們就需要通過(guò)一些情感化設(shè)計(jì)來(lái)緩解用戶的負(fù)面情緒。

案例結(jié)合：我們可以在需要用戶等待的地方加入一些動(dòng)畫(huà)效果，而不同的動(dòng)畫(huà)效果也會(huì)有不同的情感傳達(dá)，如下圖所示：

美團(tuán)外賣的刷新加載，一只袋鼠騎摩托的動(dòng)畫(huà)，因?yàn)槭撬筒头?wù)，所以時(shí)刻都在給用戶傳達(dá)「快」是他們的宗旨。（有趣的是，在 App 中袋鼠的動(dòng)畫(huà)是受紅綠燈影響的，也傳遞了綠燈行，紅燈停的交通法則，很有意義）反觀土豆則是休閑娛樂(lè)的視頻，所以加載動(dòng)畫(huà)也會(huì)傳達(dá)出很放松的情感。諸如此類的動(dòng)畫(huà)在 App 上還有很多，只要在需要用戶等待的場(chǎng)景下使用符合情境的動(dòng)畫(huà)便會(huì)輕松的減少用戶的負(fù)面情緒。

2. 引導(dǎo)用戶行為

人的記憶分為短期記憶和長(zhǎng)期記憶，短期記憶也稱工作記憶，為完成任務(wù)而臨時(shí)存儲(chǔ)的信息，一般保留幾分之一秒到幾秒。而我們?cè)谑褂檬謾C(jī)時(shí)通常都是工作記憶。所以在設(shè)計(jì)中感情化設(shè)計(jì)可以幫助我們引導(dǎo)用戶減輕用戶的記憶負(fù)擔(dān)。

案例結(jié)合：界面中標(biāo)簽的切換功能，在同一模塊中選擇不同的頁(yè)簽他們的選中狀態(tài)的樣式是相同的。如下圖所示：

不要增加用戶的記憶負(fù)擔(dān)，避免同個(gè)操作在不同模式下有不同的效果。

四、情感化設(shè)計(jì)的風(fēng)險(xiǎn)

我們要知道情感化設(shè)計(jì)是為滿足用戶的情感，有些情感化設(shè)計(jì)，是需要結(jié)合產(chǎn)品的定位，文化區(qū)域所決定的，事物是存在兩面性的，有的情感化設(shè)計(jì)會(huì)得到用戶的喜愛(ài)和興趣，有的則會(huì)給用戶帶來(lái)負(fù)面情緒。

1. 產(chǎn)品定位不同

不同的產(chǎn)品定位需要更換不同的情感化設(shè)計(jì)，例如上面說(shuō)到的，美團(tuán)為了體現(xiàn)速度則用袋鼠騎摩托的動(dòng)畫(huà)，而土豆主要是休閑視頻，所以動(dòng)畫(huà)效果用的則是品牌人物在吃爆米花。兩者調(diào)換后效果就不會(huì)有那么好的效果了。

2. 時(shí)效性

情感化設(shè)計(jì)是有時(shí)效性的，不同階段所用的設(shè)計(jì)也會(huì)有所區(qū)別，例如我們經(jīng)常看到過(guò)節(jié)時(shí)期，都會(huì)把宣傳界面做成符合節(jié)日的插畫(huà)，圖標(biāo)等，本文中舉的很多例子在目前的版本已經(jīng)不再使用。如下圖所示：

左側(cè)是餓了么的常規(guī)首頁(yè)，右側(cè)是世界杯時(shí)期的界面設(shè)計(jì)，頁(yè)面的 Banner 以及金剛區(qū)圖標(biāo)改版后都圍繞世界杯主題設(shè)計(jì)，迎合當(dāng)時(shí)的氛圍。我想，喜歡世界杯的用戶也會(huì)選擇有世界杯界面的外賣訂餐吧。但世界杯的時(shí)段一過(guò)還需要恢復(fù)為常規(guī)界面，這便是時(shí)效性。

五、小結(jié)

情感化設(shè)計(jì)的重要性：提升用戶體驗(yàn)，提升下載率，保證留存率，減少卸載率。

什么是情感化設(shè)計(jì)：情感化設(shè)計(jì)是旨在抓住用戶注意力、誘發(fā)情緒反應(yīng)，以提高執(zhí)行特定行為的可能性的設(shè)計(jì)。

情感化設(shè)計(jì)三要素：本能水平的設(shè)計(jì)、行為水平的設(shè)計(jì)、反思水平的設(shè)計(jì)。

情感化設(shè)計(jì)的作用：減少用戶負(fù)面情緒，引導(dǎo)用戶行為。

情感化設(shè)計(jì)風(fēng)險(xiǎn)：產(chǎn)品定位不同，情感化設(shè)計(jì)需要根據(jù)不同的產(chǎn)品定位設(shè)計(jì)，否則就會(huì)適得其反；時(shí)效性，節(jié)日活動(dòng)的設(shè)計(jì)不可以常久使用，否則體現(xiàn)不出設(shè)計(jì)的特殊性和融合性。

歡迎關(guān)注作者的微信公眾號(hào)：「海鹽社」

圖片素材作者：saikiran

「情感化設(shè)計(jì)好文合集」

• 新手篇：《并不復(fù)雜！寫給新手的情感化UI設(shè)計(jì)簡(jiǎn)明指南》
• 品牌價(jià)值：《騰訊ECD：如何以情感化設(shè)計(jì)提升品牌價(jià)值》
• 3個(gè)層次：《設(shè)計(jì)的三個(gè)層次，幫你重開(kāi)情感化設(shè)計(jì)的大門》
• 運(yùn)用方法：《不靠靈感做設(shè)計(jì)！超全面的「情感化設(shè)計(jì)」落地方法論》
• 實(shí)戰(zhàn)總結(jié)：《如何用視覺(jué)畫(huà)面調(diào)動(dòng)用戶的情感？來(lái)看這些方法！》