編輯導(dǎo)語(yǔ)：什么是情緒化設(shè)計(jì)？它出現(xiàn)的必然是什么？情緒化設(shè)計(jì)有什么意義？如何定義設(shè)計(jì)是否優(yōu)秀？圍繞這四個(gè)問(wèn)題，本文作者對(duì)情緒化設(shè)計(jì)展開(kāi)了深入的分析。

“人類的生命，不能以時(shí)間長(zhǎng)短來(lái)衡量，心中充滿愛(ài)時(shí)剎那即為永恒”

“不論科技走多遠(yuǎn)，愛(ài)，始終是它的歸宿”

這是最近雷克薩斯拍攝的廣告電影《任務(wù)》開(kāi)頭和結(jié)尾出現(xiàn)的兩句話：故事的背景發(fā)生在不久的未來(lái)，那時(shí)候高速的科技發(fā)展已經(jīng)讓具有高度智慧的人工智能機(jī)器人可以高度定制化的服務(wù)人類。

講述了王俊凱飾演的“人工智能2020號(hào)”在完成服務(wù)其主人的任務(wù)中，從一個(gè)冷冰冰的靠數(shù)據(jù)說(shuō)話服務(wù)的機(jī)器人到最后抗命主動(dòng)為主人完成遺愿達(dá)到自我情感升華的故事。

故事很簡(jiǎn)單，但其中傳達(dá)的人文理念和核心訴求，卻與自工具誕生以來(lái)我們對(duì)其在發(fā)展進(jìn)化中產(chǎn)生的情愫、希冀不謀而合。即我們希望我們的工具能用得更貼心，我們希望我們的工具能更懂我們，我們希望我們的工具能更人本化。

就像電影中演繹的那樣，主人從一開(kāi)始對(duì)2020只能無(wú)奈評(píng)價(jià)為：“機(jī)器就是機(jī)器啊”；到中途有些欣慰地說(shuō)：“你越來(lái)越像人類了”；再到最后主人雖死，但機(jī)器人自我卻完成了從工具到人類伙伴的角色升格。

這一切的一切其實(shí)都是工具發(fā)展到現(xiàn)階段的必經(jīng)之路，而將這一切在這條路上保駕護(hù)航的，便是目前已經(jīng)非常具有熱度的詞匯——情緒化設(shè)計(jì)。

1. 什么是情緒化設(shè)計(jì)

其實(shí)情緒化設(shè)計(jì)這個(gè)詞匯嚴(yán)格來(lái)說(shuō)，對(duì)于設(shè)計(jì)學(xué)并不是一個(gè)什么新的詞匯。

最早可以追溯到2012年，在唐納德·諾曼的著作《設(shè)計(jì)心理學(xué)3-情感設(shè)計(jì)》中，這個(gè)概念就已經(jīng)橫空出世，這也是一提到情緒化設(shè)計(jì)大家最耳熟能詳?shù)睦碚摗?/p>

在書(shū)中其由淺入深將情緒化設(shè)計(jì)分成了三個(gè)維度即：本能層、行為層、反思層。

首先：所謂的本能層其實(shí)是最好理解也最顯而易見(jiàn)的層次，顧名思義這個(gè)層次的研究側(cè)重于由人本身因基因主導(dǎo)原生情緒而反饋產(chǎn)生的第一感覺(jué)，它是較為感性的一個(gè)層面。

表現(xiàn)在用戶的行為中大概是：因?yàn)榭吹疆a(chǎn)品的第一眼被它的顏色、外形、質(zhì)感所吸引，從而產(chǎn)生了想要觸摸和了解這個(gè)產(chǎn)品的沖動(dòng)，可以理解為始于顏值。所以這個(gè)層面，設(shè)計(jì)師應(yīng)該極力去營(yíng)造用戶與產(chǎn)品的“一見(jiàn)鐘情”。

然后：所謂的行為層，相對(duì)第一層而言它雖然表現(xiàn)的較為抽象，但是卻始終無(wú)形貫穿用戶使用產(chǎn)品的整條動(dòng)線。側(cè)重于研究用戶與產(chǎn)品的交互關(guān)系，具有理性和邏輯感。

產(chǎn)品的是否好用反饋在用戶的動(dòng)態(tài)體驗(yàn)上是最為直觀的，所以具體表現(xiàn)為：用戶在使用這個(gè)產(chǎn)品時(shí)是是否會(huì)喜歡它的操作流程、人性化的邏輯設(shè)定，又是否會(huì)產(chǎn)生因?yàn)椴僮髟O(shè)計(jì)不合理而產(chǎn)生負(fù)面情緒。

而在這“陷于才華”的一步，設(shè)計(jì)師應(yīng)該為用戶去全力創(chuàng)造邏輯清晰、分布合理、目標(biāo)明確的體驗(yàn)動(dòng)線。

最后：所謂的反思層，相對(duì)于前兩層更為深入，側(cè)重于研究產(chǎn)品的獨(dú)特文化內(nèi)涵、差異亮點(diǎn)設(shè)計(jì)是否能在用戶的心中根植下獨(dú)有的記憶，用戶因?yàn)檫@份獨(dú)特的記憶觸發(fā)的情感共鳴從而忠于“人”品。

