富有趣味性的設(shè)計(jì)能夠?yàn)楫a(chǎn)品增添一些令人愉悅的因素，如果做出富有趣味性的設(shè)計(jì)，作者結(jié)合其相關(guān)定義，從愉悅感、期待感和驚喜感這三個(gè)維度，結(jié)合大量案例，進(jìn)行一次深度的探索，一起來看看。

上篇，我們講述了趣味性的定義、必要性、以及它背后的情緒——愉悅感、期待感和驚喜感，下面就分別從這個(gè)三個(gè)維度，并結(jié)合大量的案例來一步步抽絲剝繭。

一、如何制造愉悅感

1. 關(guān)于擬人化

基于之前的情緒挖掘，我發(fā)現(xiàn)能引發(fā)愉悅感的一個(gè)明顯特征，就是擬人化，這個(gè)很有意思。

克利福德·納斯在《the man who lied to his laptop》這本書中提出過一個(gè)觀點(diǎn)：人們對(duì)待電腦的方式，與我們?cè)谂c他人交流時(shí)使用的社會(huì)規(guī)范是一致的。我們對(duì)電腦的反應(yīng)，就好像它們是人類一樣。

也正因此，很多原本沒有生命的物體，一旦被賦予了擬人形象，就容易被大家所接納、引發(fā)愉悅。

做一下細(xì)分，擬人化基本涵蓋了三個(gè)方面：語言、形象和表情。

1.1 擬人化的語言

人對(duì)于具體的擬人形象更容易產(chǎn)生情感，其中便包含擬人化的口吻。使用這種口吻與用戶交流，而不是冷冰冰的設(shè)備語言，就可以提升產(chǎn)品溫度，引導(dǎo)用戶對(duì)產(chǎn)品產(chǎn)生正向情感，關(guān)于這塊我總結(jié)了兩方面。

一方面，文案盡量得接地氣、輕松。

拿京東這款產(chǎn)品舉例，文案從口吻上都會(huì)采用一種很輕松、接地氣的擬人語氣，來拉近和用戶間的距離。比如在引導(dǎo)詞后加入“哦~”“~”

「京東問答」版塊的引導(dǎo)詞：傳統(tǒng)產(chǎn)品是“添加問答”，京東使用了“我來助你一臂之力~”

QQ瀏覽器的評(píng)論暗提示，也不是傳統(tǒng)的“寫評(píng)論”“輸入評(píng)論”，而是像日常聊天那樣“我來說兩句”，非常接地氣、生活化。知乎直接套用了流行語，詼諧的同時(shí)引導(dǎo)用戶注意言論。

另一方面，人類富有情緒變化，所以一旦用戶觸發(fā)了某個(gè)正面/負(fù)面行為，就可以給與情緒反饋。

在用戶完成商品評(píng)價(jià)后，京東不僅僅是很傳統(tǒng)得反饋“評(píng)價(jià)成功”，而是又加入了“感謝您！”的感謝詞?？此萍恿巳齻€(gè)字，但行動(dòng)過后的正向感激反饋，會(huì)和我們?nèi)粘Ｉ钪惺艿秸蚍答佉粯?，被喚起正向的愉悅情緒。并愿意繼續(xù)這個(gè)行為。

在用戶完成簽到的行為后，簽到完成的反饋文案的基礎(chǔ)上，使用了正向的情感反饋“我就知道你會(huì)再來看我”，仿佛是一位關(guān)系不錯(cuò)的老朋友，喚起用戶正向情緒。

另外，知乎在改版后，回答收到贊也不僅僅是“點(diǎn)贊成功”這類冷冰冰的機(jī)器語言，而是“已收到你的喜歡，謝謝！”并且配以作者頭像，非常形象得傳出對(duì)對(duì)方對(duì)我們的感謝反饋。

這種正向反饋，相比“點(diǎn)贊成功”更有效得喚起正向情緒，形成正向激勵(lì)。

當(dāng)然，用戶的消極行為也可以產(chǎn)生情緒反饋。

比如現(xiàn)在很多產(chǎn)品的取關(guān)反饋，不是傳統(tǒng)的“確認(rèn)”“取消”，而是用“殘忍取關(guān)”和“給個(gè)機(jī)會(huì)”這種融入情感的文案來做挽留，就好像真的有個(gè)活生生的人，在被你否定后反饋給你的情緒，請(qǐng)求你再給個(gè)機(jī)會(huì)。有趣的同時(shí)一定程度上也可以喚醒用戶的同情。（雖然這樣有點(diǎn)道德綁架的嫌疑）

