從這4個角度，做出情感化設計的產品

情感是我們生活中不可割舍的元素，UI設計師也開始在設計時添加「情感化元素」，但是我們忽略掉了一個最基本的問題，為什么要做情感化設計？產品能在情感化設計中得到什么？

解決問題之前，我們需要了解一下情感化設計的概念。

情感化設計是基于產品的功能性和易用性后，追求的更高層次的目標。我們只有先了解產品的邏輯，全面理解分析后，才能做出不影響產品功能下的情感化設計。

早在2002年，美國認知心理學家Donald Norman就提出了這一概念，他將產品特質劃分為功能性、有用性、易用性和愉悅性四個層面，由低到高，而情感化設計則處于頂端位置。

好了，現(xiàn)在大家已經(jīng)有了一個初步的認知，下面我來為大家解答剛才的問題。

一. 向用戶傳遞情感心流

心流，也就是沉浸式體驗。E Sherman在《Flow:the psychology of optimal experience》中提到了沉浸式體驗，沉浸就是讓人專注在當前的目標（由設計者營造）情境下感到愉悅和滿足，產生共鳴，忘記真實世界的情境。

設計師會通過畫面、氛圍、圖形、文案、動效和音樂等方式，以營造出符合當前環(huán)境的情景，幫助用戶快速融入其中。

沉浸式體驗最常見的方式是向用戶講故事。故事是處理信息的一種方式，將某些操作、信息通過故事的方法傳遞給用戶，讓用戶產生相同的情感共鳴，進而被吸引，對它的印象更加深刻。

我們以Sortie En Mer為例。Sortie En Mer是一個模擬溺水的網(wǎng)站，是為Guy Gotton宣傳航海服的，游戲宗旨是教育人們出海一定要穿救生衣。在交互上與其它同類網(wǎng)站不同，這一部分是以第一人稱的角度來簡述故事和經(jīng)驗。

故事很簡單，主人公在航海的過程中從船上落下后掙扎到死亡的過程，加上音樂的烘托，會感到更加絕望。畫面由明亮到暗沉，也暗喻來主人公體力不支。

同類主題的網(wǎng)站，大多只單純的展示服裝的特性和防水材料相關的技術數(shù)據(jù)。Sortie En Mer在普通的交互邏輯上進行了情感化設計，將一個海上發(fā)生意外的故事，通過訴說傳遞給用戶，讓用戶有身臨其境的參與感，營造融入其中的感覺。

二. 塑造友好的形象

通常我們認為產品是冷冰冰的，但是優(yōu)秀的產品，并不是冷冰冰的毫無情感，它仿佛就是一個活生生的生命，具有個性，人們更愿意與有情感有溫度的生命交朋友。

那怎樣才能做有溫度的朋友呢？我們可以通過下面兩個案例來分析。

1. 融360

現(xiàn)在很多產品都有自己的吉祥物，通過吉祥物去提升產品溫度。那么吉祥物是基于什么設計出來的呢？我們以融360的吉祥物設計為例。

首先，我們先分析一下其產品的構成：融360是一款移動金融智選平臺（核心定位），用戶大都為有貸款、辦理信用卡需求的中青年群體（使用人群），交互和視覺偏向于簡單，具有普適性。

在進行產品的情感化設計時，我們應該從產品特質和用戶本身出發(fā)，在研究的過程中，這兩者間有什么關系，是我們需要深入探討的問題。這種情感化設計是產品特征的一個展現(xiàn)，需要與其「性格、氣質、腔調」相符。

A. 吉祥物以人形寶寶的樣子出現(xiàn)，將產品擬人化，消除了人機間的冰冷交互，幫助用戶和產品間建立友好的聯(lián)系；

B. 它為什么會是一只牛？因為金融總是與牛相伴，華爾街金融街靠牛守護，用戶也會get到這點。
C. 牛大寶可靠、聰明，分別對應著產品的安全感和智能性，與產品性格相符。

那具體在App中是怎樣應用的呢？

情緒是情感有意識的體驗，它有目標性，通常也有原因，比如當用戶在輸入信息時，會產生煩躁心理，為了降低這種反感，我們用一個有情緒感的icon來緩解?；蛘弋斢脩粼谕顺鰰r，用一個賣萌的表情去挽留用戶。

情感化設計可以加強用戶對產品氣質的定位。就是由于牛大寶與產品極其相似，更能夠被大眾所接受，才一躍成為了「金融網(wǎng)紅」。

2. same

Same是一款針對年輕人的、去中心化的社交平臺，類似于豆瓣、微博等，但又不完全相同。因為用戶人群的年輕化，所以整體以輕快、簡潔為主。

我真的超級喜歡Same的小人icon，每一個icon都感覺「活了」。在加入情感化設計的同時，也考慮到了核心元素在每個環(huán)節(jié)的延展性，進一步加強了用戶對產品性格的認知。

當然，same的情感化設計并不僅體現(xiàn)在icon上，還體現(xiàn)在各種地方。比如說話題、banner設計。

向用戶數(shù)樹立友好的形象，不單指icon多么精美、界面樣式多么流行、配色多么好看。而是通過情感元素所傳達出來的信息和氣質，與整個視覺設計保持一致，且區(qū)別于競品，可以幫助用戶對產品有正面認知的設計。

所以，首先要想好進行情感化設計是想傳達什么，產品的立場、強調、氣質和形象分別是什么。簡單的說，就是你希望用戶怎樣去認知你的產品。

 

三. 成為理解用戶的朋友

從產品的細節(jié)出發(fā)，悉心觀察，換位思考，滿足各形各色的用戶需求和偏好。為他們帶來愉悅的體驗，幫他們解決問題，幫他們提高效率，甚至幫了解他們的一切，成為他們最可靠的小伙伴。

隱藏的細節(jié)設計是營造驚喜，和體現(xiàn)產品設計逼格的地方。在產品某些點上進行微交互和動畫設計，可以為用戶帶來較高的愉悅感。

大家有沒有厭倦千篇一律的、點了只會傻乎乎變色的「贊」？而Twitter是怎么做的呢？在普通的贊的基礎上添加了微交互，用戶在點贊后會得到一個動態(tài)的情感反饋，愉悅感會成倍的增加。

情感化的細節(jié)設計是為了創(chuàng)造出一個有趣的瞬間，并可以把用戶的注意力吸引到正確的位置，讓用戶在不知不覺間養(yǎng)成對產品的使用習慣，也可以培養(yǎng)用戶粘性。用戶在嘗試過之后，對于這種交互會有「哎呦，不錯哦」的感覺。

設計細節(jié)，并不是單純的從UI角度去說它好不好看，而是從分析其是否可以在大的視覺體系下，將情感融入其中，輔助塑造產品的性格與定位。

將產品的細節(jié)融入情感，一是賦予了產品本身的調性和趣味；二是充分體現(xiàn)產品的定位和特點。它的發(fā)生并非讓用戶刻意的體會些什么，而是希望用戶可以感知到它本來就是產品里的一部分，從而體現(xiàn)產品的價值。

總結

現(xiàn)在，產品類型趨近，情感化設計也在趨于相同。大家應該根據(jù)具體產品性質的不同，具體問題具體分析，避免隨波逐流。

為了讓產品功能與用戶情感的承接，更好的滿足人們情感的訴求，我們應該在情感化設計上持續(xù)探索與挖掘，并為之努力。