具體表現(xiàn)為：因?yàn)橐粋€(gè)特殊的設(shè)計(jì)點(diǎn)打入人心，在日后用戶見(jiàn)到同樣、類似的功能后能迅速聯(lián)想起最初的產(chǎn)品，從而建立用戶與產(chǎn)品之間無(wú)形的牢固紐帶甚至產(chǎn)生一種情懷，此時(shí)設(shè)計(jì)師需要為在用戶心中產(chǎn)生這種記憶留存去盡力創(chuàng)造條件。

小結(jié)一下就是，本能層讓產(chǎn)品更好看、行為層讓產(chǎn)品更好用、反思層讓產(chǎn)品忘不掉。

而后來(lái)所有情緒化設(shè)計(jì)的概念基本上都是從以上三個(gè)層次發(fā)展衍生，目前比較主流的對(duì)情緒化設(shè)計(jì)的定義是：基于對(duì)用戶在與產(chǎn)品發(fā)生交互行為時(shí)產(chǎn)生的情緒化訴求進(jìn)行研究，針對(duì)這些痛點(diǎn)、需求，設(shè)計(jì)側(cè)通過(guò)優(yōu)化信息傳遞、提升交互操作體驗(yàn)等一系列情感化、擬人化、人本化的手段將這些情緒進(jìn)行正向引導(dǎo)、利用、緩解從而達(dá)到優(yōu)化體驗(yàn)、增長(zhǎng)盈利等目的的設(shè)計(jì)。

2. 情緒化設(shè)計(jì)出現(xiàn)的必然

從最開(kāi)始被提出的一個(gè)先鋒概念，到現(xiàn)在已經(jīng)成為逐漸趨于高頻化的一個(gè)重要詞匯，情緒化設(shè)計(jì)的出現(xiàn)和日漸被重視需要看似偶然實(shí)則必然。從以下兩方面來(lái)說(shuō)就是最好的作證。

2.1 基因本能維度

從基因本能的方面來(lái)說(shuō)情感化設(shè)計(jì)是我們物種特性中自帶的內(nèi)化必然需求，因?yàn)槲覀內(nèi)祟惐旧砭褪鞘歉行耘c理性結(jié)合的復(fù)雜動(dòng)物，對(duì)身邊的萬(wàn)事萬(wàn)物產(chǎn)生情感共鳴，對(duì)不同的人不同的事物產(chǎn)生主觀情感的傳遞和碰撞是我們印刻在身體中的天賦技能。

舉個(gè)很簡(jiǎn)單的例子：就說(shuō)我們中華文化中的詩(shī)詞歌賦，面對(duì)客觀的月亮、山海、花朵、星空，有的人是“落紅不是無(wú)情物，化作春泥更護(hù)花”；有的人是“我與春風(fēng)皆過(guò)客，你攜秋水?dāng)埿呛印鼻楦械脑V求，將客觀的文字排列設(shè)計(jì)成了人的情感寄托容器和情感傳導(dǎo)共鳴裝置。

此時(shí)文字這個(gè)工具，已經(jīng)超越了被發(fā)明之初用來(lái)傳遞基礎(chǔ)信息的維度。

同樣的情感火種遺傳到了我們與我身邊的高科技機(jī)器產(chǎn)品交互的過(guò)程中來(lái)，在面對(duì)我們?nèi)粘Ｒ呀?jīng)漸漸離不開(kāi)的它們時(shí)這種共情同樣會(huì)被一觸即發(fā)，我們希望我們與它們?cè)诮换サ臅r(shí)候能夠像和自己的生活朋友伙伴那樣得到親切而聰明的反饋。

其實(shí)這樣看來(lái)（半開(kāi)玩笑地說(shuō)）很多人在孤單寂寞的時(shí)候和Siri、小愛(ài)同學(xué)對(duì)話希望他們能回答出自己想聽(tīng)到的答案，這樣的行為其實(shí)也就沒(méi)有那么荒誕了，而目前的語(yǔ)音助手也的確是在朝著這個(gè)方向在發(fā)展的。

2.2 產(chǎn)品發(fā)展維度

而從產(chǎn)品發(fā)展的角度來(lái)說(shuō)，情緒化設(shè)計(jì)同樣是互聯(lián)網(wǎng)本身產(chǎn)品生命的必然選擇。

我們正處于一個(gè)性能過(guò)剩、功能過(guò)剩的后產(chǎn)品時(shí)代，從每年各大廠商發(fā)布的旗艦手機(jī)、旗艦芯片的發(fā)布就可以有所洞察。

縱然A13、驍龍865、麒麟990每年都在刷新自己前一年的跑分記錄，但是用戶聲音中“參數(shù)是爆炸，感知不明顯”的聲音卻逐漸高漲，更有甚者學(xué)習(xí)起了擠牙膏的友商廠，這是很明顯的陷入了供求不匹配的怪圈，方向錯(cuò)了。

那么如何突破怪圈尋找新的增長(zhǎng)點(diǎn)呢？

——情緒化設(shè)計(jì)作為選擇是有自己的科學(xué)依據(jù)的。