1.2 擬人化的形象

人對(duì)于具體的擬人形象更容易產(chǎn)生情。因此，樹立一個(gè)擬人化的品牌形象（也就是我們常說的IP），可以使用戶對(duì)產(chǎn)品快速建立情感聯(lián)系，也可以強(qiáng)化品牌感知。比如優(yōu)酷的猴子、高德地圖的老鷹、釘釘?shù)难嘧?、linefriends等等。

比如京東的這只狗子，兜底頁、缺省頁、啟動(dòng)頁，都做了狗這個(gè)擬人形象的貫穿。

如果你記得沒錯(cuò)的話，形象改版之前這只狗還是四腳坐地上的，但改版后就兩腳著地了。這同樣是通過更擬人的形象來賦予「人格」，以此提升愉悅感，拉近距離。

再比如夸克甚至單獨(dú)新增了底tab入口，通過3d品牌形象，實(shí)現(xiàn)與用戶的智能交流。另外，卡片和語音搜索都做了形象貫穿。后者還使用了形象的眼睛。來通過眼睛的變化進(jìn)行情感交流。

1.3 擬人化的表情

人對(duì)于具體的擬人形象更容易產(chǎn)生情感。一段文字在加入了表情后，我們就能迅速了解到對(duì)方的情緒（比如我們?nèi)粘５牧奶欤?，加深用戶與產(chǎn)品的情感交流。

它可以和語音、形象靈活結(jié)合使用。通過全面的擬人化，來大幅提升用戶對(duì)產(chǎn)品的形象感知，促進(jìn)用戶情感的產(chǎn)生、加深用戶和產(chǎn)品的情感鏈接。

比如用語言輸入，當(dāng)系統(tǒng)未識(shí)別清楚時(shí)，傳統(tǒng)的方案可能是一個(gè)錯(cuò)誤圖標(biāo)加上「未識(shí)別聲音，請(qǐng)?jiān)僭囈槐椤沟奈陌?，而夸克中則使用了品牌形象的雙眼來傳達(dá)失落的表情，并結(jié)合了擬人化的語言。同樣做法的還有百度的未開麥提示、段子頭圖，快速傳達(dá)產(chǎn)品的情緒，和用戶情感交流。

另外，閑魚設(shè)置昵稱時(shí)，正在輸入時(shí)、以及超出了限定字?jǐn)?shù)，右側(cè)的形象表情也會(huì)發(fā)生變化。

2. 動(dòng)畫反饋

提起動(dòng)畫的作用，我們更多人首先想到的可能是注意力的吸引，但動(dòng)畫同樣能觸發(fā)用戶愉悅。比如動(dòng)畫更加貼近現(xiàn)實(shí)，或者結(jié)合擬人化的特征時(shí)。

2.1 貼近現(xiàn)實(shí)

最典型的就是蘋果appstore從卡片到詳情頁的轉(zhuǎn)場過渡，點(diǎn)按的預(yù)備動(dòng)作、卡片的放大展開、緩出的曲線、轉(zhuǎn)場完成的慣性等等，都很貼近現(xiàn)實(shí)物理世界的運(yùn)動(dòng)規(guī)律。而這種自然的絲滑也更能引發(fā)用戶的愉悅。

2.2 結(jié)合擬人化

比如知乎的加載動(dòng)畫，結(jié)合了擬人化的特征，讓這個(gè)過程變得格外有趣。

二、如何制造期待感

1. 隨機(jī)給與內(nèi)容

根據(jù)我們對(duì)期待感的腦暴，發(fā)現(xiàn)能觸發(fā)這種情緒最典型的特征，就是隨機(jī)性。

在產(chǎn)品中，則可以通過隨機(jī)給予用戶有價(jià)值的內(nèi)容來引發(fā)用戶的關(guān)注。結(jié)果的不確定使過程充滿神秘，這種心理讓用戶興奮和滿懷期待，避免輕易離開。

