編者按：一篇可以讓你會(huì)心一笑的好文。今天騰訊的同學(xué)總結(jié)了那些細(xì)節(jié)里特別打動(dòng)人的產(chǎn)品設(shè)計(jì)，創(chuàng)作者的獨(dú)特創(chuàng)意與巧妙匠心都大放異彩，這篇文章中提到的細(xì)節(jié)都會(huì)讓人心頭一亮，你會(huì)禁不止驚嘆：這才是真正的好設(shè)計(jì)吶！ 原研哉在他的《設(shè)計(jì)中的設(shè)計(jì)》中有介紹過(guò)這樣一個(gè)案例：日本機(jī)場(chǎng)原來(lái)是用一個(gè)圓圈和一個(gè)方塊表示出入的區(qū)別，形式簡(jiǎn)單并且好用，但設(shè)計(jì)師佐藤雅彥卻用一個(gè)更“溫暖”的方式來(lái)重新設(shè)計(jì)了出入境的印章：入境章是一架向左的飛機(jī)，出境章則是個(gè)向右的飛機(jī)。 通過(guò)一次次的蓋章，將這種“溫暖”的情緒傳遞給每一位進(jìn)關(guān)的旅行者們。在他們的視線與印章相交的那一刻，會(huì)將這種溫暖轉(zhuǎn)化為小小的驚喜，而不由自主且充滿善意的『啊哈』一下。一千一萬(wàn)次的『啊哈』就會(huì)伴隨著這一千一萬(wàn)次對(duì)旅行者的善意與好客。這便是產(chǎn)品中的細(xì)節(jié)與用戶直接情感化傳遞的結(jié)果。 一蘭拉面是在日本非常受歡迎的拉面店，在顧客吃完面并把湯喝完會(huì)看下碗底有這樣幾個(gè)字“この一滴が 最高喜びです（你最后一口是對(duì)我們最大的肯定）”，他們用這種簡(jiǎn)單的細(xì)節(jié)打通了產(chǎn)品與顧客感情的傳遞，顧客在喝完最后一口面湯是對(duì)店主的肯定，并也因?yàn)閷?duì)店主的肯定同時(shí)獲得了店主的感謝。 日本的暖心設(shè)計(jì)不僅在拉面中，產(chǎn)品中的情感化的細(xì)節(jié)經(jīng)常會(huì)成為產(chǎn)品與用戶之間情感傳遞的橋梁，這種傳遞情感的細(xì)節(jié)不僅可以增加用戶對(duì)產(chǎn)品的好感度，更可以讓產(chǎn)品更加深入人心，利于產(chǎn)品口碑的傳播，有時(shí)候可能僅僅一句文案，一個(gè)動(dòng)畫(huà)，一個(gè)彩蛋都可以打動(dòng)用戶，使其與產(chǎn)品產(chǎn)生情感上的共鳴，這便是產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)的作用。 以下便是情感化設(shè)計(jì)在網(wǎng)頁(yè)或者App上的實(shí)際運(yùn)用：