Aarron Walter將用戶需求的需求層次建立了一個(gè)金字塔模型，由基礎(chǔ)到頂端分別是：功能性需求、可靠性需求、可用性需求和愉悅性需求。

我們可以把它理解為用戶版的馬斯洛需求金字塔，金字塔的頂端是目前產(chǎn)品和設(shè)計(jì)需要思考發(fā)力的點(diǎn)，而滿足用戶的愉悅需求，情緒化設(shè)計(jì)是較好的方法論。

當(dāng)下談到和接觸電子產(chǎn)品時(shí)，可用性和功能性已經(jīng)開(kāi)始無(wú)法滿足用戶對(duì)于產(chǎn)品的需求和期望了。

正如之前電影中所描繪的那樣，用戶希望在與機(jī)器交互的過(guò)程時(shí)不是冷冰冰的線性交流與反饋，而是如同和自己的朋友、伙伴交談一般，他們能更加懂自己（是不是非常的賽博朋克了）這個(gè)需求十分垂直的引發(fā)了情感化設(shè)計(jì)的必然產(chǎn)生。

綜上所述，情緒化設(shè)計(jì)的出現(xiàn)是用戶本能和產(chǎn)品發(fā)展的必然選擇。

3. 情緒化設(shè)計(jì)的意義是什么？

情感化設(shè)計(jì)已然橫空出世，那么它對(duì)于我們來(lái)說(shuō)其具體意義為何呢？

我認(rèn)為主要涵蓋了三個(gè)方面：產(chǎn)品、用戶、設(shè)計(jì)師

3.1 對(duì)于產(chǎn)品

首先：對(duì)于產(chǎn)品來(lái)說(shuō)將會(huì)成為新的增長(zhǎng)機(jī)遇。

目前產(chǎn)品性能過(guò)剩、功能過(guò)剩導(dǎo)致的現(xiàn)狀就是很多產(chǎn)品做了很多為設(shè)計(jì)而設(shè)計(jì)，為改版而改版的升級(jí)，這樣的瓶頸階段在情緒化設(shè)計(jì)的進(jìn)入下將會(huì)被打破，同時(shí)其努力的方向?qū)?huì)被再度明確。

情感化設(shè)計(jì)將成為產(chǎn)品競(jìng)爭(zhēng)力角逐的新戰(zhàn)場(chǎng)，是產(chǎn)品之間差異化競(jìng)爭(zhēng)的突破口。

此時(shí)需要思考的重點(diǎn)是：如何通過(guò)情感化設(shè)計(jì)，增加用戶對(duì)產(chǎn)品的依賴、增強(qiáng)對(duì)品牌的認(rèn)知，從而達(dá)到拉近用戶與產(chǎn)品的距離、增強(qiáng)用戶粘性、提升用戶轉(zhuǎn)化率等增長(zhǎng)盈利的目的。

3.2 對(duì)于用戶

其次：對(duì)于用戶而言其交互行為將會(huì)被更加細(xì)致化的研究和再設(shè)計(jì)。

容易上手和功能齊全已經(jīng)是最起碼的標(biāo)配，對(duì)于界面中存在隱喻操作、符號(hào)的認(rèn)知將會(huì)更為容易理解和親切；然后在交互中無(wú)論是處在靜態(tài)還是動(dòng)態(tài)的時(shí)刻，用戶所產(chǎn)生的負(fù)面情緒將會(huì)被更加積極的緩解和引導(dǎo)，你所面對(duì)的界面將不再是冷冰冰的一個(gè)機(jī)器。

隨著如此生命化的改良，界面的情感元素被注入，用戶愉悅體驗(yàn)感的提升將是情感化設(shè)計(jì)融入之前無(wú)法比擬的（節(jié)洗你重來(lái)沒(méi)王過(guò)的船新版本）。

到了這個(gè)時(shí)候你的產(chǎn)品也一個(gè)從“直男”變成了一個(gè)“暖男”，漸漸從只是好用變成了用戶愛(ài)用。

3.3 對(duì)于設(shè)計(jì)師

最后對(duì)于設(shè)計(jì)師來(lái)說(shuō)，不變的意義是繼續(xù)解決問(wèn)題，變化的意義在于我們需要解決的問(wèn)發(fā)生了變化。而引發(fā)變化的一般誘因可歸納為：產(chǎn)品的體量、定位改變了；垂直用戶的人群改變；用戶或產(chǎn)品側(cè)的需求改變了。

引發(fā)情感化設(shè)計(jì)出現(xiàn)最明顯的變量就是用戶的需求改變了，隨之帶動(dòng)了產(chǎn)品側(cè)對(duì)于自身轉(zhuǎn)型以適應(yīng)市場(chǎng)的需求。

面對(duì)這樣的轉(zhuǎn)變我們所面臨且需解決的新問(wèn)題便是：“情感化設(shè)計(jì)的好壞評(píng)判標(biāo)準(zhǔn)是什么？”、“情感化設(shè)計(jì)對(duì)于用戶增長(zhǎng)的觸發(fā)點(diǎn)在哪里？”、“情感化設(shè)計(jì)在優(yōu)化用戶體驗(yàn)的維度我們可以怎么做？”等等。