比如網(wǎng)易新聞在進(jìn)行新聞加載的操作時(shí)，會(huì)在加載動(dòng)畫上加入一個(gè)隨機(jī)的小貼士。內(nèi)容大致有三類：黃歷、名言和一句話新聞。而且這些內(nèi)容完全是隨機(jī)出現(xiàn)，這種刷新過程好像在開盲盒，你無法預(yù)知會(huì)給你什么內(nèi)容，非常有趣。而且它們?nèi)肟谏睿桓蓴_；內(nèi)容對(duì)用戶也具有價(jià)值。

同樣的還有丁香醫(yī)生。在首頁每次下來刷新后，都會(huì)出現(xiàn)不一樣的健康類的小貼士。隨機(jī)性很強(qiáng)，富有趣味。而且可以很好得滿足求知欲。

雪球的個(gè)人頁上，上劃時(shí)也會(huì)隨機(jī)給一條關(guān)于投資、市場的名言和網(wǎng)友的熱門觀點(diǎn)。

2. 隨機(jī)性游戲

把現(xiàn)實(shí)生活中的游戲搬到了手機(jī)，同樣能激發(fā)用戶的好奇和期待。

比如微信讀書的翻牌子、搖一搖、老虎機(jī)。還有天貓的翻牌子。

三、如何制造驚喜感

格雷戈里·伯恩斯曾做個(gè)關(guān)于腦部區(qū)域的研究，發(fā)現(xiàn)大腦不僅探尋未知，而且實(shí)際上還渴望未知。相比那些已知的日常慣例，新鮮新穎的事物更容易引人注意。

所以提供一些以往沒有過的、出乎意料的事物或互動(dòng)，不但能引起注意力，而且也會(huì)帶來驚喜感。

產(chǎn)品中的驚喜感設(shè)計(jì)，可以說是使用瞬間能夠觸達(dá)我們內(nèi)心的一種短暫性愉悅，一個(gè)體驗(yàn)的峰值。

根據(jù)對(duì)驚喜感的挖掘，一個(gè)典型的特征就是超出預(yù)期，并且未提前預(yù)料。

比如figma使用過程中，團(tuán)隊(duì)成員和你同時(shí)長按鼠標(biāo)，并且靠在一起后，就可與觸發(fā)擊掌的動(dòng)畫彩蛋，非常有意思。

比如京東在五星好評(píng)后，會(huì)放煙花慶祝。

比如很多內(nèi)容型產(chǎn)品，在詳情頁長按點(diǎn)贊按鈕后，會(huì)觸發(fā)全屏的「爆贊」動(dòng)畫。

再比如用戶生日當(dāng)天，通過啟動(dòng)頁、彈窗等場景送上生日祝福等等。

這些能夠超出用戶預(yù)期的細(xì)節(jié)，即便多么細(xì)枝末節(jié)、出現(xiàn)頻率多低，但只要能夠被觸發(fā)，都可能因?yàn)轶@喜感而生成情緒峰值，加深用戶和產(chǎn)品的情感鏈接。

最后

以上，便是趣味性背后的情緒挖掘和案例講解。

作為設(shè)計(jì)師，我們?cè)诠ぷ髦锌偸菑?qiáng)調(diào)以用戶為中心，通過不斷的調(diào)研、跟訪、可用性測試來了解、分類用戶，但更多的結(jié)果可能只是讓產(chǎn)品不斷得貼合用戶的心智、符合預(yù)期。但如何增加粘度、建立深層鏈接，就需要通過趣味性這種情感化表達(dá)方式，來為用戶制造愉悅、期待甚至驚喜。

正像諾曼在「情感與設(shè)計(jì)」中說的那樣，每個(gè)產(chǎn)品都需要令人更放松、更愉悅的設(shè)計(jì)，以此來增強(qiáng)產(chǎn)品的適用性。

希望這篇文章能對(duì)你有所啟發(fā)。我是設(shè)計(jì)師Andrew，我們下期再見。

參考資料：

• 唐納德·諾曼：設(shè)計(jì)心理學(xué)3——情感化設(shè)計(jì)
• 可風(fēng)：APP界面如何打造情感化設(shè)計(jì)？
• 羅閃閃：【情感化設(shè)計(jì)】界面如何撥動(dòng)你的小心弦？
• Tarun Kohli：The Why and How of Emotional Design
• 騰訊ISUX：產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)