?????? 情感化設(shè)計是一個很寬泛的概念，最早適用于日常生活中各種實物產(chǎn)品，自從互聯(lián)網(wǎng)誕生以來，情感化設(shè)計也逐漸應(yīng)用到互聯(lián)網(wǎng)產(chǎn)品上，今天分享的主題介紹一些互聯(lián)網(wǎng)產(chǎn)品在情感化設(shè)計上的應(yīng)用實例，給大家提供一些靈感，后期可以更好地優(yōu)化自己的產(chǎn)品。
一、什么是情感化設(shè)計？
什么是情感？
?????? 情感是人對外界事物作用于自身時的一種生理反應(yīng)，是由需要和期望決定的。當(dāng)這種需求和期望得到滿足時會產(chǎn)生愉快、喜愛的情感，反之產(chǎn)生苦惱、厭惡。
什么是情感化設(shè)計？
???? ? 情感化設(shè)計最早由唐納德·諾曼在其同名書籍中提出，是一種著眼于人的內(nèi)心情感需求和精神需求的設(shè)計理念，目標(biāo)是在人格層面與用戶建立關(guān)聯(lián)，使用戶在與產(chǎn)品互動的過程中產(chǎn)生積極正面的情緒。這種情緒會逐步使用戶產(chǎn)生愉悅的記憶，從而更加樂于使用你的產(chǎn)品。
?????? Aarron?Walter將情感化設(shè)計與馬斯洛需求層次理論聯(lián)系起來，按照產(chǎn)品特質(zhì)，將產(chǎn)品劃分為功能性、可依賴性、可用性和愉悅性這四個層面，情感化設(shè)計則處于最頂層的“愉悅性”層面當(dāng)中。但目前絕大部分產(chǎn)品都停留在可用性這個層級，很少有產(chǎn)品有精力去做到愉悅性，其中的原因可能與公司戰(zhàn)略、目標(biāo)有關(guān)系，也有可能是產(chǎn)品經(jīng)理意識的缺失。
二、為什么做情感化設(shè)計？
?????? 1.情感化設(shè)計的產(chǎn)品更能俘獲用戶芳心，提升產(chǎn)品滿意度；
?????? 2.當(dāng)前市面上相同類型產(chǎn)品越做越像，彼此之間的區(qū)別也越來越小，同行業(yè)的產(chǎn)品用戶感知不到區(qū)別，因此情感化設(shè)計可以是差異化的一個重要因素，但不是決定因素。
?????? 3.隨著社會的進(jìn)步，用戶更注重情感訴求和心理訴求，尤其以90后、95后為主，更注重個性化、更注重個體主觀感受，所以情感化設(shè)計更符合用戶心理訴求。
三、情感化設(shè)計應(yīng)用實例
?????? 調(diào)動用戶情緒：
?????? 調(diào)動用戶情緒又可以分為兩方面，一是帶動用戶情緒，二是轉(zhuǎn)化用戶情緒。
?????? 帶動用戶情緒：完成產(chǎn)品期望用戶做的事情、例如產(chǎn)品希望用戶體驗新功能，此時就需要一些引導(dǎo)來幫助用戶完成操作（例如產(chǎn)品的引導(dǎo)頁，游戲的引導(dǎo)頁）；
????? 1.全民K歌-引導(dǎo)頁：
?????? 很多用戶安裝APP后根本不會看引導(dǎo)頁，直接跳過引導(dǎo)頁使用產(chǎn)品，產(chǎn)品在引導(dǎo)頁上介紹的一些產(chǎn)品功能特性也就被忽略了。為了抓住用戶的注意力，部分APP開始采用短視頻來介紹產(chǎn)品特性，相比較于簡單的文案+圖片形式，視頻更容易讓用戶接受，吸引力也更大。讓用戶在體驗產(chǎn)品的第一步就能對產(chǎn)品產(chǎn)生好感。
????? 此引導(dǎo)頁是個視頻，所以我截了幾張圖讓大家感受一下。
????? 2.嗶哩嗶哩APP-引導(dǎo)登錄：
?????? 登錄本來是一件用戶本身就不喜歡的事情，直接彈出登錄窗口甚至?xí)黾佑脩舻倪M(jìn)一步反感。（例如左圖）
???? ? blibli引導(dǎo)登錄時有趣的配圖可以分散用戶注意力，減輕反感情緒；文案又告訴用戶兩個信息，一是你沒有登錄，所以會出現(xiàn)提示你登錄的頁面；二是登錄后可以打開新世界的大門，讓用戶產(chǎn)生一種好奇，新世界里有什么東西？讓用戶理解登錄的目的。
????? 3.嗶哩嗶哩APP-新功能引導(dǎo)
???? ? 采用和登錄頁相同的方法，有趣的配圖+俏皮的文案，提高引導(dǎo)過程的趣味性。當(dāng)然文案的風(fēng)格要和目標(biāo)受眾的口味、喜好一致，如果嗶哩嗶哩的受眾不是95后，而是大爺大媽，用此種風(fēng)格的文案就不合適了。
??? ?? 轉(zhuǎn)化用戶情緒：轉(zhuǎn)化用戶在使用產(chǎn)品中出現(xiàn)的負(fù)面情緒（例如淡化加載失敗時的沮喪、煩躁情緒或轉(zhuǎn)化為喜歡、開心的正面情緒）；
?????? 在用戶使用產(chǎn)品的過程中，最容易出現(xiàn)負(fù)面的情緒的情況當(dāng)然是加載失敗、加載中、下拉刷新和空頁面四個狀態(tài)了。
????? 1.Chrome瀏覽器-加載失敗
?????? 頁面加載失敗時出現(xiàn)一只恐龍，點(diǎn)擊空格鍵就可以玩類似于超級馬里奧的游戲（強(qiáng)烈建議大家嘗試一下呦~），以此來分散用戶注意力，轉(zhuǎn)化沮喪、煩躁的負(fù)面情緒。我嘗試過，等玩了幾把游戲之后，完全忘記了之前加載失敗的事情?？上У氖墙换プ龅暮芪?，很少有用戶發(fā)現(xiàn)。
????? 2.美團(tuán)外賣APP-加載失敗
????? 通過詼諧的圖片和文案向用戶解釋加載失敗的原因，獲取用戶理解，減輕焦慮感。
????? 3.去哪兒APP-加載失敗、加載中
?????? 加載失敗時，駱駝表現(xiàn)出沮喪的表情，正好也體現(xiàn)了用戶的此時的心情，獲取同理心，拉近與用戶的距離；加載中的時候，駱駝走動，增加等待時的趣味性。都可以轉(zhuǎn)化用戶的負(fù)面情緒。
????? 4.美團(tuán)外賣APP-加載中
?????? 在減少用戶等待加載或刷新時焦慮感方面，采用一只萌萌噠袋鼠，是一個外賣小哥的形象，很好地傳達(dá)了產(chǎn)品的調(diào)性。
????? 5.網(wǎng)易蝸牛讀書APP-下拉刷新
????? 充滿趣味的文案，可以分散用戶等待的注意力，減少焦慮感。
????? 6.騰訊體育APP-下拉刷新
?????? 籃球是騰訊體育APP標(biāo)志性的運(yùn)動項目，籃球運(yùn)動中表示正在刷新，進(jìn)球表示刷新成功。刷新動畫符合app的產(chǎn)品定位，并且增加了極大的趣味性
????? 7.全民K歌APP-空頁面
?????? 大部分產(chǎn)品的空頁面設(shè)計平平淡淡，放一個毫無關(guān)聯(lián)的圖標(biāo)，冷冰冰的文案就草草了事，例如“暫無數(shù)據(jù)”，給用戶的感覺就是在和一臺毫無感情的服務(wù)器進(jìn)行交流。（例如左圖，好在文案上還有一個語氣詞，沒那么生硬。）
???? ? 全民K歌：圖片用吉祥物表達(dá)空數(shù)據(jù)時的憤怒、焦躁心情；俏皮的文案，指引用戶去唱歌，點(diǎn)擊可直接進(jìn)入錄制歌曲模塊，快捷入口又可以提升唱歌模塊的活躍度。
影響用戶感知：
?????? 從用戶角度而言，指用戶能夠感受、體會到產(chǎn)品的服務(wù)、理念、人文氣息等因素；
?????? 從產(chǎn)品角度而言，產(chǎn)品通過刻意強(qiáng)化某些元素，向用戶傳達(dá)某種認(rèn)知，以此來加強(qiáng)用戶對產(chǎn)品或服務(wù)的認(rèn)識。
?????? 為方便大家理解，此處給大家舉個栗子，之前市場上有商家推出無線路由器，信號比有線路由器更強(qiáng)，但卻發(fā)現(xiàn)用戶不買賬，因為在用戶的固有認(rèn)知里有線路由器信號就是比無線的強(qiáng)。因此商家利用用戶的這種心理，在路由器上加了越來越多的天線，從最初的2根變?yōu)楝F(xiàn)在的4根、5根，以此來讓用戶感知到這款路由器信號很強(qiáng)，這就是一個典型的影響用戶感知的栗子。
????? 1.微信-啟動頁
????? 背景圖名字叫藍(lán)色彈珠，拍攝于1972年12月7日，一位宇航員在阿波羅17號飛船上用一臺80毫米鏡頭的哈蘇照相機(jī)，拍下了完整的地球照片。
?????? 張小龍也有一句名言：每個人都是孤獨(dú)的，這張圖中的小人代表用戶，孤單的背影望著一顆碩大的星球，透露出孤單、寂寞的心境，傳達(dá)出每個人都渴望交流，渴望被關(guān)注的需求，用這張圖來做啟動頁可以加深用戶對微信的產(chǎn)品認(rèn)知，了解產(chǎn)品的特性。微信偉大的原因，體現(xiàn)在細(xì)節(jié)之中，再回想一下其他的產(chǎn)品，哪里這種情懷和視野。
????? 2.Google-logo
?????? Google在每個重要節(jié)日logo都會做出相應(yīng)的調(diào)整，點(diǎn)擊進(jìn)入之后會有相關(guān)的介紹和信息，其作用除了渲染節(jié)日氣氛，也擔(dān)負(fù)了一定的社會責(zé)任，同時也給用戶傳達(dá)人文主義信息，加深用戶對企業(yè)的認(rèn)知。
????? 3.QQ郵箱-文案
????? 通過講述一些故事，突出產(chǎn)品特質(zhì)，引發(fā)用戶共鳴，提升品牌形象，也是增強(qiáng)感知的形式。
????? 4.Readme-登錄頁
????? 在Readme的登陸頁面上，為了加強(qiáng)讓用戶在輸入密碼時感受到安全感，再輸入email時貓頭鷹睜著眼睛，輸入密碼時貓頭鷹會遮住自己的眼睛，國內(nèi)嗶哩嗶哩APP也采用了相同的做法。
戳這個鏈接體驗一下：https://dash.readme.io/login
????? 5.百度搜索彩蛋
?????? 搜索關(guān)鍵詞就會出現(xiàn)對應(yīng)的效果，加強(qiáng)用戶對相關(guān)詞匯的感知，也增加了營銷元素，讓產(chǎn)品具備可傳播屬性。
產(chǎn)品擬人化：
?????? 將產(chǎn)品賦予人的性格，讓它具備人的感情。讓產(chǎn)品中的文案、UI和交互擁有人的情感和性格與用戶進(jìn)行對話。
????? 當(dāng)用戶在使用產(chǎn)品時，其實就是用戶在和產(chǎn)品溝通，進(jìn)行信息的交流。沒有人愿意和冷冰冰的機(jī)器人交流，所以很多產(chǎn)品采用擬人化的手法，讓產(chǎn)品具備人的性格，和用戶面對面交流。
?????? 所以微軟和蘋果在語音助手時盡最大可能讓Siri和小娜越來越聰明，越來越接近人類，具備人的性格和智力，更好地為我們服務(wù)。
?????? 此處插入一個梗：之前網(wǎng)上有一個很火的測試，測試者使用Siri和一款某國產(chǎn)手機(jī)的語音助手，說“我想吃shi”，結(jié)果Siri只是調(diào)侃了一下（類似于上圖中的Cortana），某國產(chǎn)手機(jī)卻找到了周圍的廁所。
?????? 于是我做了一個優(yōu)雅版的測試，使用Siri和Cortana，說“我想上廁所”，測試結(jié)果就是上圖所示，哪個更聰明想必大家心里已經(jīng)有了答案。
????? 1.嗶哩嗶哩APP-下拉刷新文案
?????? 產(chǎn)品擬人化最簡單的方法就是從文案入手，實現(xiàn)成本最??；嗶哩嗶哩典型的二次元風(fēng)格，符合目標(biāo)受眾的特征，擬人化的運(yùn)用讓用戶對產(chǎn)品感到更親切。
????? 2.網(wǎng)易云音樂-卸載頁面圖標(biāo)
?????? 另外一種方式就是從各種提示的圖片入手，通過擬人化的手法賦予圖片性格、情緒。例如網(wǎng)易云音樂被卸載時圖片體現(xiàn)出委屈、傷心，博取用戶的同情心，降低卸載的風(fēng)險。
四、情感化設(shè)計的作用
????? 另外補(bǔ)充幾個觀點(diǎn)分享給大家：
????? 1.一個優(yōu)秀的產(chǎn)品應(yīng)該是有人格魅力且讓人愉悅的，這種讓人愉悅的積極的情緒便是由產(chǎn)品中那些多多少少的情感化細(xì)節(jié)來表現(xiàn)出的。
????? 2.產(chǎn)品的情感化設(shè)計是基于可用性之上的，要先做好功能，滿足用戶需求之后再進(jìn)行情感化設(shè)計。
????? 3.情感化設(shè)計開發(fā)量并不大，只需要產(chǎn)品在設(shè)計原型的時候多留出幾分鐘時間稍加思索，便可以讓我們的產(chǎn)品不再是一個冷冰冰的工具。
文/Kris