針對(duì)這些新的問(wèn)題我們需要攝入更多的情感化與設(shè)計(jì)之間的知識(shí)（比如設(shè)計(jì)心理學(xué)、色彩心理學(xué)），設(shè)計(jì)思考重點(diǎn)也要用怎么樣好用變成怎么樣才愛(ài)用。

4. 如何定義設(shè)計(jì)是否優(yōu)秀？

談到這個(gè)問(wèn)題，其實(shí)評(píng)判的標(biāo)準(zhǔn)也并不單一。

但是設(shè)計(jì)的永恒命題既然是解決問(wèn)題，那么可以把“是否較好的解決了當(dāng)前問(wèn)題”當(dāng)作我們可以去參考的重要標(biāo)準(zhǔn)，而標(biāo)準(zhǔn)的切入對(duì)象不妨設(shè)定在：用戶側(cè)和產(chǎn)品側(cè)（畢竟在工作中進(jìn)行的情緒化設(shè)計(jì)基本上都是為了滿足這兩個(gè)大方向上的需求）。

而我們完全可以從上文中提到諾曼提出的三個(gè)層次來(lái)進(jìn)行驗(yàn)證。

4.1 本能層

這個(gè)層次直接掛鉤人的本能、原始反饋，所以在這個(gè)層次進(jìn)行的情緒化設(shè)計(jì)會(huì)大量的出現(xiàn)視覺(jué)側(cè)的導(dǎo)向。

對(duì)于用戶來(lái)說(shuō)需要解決的問(wèn)題是是“否能夠通過(guò)情緒化設(shè)計(jì)提升用戶的感知，讓用戶因?yàn)楫a(chǎn)品的視覺(jué)的感受能夠迅速被其吸引，從而產(chǎn)生一種本能上想去進(jìn)一步了解產(chǎn)品的沖動(dòng)，進(jìn)而引導(dǎo)到下一步產(chǎn)生情感共鳴，達(dá)到‘一見(jiàn)鐘情’。”

From Dribbble Ketan

無(wú)論是在產(chǎn)品用戶調(diào)研還是用戶評(píng)價(jià)階段，用戶問(wèn)卷調(diào)查一直都是用戶們不是很愿意做的工作，就算你的答案再簡(jiǎn)單。

但面對(duì)如圖1那樣冷冰冰的、枯燥的甚至內(nèi)容還是分冗長(zhǎng)的問(wèn)卷調(diào)查情況，用戶多半是做不完或者壓根兒不想做的，但問(wèn)卷信息又是用研的重要參考數(shù)據(jù)。

為了解決這個(gè)痛點(diǎn)，在Ketan的案例中將游戲化、Emoji動(dòng)態(tài)化的形象融入了用戶調(diào)研問(wèn)卷的設(shè)計(jì)中，讓用戶至少?gòu)牡谝谎垡?jiàn)到開(kāi)始，就很大程度上消除了對(duì)于問(wèn)卷調(diào)查的排斥感；再配合富有溫度的Button圓角設(shè)計(jì)會(huì)營(yíng)造情感上的親和力來(lái)吸引用戶了解并進(jìn)行操作。

情緒化設(shè)計(jì)從視覺(jué)上來(lái)說(shuō)并不一定只是使用可愛(ài)的、Q版的形象進(jìn)行包裝，模擬人類的基本動(dòng)作符號(hào)也是非常好用且易于實(shí)現(xiàn)的方案。

這樣做的好處是，從視覺(jué)的維度鏈接了人類已經(jīng)形成已久的符號(hào)語(yǔ)義，可以做到直接但是又不失親和力地傳達(dá)反饋。

最經(jīng)典的莫過(guò)于密碼輸入錯(cuò)誤時(shí)候的Shaking，他直接模擬了人類在說(shuō)：“NO”的時(shí)候的否定態(tài)度，最直接有效的傳達(dá)了密碼輸入錯(cuò)誤時(shí)候的意思傳達(dá)，以最簡(jiǎn)單的動(dòng)態(tài)設(shè)計(jì)，卻并不枯燥通俗易懂。

而提到親和力的情緒化設(shè)計(jì)，自如其實(shí)一直給出的都是較為優(yōu)秀的答卷。

面對(duì)租房的問(wèn)題，尤其是對(duì)于年輕的、剛大學(xué)畢業(yè)的用戶來(lái)說(shuō)是比較容易產(chǎn)生陌生和恐懼感的，而自如在眾多租房類APP中以撞色插畫(huà)、類摩登天空風(fēng)格為KV，就很容易激發(fā)年輕人對(duì)于租房奮斗的歸屬感、憧憬感和社群認(rèn)同感。

不僅極大程度上降低了年輕人對(duì)租房的恐懼感，還反而把租房打造成一件很潮的事情，讓年輕人一下子就激發(fā)了情感共鳴。

從而讓用戶一看到就會(huì)有一種想要了解這個(gè)新潮事物、追逐社群認(rèn)同的動(dòng)力，這同時(shí)也是自如獨(dú)樹(shù)一幟、異軍突起的重要原因。

站酷&優(yōu)酷

