@C7210?：在UX領(lǐng)域，我們總會(huì)對(duì)那些體現(xiàn)著愉悅性的設(shè)計(jì)細(xì)節(jié)贊賞有加；而另一方面，對(duì)其負(fù)面效應(yīng)的了解也將有助于我們更好、更全面的掌握這一設(shè)計(jì)原則，避開(kāi)陷阱。

歡迎關(guān)注譯者（高級(jí)交互設(shè)計(jì)師、貓奴、吉他手、鼓手、老狗、單身，現(xiàn)就職于騰訊ISUX）的微信公眾號(hào)：Beforweb

這兒有他的訪(fǎng)談：《優(yōu)設(shè)訪(fǎng)談！騰訊高級(jí)交互設(shè)計(jì)師C7210的十年設(shè)計(jì)路》

說(shuō)起“愉悅性”，我們通常會(huì)想到一些讓人感到溫暖、開(kāi)心的東西，譬如毛絨玩具、紙杯蛋糕、擁抱，等等。

不過(guò)，具有愉悅性的事物在某些情況下同樣會(huì)帶來(lái)負(fù)面效應(yīng)。某些笑話(huà)可能冒犯到他人，溫馨的廣告可能誤導(dǎo)部分觀眾，即便是可愛(ài)的音效也會(huì)因?yàn)檫\(yùn)用不當(dāng)而使人抓狂。

在UX領(lǐng)域，我們總會(huì)對(duì)那些體現(xiàn)著愉悅性的設(shè)計(jì)細(xì)節(jié)贊賞有加；而另一方面，對(duì)其負(fù)面效應(yīng)的了解也將有助于我們更好、更全面的掌握這一設(shè)計(jì)原則，避開(kāi)陷阱。

增加認(rèn)知負(fù)荷與交互成本

一旦運(yùn)用不當(dāng)，意在愉悅用戶(hù)的界面元素反而可能破壞可用性，增加界面的認(rèn)知負(fù)荷及交互成本。

來(lái)看著名日料Morimoto的網(wǎng)站 - 簡(jiǎn)直是過(guò)度追求視效及愉悅性，置可用性而不顧的典范 - 窮極所能在每一個(gè)元素當(dāng)中體現(xiàn)著“設(shè)計(jì)感”，最終結(jié)果便是信息難以獲取，操作難以進(jìn)行。

• 導(dǎo)航菜單被分割成兩部分，傾斜放置，難以閱讀和點(diǎn)擊。
• 菜單項(xiàng)展開(kāi)和關(guān)閉的動(dòng)效飄忽而冗長(zhǎng)。
• 圖形元素會(huì)隨著鼠標(biāo)的移動(dòng)而游走，干擾視線(xiàn)。
• 背景音樂(lè)自動(dòng)播放，無(wú)論你喜歡與否。

視覺(jué)表現(xiàn)層面的愉悅性可以為產(chǎn)品賦予生命與性格，使品牌形象更加生動(dòng)飽滿(mǎn)。然而一旦處理不當(dāng)，愉悅性反而會(huì)破壞產(chǎn)品最基本的可用性，阻礙用戶(hù)獲取信息、完成任務(wù)。

審美疲勞

“驚喜”是構(gòu)建愉悅體驗(yàn)的關(guān)鍵要素。新鮮的、不期而遇的美好事物總會(huì)讓人感到開(kāi)心。

我還記得第一次啟動(dòng)自己的安卓手機(jī)，看到這些彩色圖形精妙的變化成“Android”字樣時(shí)的興奮感。當(dāng)時(shí)我覺(jué)得這是我見(jiàn)過(guò)的最酷的啟動(dòng)動(dòng)畫(huà)了。

過(guò)了一段時(shí)間，新鮮感褪去，每每再看到這個(gè)動(dòng)畫(huà)，我已經(jīng)不會(huì)有任何興奮和愉悅的感覺(jué)了，曾經(jīng)的驚喜也淪為尋常。

通常情況下，愉悅感都會(huì)隨著時(shí)間而漸漸淡化，你能想到的最為精彩出奇的細(xì)節(jié)表現(xiàn)也只會(huì)在最初的一段時(shí)間內(nèi)給人以新鮮感，而維系的方式似乎只有在情感化的方向上一遍又一遍的重設(shè)計(jì)。

愉悅的定義是主觀的

見(jiàn)過(guò)那些試圖融入幽默元素的出錯(cuò)頁(yè)面？本質(zhì)上講，這種做法相當(dāng)于在很壞的狀況下通過(guò)開(kāi)玩笑來(lái)緩解尷尬。通常，在人們?cè)噲D獲取信息、保存數(shù)據(jù)或完成任務(wù)卻遭遇意外狀況而導(dǎo)致失敗的時(shí)候，任何帶有“搞笑”味道的反饋信息都會(huì)顯得缺乏同情心，用戶(hù)很可能感到被冒犯，甚至因此被激怒。

此外，“愉悅”的定義也因人而異。在一部分人看來(lái)十分新鮮有趣的東西，對(duì)另一部分人可能會(huì)很糟。普遍適用的愉悅標(biāo)準(zhǔn)幾乎是不存在的，“情感化”是一個(gè)復(fù)雜地帶，良好的設(shè)計(jì)初衷未必如愿帶來(lái)正面的結(jié)果。

有趣還是可怕？

擴(kuò)展性有限