情感化設(shè)計(jì)可以加強(qiáng)用戶對(duì)產(chǎn)品氣質(zhì)的定位 Timehop是一款讓你回顧那年今日的App，它可以幫你把去年今日寫(xiě)過(guò)的Twitter，F(xiàn)acebook狀態(tài)和拍過(guò)Instagram照片翻出來(lái)，幫你回顧過(guò)去的自己。 Timehop為自己的產(chǎn)品塑造了一個(gè)藍(lán)色小恐龍的吉祥物形象。許多小恐龍貫穿于界面之中，用吉祥物+幽默文案的方式來(lái)將品牌形象的性格特點(diǎn)和產(chǎn)品氣質(zhì)傳達(dá)出來(lái)。 用戶在打開(kāi)App時(shí)就能感受到小恐龍的存在，閃屏中一個(gè)小恐龍坐在地上說(shuō)了句“Let’s time travel”，立馬將用戶從情感上帶入了App的主題——時(shí)間之旅。
有趣的地方還有很多，類似下圖，在默認(rèn)情況下是露出一半的恐龍?jiān)谙蚰阏惺?，小恐龍邊上是一句不明意義的文案“My mom buys my underwear（我媽媽給我買(mǎi)了我的內(nèi)衣）”，當(dāng)你繼續(xù)向上拖動(dòng)時(shí)，會(huì)發(fā)現(xiàn)一只穿著內(nèi)褲的恐龍，用戶就會(huì)馬上明白上面這句幽默文案的含義。
類似的地方還有下圖，在設(shè)置頁(yè)面頂部向下拖動(dòng)會(huì)有一只搖動(dòng)的小恐龍，在用戶順著他的引導(dǎo)不斷下拉，拉到頭，會(huì)發(fā)現(xiàn)這是一個(gè)對(duì)話的氣泡，藍(lán)色的小恐龍說(shuō)了句“You made it to the top!（你拉到了最頂端?。?rdquo;，產(chǎn)品“詼諧有趣”的氣質(zhì)便從這些隱秘于界面細(xì)節(jié)之中的設(shè)計(jì)傳遞給了用戶。
一個(gè)產(chǎn)品能獲得用戶的青睞不僅要有強(qiáng)烈的需求、優(yōu)秀的體驗(yàn)，更主要的是讓產(chǎn)品與用戶之間有情感上的交流，有時(shí)對(duì)細(xì)節(jié)的巧妙設(shè)計(jì)將會(huì)極大的加強(qiáng)用戶對(duì)產(chǎn)品氣質(zhì)的定位，產(chǎn)品不再是一個(gè)由代碼組成的冷冰冰的應(yīng)用程序，拉近了與用戶的情感距離。

情感化設(shè)計(jì)幫助用戶化解負(fù)面的情緒 情感化設(shè)計(jì)的目標(biāo)是讓產(chǎn)品與用戶在情感上產(chǎn)生交流從而產(chǎn)生積極的情緒。這種積極的情緒可以加強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)同感甚至還可以提高用戶對(duì)使用產(chǎn)品困難時(shí)的容忍能力。注冊(cè)登錄是讓用戶很頭疼的流程，它的出現(xiàn)讓用戶不能直接的使用產(chǎn)品，所以在注冊(cè)和登錄的過(guò)程中很容易造成用戶的流失。巧妙的運(yùn)用情感化設(shè)計(jì)可以緩解用戶的負(fù)面情緒。 在Betterment的注冊(cè)流程中，在用戶輸入完出生年月日后會(huì)在時(shí)間下面顯示下次生日的日期，一個(gè)小小的關(guān)懷馬上就讓枯燥的注冊(cè)流程有了驚喜。 在Readme的登陸頁(yè)面上，當(dāng)你輸入密碼時(shí)，上面萌萌的貓頭鷹會(huì)遮住自己的眼睛，在輸入密碼的過(guò)程中給用戶傳遞了安全感。讓這個(gè)阻擋用戶直接體驗(yàn)產(chǎn)品的“墻”變得更有關(guān)懷感，用“賣(mài)萌”的形象來(lái)減少用戶在登錄時(shí)的負(fù)面情緒。
Virgin America 的注冊(cè)流程非常的“擬人化”，在你輸入First name以后你會(huì)收到“Hey There”的打招呼，當(dāng)你在把Middle name輸入好后會(huì)出現(xiàn)“Nice name”的提示，好像有一個(gè)人在指示你完成注冊(cè)步驟一樣。親切友好的文案相比冷冰冰的話語(yǔ)更能得到用戶的好感與共鳴，人機(jī)的對(duì)話變得更加情感化。
basecamp則運(yùn)用了一個(gè)更擬人的情感化方式在注冊(cè)之中，當(dāng)你在表單中輸入文字是正確的時(shí)候，邊上的卡通人物會(huì)開(kāi)心的指著輸入內(nèi)容，當(dāng)表單中輸入錯(cuò)誤時(shí)，小人的臉將變成一臉驚訝狀。  注冊(cè)和登錄對(duì)于一個(gè)互聯(lián)網(wǎng)產(chǎn)品來(lái)說(shuō)都是相當(dāng)繁瑣但又缺失不了的部分，這些流程阻礙的用戶不能直接使用產(chǎn)品。對(duì)用戶來(lái)說(shuō)這便是在使用產(chǎn)品時(shí)候的“墻”，在這些枯燥的流程中賦予情感化的元素，將大大減少“墻”給用戶帶來(lái)的負(fù)面情緒，同時(shí)加強(qiáng)用戶對(duì)產(chǎn)品的認(rèn)同感，并感受到產(chǎn)品給用戶傳遞的善意與友好。 除了這些溫暖人心的設(shè)計(jì)，也有一些小技巧可以借鑒喲！《細(xì)節(jié)決定成敗！提高用戶登錄體驗(yàn)的5個(gè)細(xì)節(jié)》