目前來(lái)說(shuō)比較流行的情緒化設(shè)計(jì)趨勢(shì)，會(huì)有大量的設(shè)計(jì)類、潮流類APP會(huì)在Tabbar上揮灑動(dòng)效的視覺(jué)魅力。

結(jié)合自身的品牌基因打造屬于自己APP專屬的Tabbar動(dòng)效，不僅在功能上更好的提醒用戶自身所在位置，同時(shí)增加了Tabbar本身的可玩性、情趣性，強(qiáng)化了用戶的情感認(rèn)知，增加單屏停留時(shí)間。

攜程&夸克

電子管家類型的動(dòng)態(tài)視覺(jué)形象打造是很多旅游類、高科技智生活能類APP趨之若鶩、競(jìng)相模仿的視覺(jué)導(dǎo)向設(shè)計(jì)。

通過(guò)打造一個(gè)可愛(ài)類似于《超能陸戰(zhàn)隊(duì)》中的大白、聰明類似于《鋼鐵俠》中的賈維斯這樣的視覺(jué)符號(hào)，一瞬間激發(fā)了用戶與產(chǎn)品的親近感，從視覺(jué)層面上滿足了用戶希望工具是伙伴的需求。

這個(gè)時(shí)候你會(huì)感覺(jué)你所使用的產(chǎn)品至少看上去是充滿了溫度的。

總結(jié)一下：就是在視覺(jué)層面將冷冰冰的、無(wú)趣的、過(guò)于偏重功能的控件、頁(yè)面、板塊兒，以人類化動(dòng)效模擬、情感化色彩搭配、游戲化視覺(jué)交互等手法進(jìn)行情感化賦能。

那么對(duì)于產(chǎn)品層面來(lái)說(shuō)，視覺(jué)側(cè)的意義則在于解決用戶的吸引和增長(zhǎng)、提升品牌形象將品牌價(jià)值最大化的商業(yè)需求需求問(wèn)題。

在視覺(jué)側(cè)將品牌價(jià)值最大化，并在用戶心中建立自己獨(dú)特的品牌記憶B站無(wú)疑是做的較為優(yōu)秀的。

眾所周知B站自身在視頻流網(wǎng)站差異化競(jìng)爭(zhēng)的優(yōu)勢(shì)也是自己的基本盤是二次元、軟萌、小姐姐的形象，而這種形象已經(jīng)在用戶心中廣為流傳甚至形成一種共識(shí)。

B站的做法是，在自身品牌基因中提煉最符合產(chǎn)品氣質(zhì)的形象（上文提到的二次元、軟萌、小姐姐等），通過(guò)在啟動(dòng)頁(yè)插入插畫(huà)、直播頁(yè)插入直播姬這樣的交互動(dòng)畫(huà)、下拉刷新頁(yè)面插入B站枕動(dòng)畫(huà)這樣的方式，將品牌基因插入了用戶視覺(jué)上的所有可觸及角落（既不影響用戶視覺(jué)體驗(yàn)，同時(shí)能讓用戶發(fā)現(xiàn)其存在）以暗示用戶品牌認(rèn)知。

既緩解了用戶的等待焦慮又達(dá)到了品牌價(jià)值傳播的最大化，無(wú)疑被證明了是十分優(yōu)秀的做法。

Dribbble

我認(rèn)為產(chǎn)品在用戶心中所謂的成功記憶留存，籠統(tǒng)地說(shuō)是一種睹物思人，即看到了與品牌形象相對(duì)應(yīng)的、相似的物像會(huì)下意識(shí)的聯(lián)想到這個(gè)產(chǎn)品或者與之相關(guān)的東西。

比如看到粉色的籃球就會(huì)想到Dribbble，看到企鵝就會(huì)想到騰訊，但凡是能做到這一環(huán)的，那就是真正將品牌價(jià)值與用戶在視覺(jué)層面的屬性連接做到位了。

4.2 行為層

交互層是相對(duì)于本能來(lái)說(shuō)更為深入，也更為不那么直白肉眼可見(jiàn)，但是卻貫穿了用戶與產(chǎn)品交流的每時(shí)每刻，對(duì)用戶和產(chǎn)品的影響意義更為深遠(yuǎn)。

對(duì)于用戶而言是否解決的問(wèn)題是，是否能通過(guò)對(duì)界面中各種控件的布局合理設(shè)計(jì)、隱喻設(shè)計(jì)達(dá)到對(duì)現(xiàn)實(shí)世界的模擬、主次頁(yè)面間的邏輯動(dòng)線優(yōu)化，從而讓人們?cè)谑褂脮r(shí)做到認(rèn)知減負(fù)，緩解用戶負(fù)面情緒，提升操作體驗(yàn)。

要知道從交互的層面分析互聯(lián)網(wǎng)軟件90%其實(shí)都是對(duì)生活的模擬，所以在情感化設(shè)計(jì)上，除了對(duì)不合理步驟的優(yōu)化，生活化的場(chǎng)景和邏輯模擬提升體驗(yàn)感也是重要的努力方向。