隨著用戶(hù)增長(zhǎng)及群體擴(kuò)大，愉悅性的問(wèn)題會(huì)變得越發(fā)棘手。在小品牌、小產(chǎn)品當(dāng)中嘗試一些創(chuàng)意性的、愉悅性的設(shè)計(jì)路線(xiàn)，或許尚可；一旦用戶(hù)群體的構(gòu)成走向復(fù)雜化，試圖取悅眾人的設(shè)計(jì)目標(biāo)會(huì)越發(fā)難以實(shí)現(xiàn)。

不妨比較一下世界級(jí)大廠與相對(duì)較小的品牌在文案策略方面的差異：

Microsoft Teams vs. Slack

Google Docs vs. Quip

Eventbrite vs. Splash

總體上講，大廠更傾向于使用簡(jiǎn)單明了、約定俗成的文案風(fēng)格，因?yàn)閷?duì)于世界級(jí)的品牌來(lái)說(shuō)，這是最為安全的策略。簡(jiǎn)練、直白、表意準(zhǔn)確的語(yǔ)言更容易被本地化，出現(xiàn)歧義的可能性較低。

而右側(cè)這些品牌的文案風(fēng)格，在我個(gè)人看來(lái)確實(shí)更生動(dòng)、更有意思一些，但他們所針對(duì)的也是更為特定的、范圍相對(duì)較小的群體。如果你并非受眾之一，恐怕不會(huì)像我這樣覺(jué)得有意思。

安全的愉悅性策略

到目前為止，你已經(jīng)對(duì)愉悅性的負(fù)面效應(yīng)有所了解了。挑戰(zhàn)和風(fēng)險(xiǎn)確實(shí)存在，但這并不意味著你需要徹底規(guī)避這個(gè)概念 - 關(guān)鍵在于識(shí)別一些適合承載愉悅體驗(yàn)的時(shí)間點(diǎn)。

我所學(xué)到的一點(diǎn)是，在那些用戶(hù)不常見(jiàn)到的界面當(dāng)中嘗試愉悅性元素是最為安全的，譬如：

• app啟動(dòng)頁(yè)面
• 帳號(hào)設(shè)置成功頁(yè)面
• 新功能游歷
• 用戶(hù)初次完成某個(gè)重要操作之后的反饋?lái)?yè)面
• 空狀態(tài)頁(yè)面

這些狀態(tài)通常只會(huì)被體驗(yàn)一次，情境都以正面情緒為主，無(wú)需擔(dān)心反復(fù)無(wú)趣或是惱人一類(lèi)的問(wèn)題。

所以我們時(shí)常在新手引導(dǎo)流程當(dāng)中看到一些有意思的表現(xiàn)形式，例如改版后的Google Sites。這類(lèi)產(chǎn)品環(huán)境當(dāng)中的多數(shù)頁(yè)面都很簡(jiǎn)單直白，高度聚焦于任務(wù)，沒(méi)有多余的元素干擾流程，只有在這些“一次性”的環(huán)節(jié)當(dāng)中給人以驚喜，通過(guò)引發(fā)情感共鳴來(lái)促進(jìn)信息的傳遞。

坦誠(chéng)的講，我自己也仍在摸索著愉悅性的運(yùn)用方式，畢竟這是一個(gè)很主觀的概念，任何絕對(duì)化的規(guī)則都難以成立。理想化的目標(biāo)是整理出一套詳盡而實(shí)用的設(shè)計(jì)指南，關(guān)于何時(shí)使用愉悅性元素，何時(shí)避免，一目了然 - 但這事比我想象的要難很多 - 畢竟，對(duì)于如此抽象和感性的概念，恐怕每個(gè)人心中都會(huì)有著不同的定義。

「最全面的VR設(shè)計(jì)好文合集」

1. 谷歌設(shè)計(jì)師出品的VR設(shè)計(jì)入門(mén)指南
2. VR設(shè)計(jì)指南之基礎(chǔ)概念與設(shè)計(jì)工具
3. 一名UX設(shè)計(jì)師的VR設(shè)計(jì)初體驗(yàn)
4. 設(shè)計(jì)師該怎樣從3個(gè)方面學(xué)習(xí)VR設(shè)計(jì)？
5. 設(shè)計(jì)師進(jìn)入VR領(lǐng)域會(huì)遇到哪些狀況？（附解決方法）
6. 關(guān)于谷歌的VR新平臺(tái)，設(shè)計(jì)師應(yīng)該知道的9件事
7. 站在VR的大門(mén)前！主流VR平臺(tái)交互特性淺析
8. 從VR UI設(shè)計(jì)案例中學(xué)到的六個(gè)經(jīng)驗(yàn)
9. 淺聊故事板在VR設(shè)計(jì)中的運(yùn)用（附模版下載）
10. VR新工具之便捷實(shí)用的POV紙質(zhì)原型
11. 谷歌VR APP實(shí)戰(zhàn)！UNITY與CARDBOARD APP基礎(chǔ)實(shí)踐（一）
12. 谷歌VR APP實(shí)戰(zhàn)！UNITY與CARDBOARD APP基礎(chǔ)實(shí)踐（二）
13. 谷歌VR APP實(shí)戰(zhàn)！UNITY與CARDBOARD APP基礎(chǔ)實(shí)踐（三）

原文地址：uxdesign.cc
譯文地址：beforweb

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量180萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com