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

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

一、如何制造愉悅感

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

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

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

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

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

1.1 擬人化的語言

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

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

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

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

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

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

在用戶完成商品評價后，京東不僅僅是很傳統(tǒng)得反饋“評價成功”，而是又加入了“感謝您！”的感謝詞?？此萍恿巳齻€字，但行動過后的正向感激反饋，會和我們?nèi)粘Ｉ钪惺艿秸蚍答佉粯樱粏酒鹫虻挠鋹偳榫w。并愿意繼續(xù)這個行為。

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

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

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

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

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

1.2 擬人化的形象

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

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

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

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

1.3 擬人化的表情

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

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

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

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

2. 動畫反饋

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

2.1 貼近現(xiàn)實

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

2.2 結(jié)合擬人化

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

二、如何制造期待感

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

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

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

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

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

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

2. 隨機(jī)性游戲

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

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

三、如何制造驚喜感

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

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

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

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

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

比如京東在五星好評后，會放煙花慶祝。

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

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

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

最后

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

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

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

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

參考資料：

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