設(shè)置密碼這個(gè)過(guò)程在不合理的邏輯設(shè)計(jì)下，對(duì)很多人來(lái)說(shuō)都令人抓狂。在這個(gè)場(chǎng)景交互的過(guò)程中我們經(jīng)常會(huì)遇到的強(qiáng)制要求一般就是不得低于多少位、區(qū)分大小寫、安全強(qiáng)度、不得出現(xiàn)什么符號(hào)之類的。

但是從目前多數(shù)的產(chǎn)品來(lái)看，用戶很多時(shí)候都是在點(diǎn)了提交后，或者是設(shè)置了完整的密碼后才會(huì)發(fā)現(xiàn)自己的密碼不合適；而此時(shí)可能已經(jīng)跳轉(zhuǎn)了一個(gè)頁(yè)面了，再跳轉(zhuǎn)回來(lái)修改會(huì)很容易引起用戶的厭惡感。

針對(duì)這一痛點(diǎn)的優(yōu)化，Chain.go給出的答案是通過(guò)動(dòng)態(tài)效果實(shí)時(shí)反饋其格式的正確與否，這時(shí)候輸密碼就會(huì)被動(dòng)效賦予一定的游戲?qū)傩?，既能?jié)省用戶因反復(fù)提交所帶來(lái)的時(shí)間成本又能有效降低用戶在設(shè)置密碼時(shí)因反復(fù)所產(chǎn)生的厭惡感。

行為層面的優(yōu)化很多時(shí)候只是一個(gè)細(xì)節(jié)點(diǎn)的改動(dòng)就能做到體驗(yàn)上的質(zhì)變。

QQ上這個(gè)功能已經(jīng)出了很長(zhǎng)時(shí)間，但是現(xiàn)在用起來(lái)依舊十分舒爽，好評(píng)依舊。

在面對(duì)我們需要快速消除一些不必要閱讀的提醒氣泡時(shí)，QQ通過(guò)以滑動(dòng)手勢(shì)代替點(diǎn)擊進(jìn)入頁(yè)面的動(dòng)作完成了氣泡的消除的交互，將奧卡姆剃刀原理中合并多余流程的原則運(yùn)用的活靈活現(xiàn)，是體驗(yàn)優(yōu)化中十分優(yōu)秀的設(shè)計(jì)。

同樣的，今年的WWDC，終于讓蘋果黨在很多功能上不用羨慕安卓機(jī)了，對(duì)于很多用戶來(lái)說(shuō)感知最深刻的可能不是那些花里胡哨的圖標(biāo)擴(kuò)展功能，而是終于來(lái)電提醒不用霸屏了。

相信很多蘋果用戶在用手機(jī)做看電影、玩游戲、刷知乎等交互的時(shí)候，會(huì)被一個(gè)無(wú)法拒絕的霸屏來(lái)電弄的心情很糟，IOS14終于將不合理的來(lái)電霸屏?xí)r代結(jié)束了（王者榮耀玩家終于不用因?yàn)榕训膩?lái)電糾結(jié)而既被女朋友罵又被隊(duì)友罵了）。

而我們從UI自身承載起的引導(dǎo)操作維度來(lái)說(shuō)，優(yōu)秀的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)同樣會(huì)給行為層體驗(yàn)帶來(lái)愉悅的感受。左右兩圖其實(shí)都是頁(yè)面之間的鏈接跳轉(zhuǎn)，從動(dòng)畫(huà)復(fù)雜程度來(lái)說(shuō)左邊其實(shí)是復(fù)雜于右邊的，但是為什么右邊的感受會(huì)更好呢。

其實(shí)從心里學(xué)的角度來(lái)分析當(dāng)人的精力在閱讀內(nèi)容時(shí)過(guò)于復(fù)雜的動(dòng)畫(huà)會(huì)傳遞出過(guò)度的情緒干擾，這種情緒干擾會(huì)讓內(nèi)容和內(nèi)容之間形成一種強(qiáng)烈的割裂感。

這種割裂感會(huì)造成思維連貫上的反效果，從而讓用戶體驗(yàn)降低，讓動(dòng)畫(huà)本身顯得很廉價(jià)、不高級(jí)。

相反較為順承的動(dòng)畫(huà)銜接，讓用戶不僅能十分清晰的了解產(chǎn)品層級(jí)脈絡(luò)，還會(huì)讓操作體驗(yàn)上產(chǎn)生一種自帶的視覺(jué)阻尼感，提升體驗(yàn)情緒。

這也是為什么右邊的動(dòng)畫(huà)會(huì)越來(lái)越多的運(yùn)用到Keynote、PPT上。

行為層之于產(chǎn)品而言，解決的問(wèn)題是否利用用戶在交互中產(chǎn)生情緒或者是刻意制造情緒，達(dá)到優(yōu)化用戶體驗(yàn)達(dá)到用戶粘性增加提升轉(zhuǎn)化率和引導(dǎo)用戶作出符合產(chǎn)品價(jià)值主張的操作達(dá)到增長(zhǎng)預(yù)期。

這是我們?cè)谧?cè)完善個(gè)人信息填寫時(shí)經(jīng)常遇到的情況，在設(shè)計(jì)上通過(guò)進(jìn)度條、完成率顯示等方式，刺激用戶盡快完成填寫、注冊(cè)。