情感化設(shè)計(jì)可以幫助產(chǎn)品引導(dǎo)用戶的情緒 在產(chǎn)品的一些流程中，使用一些情感化的表現(xiàn)形式能對(duì)用戶的操作提供鼓勵(lì)、引導(dǎo)與幫助。用這些情感化設(shè)計(jì)抓住用戶的注意，誘發(fā)那些有意識(shí)或者無(wú)意識(shí)的行為。 在Turntable.fm中的訂閱模式中有一個(gè)滑塊，你付多少錢(qián)決定了猴子欣喜若狂的程度。在涉及到真金白銀的操作中，給用戶賣(mài)個(gè)萌也許有奇效。
在Chrome瀏覽器的Android版中，當(dāng)你打開(kāi)了太多的標(biāo)簽卡，標(biāo)簽卡圖標(biāo)上的數(shù)字會(huì)變成一個(gè)笑臉。使用細(xì)微的變化友善的對(duì)用戶的操作進(jìn)行引導(dǎo)。
在用戶將要流失前，給予用戶情感化的元素也許能挽留下一部分的用戶。當(dāng)你想取消訂閱Spotify時(shí)，Spotify會(huì)在取消訂閱的網(wǎng)頁(yè)上為用戶播放Jackson 5的“Want you back”。 有趣的文案有時(shí)比醒目的視覺(jué)元素更具有引導(dǎo)用戶作用，當(dāng)你在使用InVision切換到別的標(biāo)簽時(shí)，標(biāo)題的標(biāo)簽會(huì)改成“ Don’t forget to read this…”。
人類是地球上最具情感的動(dòng)物，人類的行為也常常受到情感的驅(qū)動(dòng)。在界面上融入情感化元素，引導(dǎo)用戶的情緒，使其更有效的引發(fā)用戶那些有意識(shí)無(wú)意思的行為，這種情感化的引導(dǎo)比單純的使用視覺(jué)引導(dǎo)會(huì)來(lái)的更有效果。 看了這么多案例，你微笑多少次了？除開(kāi)產(chǎn)品設(shè)計(jì)，現(xiàn)實(shí)也可以這么玩，來(lái)看終極玩法：《重磅推薦！如何設(shè)計(jì)傳單才不會(huì)被人隨手扔掉？》

結(jié)語(yǔ) 一個(gè)優(yōu)秀的產(chǎn)品應(yīng)該是有人格魅力且讓人愉悅的，這種讓人愉悅的積極的情緒便是由產(chǎn)品中那些多多少少的情感化細(xì)節(jié)來(lái)表現(xiàn)出的。那些讓用戶“啊哈”的細(xì)節(jié)，都將會(huì)成為積極的情緒所傳遞下去，影響的將可以能千千萬(wàn)萬(wàn)用戶的體驗(yàn)與口碑。