用戶體驗(yàn)丨聊聊UX設(shè)計細(xì)節(jié)之“愉悅性”的陷阱

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

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

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

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

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

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

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

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

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

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

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

審美疲勞

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

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

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

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

愉悅的定義是主觀的

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

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

有趣還是可怕？

擴(kuò)展性有限

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

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

Microsoft Teams vs. Slack

Google Docs vs. Quip

Eventbrite vs. Splash

總體上講，大廠更傾向于使用簡單明了、約定俗成的文案風(fēng)格，因?yàn)閷τ谑澜缂壍钠放苼碚f，這是最為安全的策略。簡練、直白、表意準(zhǔn)確的語言更容易被本地化，出現(xiàn)歧義的可能性較低。

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

安全的愉悅性策略

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

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

• app啟動頁面
• 帳號設(shè)置成功頁面
• 新功能游歷
• 用戶初次完成某個重要操作之后的反饋頁面
• 空狀態(tài)頁面

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

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

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

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

1. 谷歌設(shè)計師出品的VR設(shè)計入門指南
2. VR設(shè)計指南之基礎(chǔ)概念與設(shè)計工具
3. 一名UX設(shè)計師的VR設(shè)計初體驗(yàn)
4. 設(shè)計師該怎樣從3個方面學(xué)習(xí)VR設(shè)計？
5. 設(shè)計師進(jìn)入VR領(lǐng)域會遇到哪些狀況？（附解決方法）
6. 關(guān)于谷歌的VR新平臺，設(shè)計師應(yīng)該知道的9件事
7. 站在VR的大門前！主流VR平臺交互特性淺析
8. 從VR UI設(shè)計案例中學(xué)到的六個經(jīng)驗(yàn)
9. 淺聊故事板在VR設(shè)計中的運(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"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com