這其實(shí)是激發(fā)了一種心理學(xué)上稱為蔡格尼克效應(yīng)的原理，概括來(lái)說(shuō)是人類天生有完成未完成事件的沖動(dòng)（具體可以參考這個(gè)優(yōu)秀回答https://www.zhihu.com/question/26481664/answer/231469516）。

而設(shè)計(jì)中恰恰就是制造了這種可以激發(fā)蔡格尼克效應(yīng)的原理，所以能在行為層面誘導(dǎo)用戶完成產(chǎn)品想要用戶完成的操作。

如果說(shuō)之前的情緒化設(shè)計(jì)更多的是一種情緒的安撫、緩解、提升，那么在這個(gè)場(chǎng)景下的情緒化設(shè)計(jì)則是一種對(duì)情緒的利用、激化（PUA其實(shí)就是深諳這個(gè)道理 狗頭保命）。

From Dribbble ?renatorena

提到進(jìn)度條很多人的第一反應(yīng)就是緩解用戶等待焦慮，而緩解焦慮的目的從產(chǎn)品端來(lái)說(shuō)其實(shí)是為了減少用戶因?yàn)檫^(guò)長(zhǎng)的等待而造成的跳出、流失。

常用的等待狀態(tài)顯示一般可分為無(wú)限循環(huán)動(dòng)畫(huà)和進(jìn)度條兩種模版，也是目前較為流行和好用的方案。

人眼對(duì)天生會(huì)對(duì)相對(duì)運(yùn)動(dòng)的對(duì)象產(chǎn)生注意力遷移、和跟隨，而在行為層面上利用動(dòng)畫(huà)來(lái)保留住用戶頁(yè)面停留既可以產(chǎn)生品牌價(jià)值的傳播，又能一定程度上促進(jìn)用戶的轉(zhuǎn)化。

而兩種動(dòng)畫(huà)的使用場(chǎng)景個(gè)人的建議是如果加載頁(yè)面超過(guò)8秒可以使用進(jìn)度條，如果沒(méi)有超過(guò)8秒那么可以使用無(wú)限循環(huán)動(dòng)畫(huà)（僅為參考）。

行為層的情緒化設(shè)計(jì)小結(jié)一下，就是通過(guò)將自身置入操作流程和用研反饋，找出并解決令人容易產(chǎn)生厭惡的操作，通過(guò)簡(jiǎn)化步驟、刺激情緒、優(yōu)化反饋等手段來(lái)進(jìn)行人性化的設(shè)計(jì)。

4.3 反思層

反思層第三層是金字塔尖的頂層，在這個(gè)層面就是檢驗(yàn)情感化設(shè)計(jì)在各個(gè)產(chǎn)品高下立判的時(shí)候，也是最難的一環(huán)。

此時(shí)產(chǎn)品中需要沉淀出每個(gè)品牌獨(dú)有的氣質(zhì)，也是在情感化設(shè)計(jì)中差異化競(jìng)爭(zhēng)的必爭(zhēng)之地，做到人無(wú)我有、人有我有。

從用戶角度來(lái)說(shuō)其解決的問(wèn)題是如何創(chuàng)造獨(dú)一無(wú)二的體驗(yàn)，讓用戶有耳目一新的感覺(jué)，產(chǎn)生記憶點(diǎn)留存，產(chǎn)生自己的招牌動(dòng)作，就如同宜家的1元冰激凌、B站何同學(xué)別具一格的視頻風(fēng)格一樣。

相對(duì)于前面提到的“一見(jiàn)鐘情”和“睹物思人”，那么這個(gè)時(shí)候給用戶傳達(dá)的感覺(jué)是一種從視覺(jué)到交互再到企業(yè)文化的由內(nèi)而外的包圍浸潤(rùn)，就像帶用戶走上了一片新的大陸，帶來(lái)用戶新的思考。

http://www.sbs.com.au/theboat/

這是一個(gè)優(yōu)秀的動(dòng)態(tài)漫畫(huà)案例《The Boat》，通過(guò)滑動(dòng)手勢(shì)操控配合動(dòng)態(tài)視差、平面景深變化的閱讀方式為觀眾創(chuàng)造了一種很容易和故事內(nèi)容發(fā)生聯(lián)系、與角色環(huán)境處境共鳴（搖晃的鏡頭語(yǔ)言暗合風(fēng)雨交加的行船）的沉靜感，給人一種全新的閱讀故事的體驗(yàn)。

這不僅僅是一種單純形式上的創(chuàng)新，更多的是通過(guò)對(duì)故事深入理解、結(jié)構(gòu)，提煉出了最合適講述這個(gè)故事的一種定制化的表達(dá)方式，賦予了觀眾對(duì)于漫畫(huà)閱讀形式的更多期待。

AR技術(shù)的引入重新定義了攝像頭背后的世界，而將這種技術(shù)普適化的推入人們的生活中的當(dāng)屬蘋果，運(yùn)用攝像頭與人臉識(shí)別這兩項(xiàng)已經(jīng)不能算太過(guò)先進(jìn)的手法將人臉嵌套進(jìn)入AR Mask，讓用戶有了更多的展現(xiàn)自身情緒迸發(fā)的空間和方式。

相比谷歌花大力氣去打造但還沒(méi)完全普及的AR地圖，這一招可謂是四兩撥千斤。

而后面抖音等短視頻平臺(tái)跟進(jìn)的AR換臉、AR換發(fā)色等功能也是受此影響，帶來(lái)了全新的人機(jī)交互體驗(yàn)。

而對(duì)于產(chǎn)品來(lái)說(shuō)，這樣亮出自家殺手锏功能的舉動(dòng)就是為了解決是否能以現(xiàn)象級(jí)的熱度話題性捍衛(wèi)自家產(chǎn)品不動(dòng)如山的地位、引發(fā)社會(huì)性的好評(píng)與討論。

是否還記得最初的抖音（卡點(diǎn)跟隨加過(guò)場(chǎng)），這個(gè)滑動(dòng)跟蹤功能讓抖音本身自誕生之初就與別的短視頻拍攝與眾不同，通過(guò)符合用戶習(xí)慣的操作（滑動(dòng)）讓用戶很容易的在手機(jī)上進(jìn)行推拉搖移，一瞬間就賦能了手機(jī)拍攝的鏡頭語(yǔ)言。

這也讓抖音一度至今產(chǎn)生了很多帶有自身氣質(zhì)的視頻創(chuàng)作，成為了許多人的鮮明記憶，而這也是公認(rèn)的抖音招牌動(dòng)作。

而如果要我說(shuō)國(guó)內(nèi)最優(yōu)秀的本土化情緒設(shè)計(jì)，那我一定認(rèn)為是微信紅包的設(shè)計(jì)。

第一：他將發(fā)錢這個(gè)行為賦予了游戲化的延伸，通過(guò)搶紅包這個(gè)獨(dú)特的玩法讓微信這個(gè)社交類應(yīng)用有了更好的好友連接屬性；

第二：提取了中國(guó)文化中獨(dú)有紅包的概念，將這個(gè)中國(guó)全民共同擁有的記憶在這個(gè)新的時(shí)代完美的融合演繹，引發(fā)了老中青人群對(duì)它的情懷化關(guān)注。

而這樣的思路同樣可以運(yùn)用在出海設(shè)計(jì)中設(shè)計(jì)師對(duì)于海外用戶本土化設(shè)計(jì)的思考當(dāng)中：找到用戶共同的記憶點(diǎn)，通過(guò)游戲、交互、娛樂(lè)的方式進(jìn)行融入，形成現(xiàn)象級(jí)的效應(yīng)。

當(dāng)然這對(duì)于用戶調(diào)研、發(fā)散思考來(lái)說(shuō)需要做大量的工作。

最后來(lái)說(shuō)說(shuō)大家一到12點(diǎn)就會(huì)來(lái)的“網(wǎng)抑云”，作為一個(gè)在版權(quán)核心競(jìng)爭(zhēng)力上被各大友商吊打的音樂(lè)播放產(chǎn)品，硬是靠著自己獨(dú)特的社群玩法設(shè)計(jì)殺出了自己獨(dú)特的風(fēng)格。

其中最為核心的功能引入是：心動(dòng)模式、文豪評(píng)論。

心動(dòng)模式比較是通過(guò)對(duì)用戶自身音樂(lè)喜好分析，設(shè)定出用戶獨(dú)有的音樂(lè)基因，在已添加和未添加但是相似的歌曲中來(lái)回切換，讓用戶本身能更多的聽(tīng)到這個(gè)世界屬于自己的聲音。

而文豪評(píng)論則是將網(wǎng)易云在用戶心中建立：文藝、深沉、情感、都市這一類的特有標(biāo)簽的關(guān)鍵。

網(wǎng)易云的文豪評(píng)論打造，創(chuàng)造了音樂(lè)社交這個(gè)最為理想的狀態(tài)，因?yàn)橄矚g同樣的歌，喜歡一個(gè)人寫的文字而讓陌生的人連接在了一起。

這本身不得不稱為是一手奇招，他讓用戶對(duì)軟件本身產(chǎn)生了意想不到的“情感投入”就如同一個(gè)紐帶為相同的人營(yíng)造了一個(gè)自己的精神烏托邦，并成為社會(huì)的一種共識(shí)。

反思層的情緒化設(shè)計(jì)總體來(lái)說(shuō)是一個(gè)很需要延展和深入挖掘的層次，不僅僅需要對(duì)產(chǎn)品本身缺陷存在的解決，更需要思考的是如何通過(guò)自身前無(wú)古人的設(shè)計(jì)去連接更多的人，此時(shí)我們解決的問(wèn)題不再是優(yōu)化、安撫、緩解，更多的是引領(lǐng)、傳播、超越。

以上就是我自身對(duì)于情緒化設(shè)計(jì)的一點(diǎn)小小的觀點(diǎn)，并不全面，歡迎各位的批評(píng)和指導(dǎo)，希望我們能在設(shè)計(jì)的路上能更加熠熠生輝，加油！

結(jié)尾送給大家一句話，共勉！

本文由 @核糖 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Pexels，基于 CC0 協(xié)議