抖機靈而不翻車：在網頁設計中正確地使用幽默

瓊正在申請 all-online-loanzzz.com 上的小額貸款。她對必須填寫的財務資訊表格的數量感到沮喪。她正在考慮去當地的銀行申請貸款。在等待頁面載入的同時，該應用程式呈現了一個穿著西裝坐在牢房中的人的卡通形象。圖片標題說：“嘿，每個人都討厭披露資訊。我們知道你也討厭這樣做。我們正在盡最大努力讓所有人都不要坐牢。請多關注一下我們。你不會後悔的，我們的貸款人員將不會坐牢。”瓊笑著對著這個形象說道。她可能不瞭解她必須完成的表格數量，但她理解申請貸款的嚴重性。幽默是生活的一個重要方面。研究人員發現幽默有許多積極的好處。它可以減輕壓力，增加心理健康，增加對疼痛的耐受性。我們大多數人都有過這樣的經歷，我們用幽默來減少負面情緒或者為某人歡呼。幽默是人類關係中不可或缺的一部分。

我們可以使用幽默來增強使用者的體驗。（圖片來源：Brandon Sax）

您可以在設計中使用幽默（在流程和產品中）以建立積極的使用者體驗。我們希望與使用者建立積極的關係 - 幽默可以幫助實現這一目標。

但是我怎麼辦呢？你可能會問。我需要成為一名喜劇演員嗎？我應該將所有常見問題解答格式化為敲門笑話嗎？這兩個問題的答案都是肯定的。您可以將幽默融入您的設計中，保持您的品牌形象，而不是看起來您在此過程中過於努力。

幽默在設計中扮演著重要角色

一般來說，大眾人群中很多都是你的潛在使用者，每天都喜歡幽默的事情，令人捧腹大笑的事情會像病毒一樣傳播，舉幾個例子: 人們在社交媒體上與朋友和同事分享幽默的個人故事、尷尬的家庭照片、在 facebook 上評論他人的作品。我們必須承認有時候幽默比數字媒體做得好。記得 Webbys 年度網站獎就有一個幽默類別——“最佳使用幽默”類別的社會媒體獎。

或許你對使用幽默一竅不通。但是你可以體驗使用幽默。您可以在體驗中注入幽默元素，就像新增獨特圖示一樣：新增含義並與使用者一起建立共享語言。您還可以在內容中使用幽默的表達方式來幫助與使用者建立聯絡。

Espen Brunborg 在 Beyond Tellerrand 演講時，討論了在眾多不同行業網站中看起來和感覺相同的地方有效使用幽默表達方式的重要性。幽默可以以積極的方式將您的體驗與其他人區分開來。通過有效的使用幽默，您可以讓您的品牌令人難忘並與使用者建立關係。

幽默可能會為使用者帶來更深層次的情感體驗，這是有效使用者體驗的關鍵組成部分。稍後我將談談在體驗中如何插入幽默的表達方式。但是首先，讓我們討論幽默大概分哪些型別 。

是什麼讓事情變得有趣？

我將嘗試解釋為什麼有些東西很有趣。首先，幽默是非常主觀的。我碰巧認為我很搞笑。我經常在會議期間和在會議上發言時開玩笑。幾乎和往常一樣，沒有人嘲笑我的笑話。幽默是語境。你可能會在一種情況下開玩笑，並在另一個環境中認真對待。此外，幽默是文化。我對幽默的體驗一直都是通過西方文化的眼光看待的。我不認為我的幽默觀可以轉移到其他文化中去。

研究人員試圖開發一些理論來解釋為什麼有些東西是有趣的。“不協調理論“認為，當發生的事情不符合他們的期望時，人們就會發現幽默 —— 例如，一個信封被開啟，然後整個房間閃閃發光。“良性侵犯”理論認為，人們在某些看起來具有威脅性，但他們知道自己安全的情況下也會發現幽默。例如，雙關語經常違反語言規律，但它們中的單詞仍然有意義。聽眾面臨著必須以一種新的或不同尋常的方式解碼語言的威脅，然而當他們意識到這些詞本身保留了它們的意思後，他們仍然感到安全。其中斯萊特更深入地討論過幽默理論,建議大家可以瞭解下。

那麼，為什麼我們有時會嘗試幽默時會失敗呢？上面提到的理論表明，在創造不協調或威脅違規行為方面走得太遠或不夠遠都是幽默失敗的原因。例如，在辦公室工作時站起來大聲喊叫是非常突兀的。然而，這可能太過違反人們對搞笑認識的尺度。或者，從良性違規理論的角度來看，這種情形會達到提供威脅的門檻，但是人們可能不知道自己是否安全。因此，他們可能會在恐懼中做出反應，而不是幽默。

減少使用者數量（以良好的方式）

無論您是贊同上述理論還是其他理論，您對幽默的使用都是一種積極的嘗試,主要是為了降低使用者處理資訊的能力。研究人員稱之為“闡述”，這是一個值得密切關注的詞。原因就是不一致或違反規範是需要更仔細的檢查來處理資訊的,這樣就導致使用者對幽默資訊需要進行詳細闡述。

Espen Brunborg 表示，使用幽默來減緩使用者的速度可能會增強體驗。當談到處理資訊時，我們不應該擔心這種減速會對經驗產生負面影響。使用者不太可能注意到，除非他們發現幽默不合適。研究人員建議，如果使用者對您的體驗和內容進行更詳細的闡述，他們將會有更難忘的體驗。同時,讓使用者在使用您產品時進行詳細的闡述還能夠幫助我們提高處理能力和更好的呼叫內容。

六種幽默

我們需要理解語境，以便恰當地運用幽默。研究人員已經識別出不同型別的幽默。根據情況選擇型別，以增加成功的可能性。我們經常可以將幽默嘗試標記為多個類別。以下是研究人員定義的六種型別。

對照

將兩個或更多元素組合在一起產生幽默的對比。以我們的老朋友 Mac 和 PC 為例，Apple 舊版廣告“Get a Mac”。把時髦而酷的 Mac 和沉悶的 PC 進行比較很有幽默感。它也有誇張的元素（下面將討論），因為 Mac 使用者在商業中（以及 PC 使用者與 PC）共享 Mac 的所有特徵是值得懷疑的。

擬人

這將人類特徵歸因於動物，植物和物體。擬人化有助於我們理解複雜的概念，也可能使人們更容易接受資訊。微軟 Office 助手 Clippy 就是擬人化的一個例子。微軟希望有趣的人格化回形針可以幫助使用者學習 Office 程式中的關鍵任務。Clippy 不再與我們在一起，但人格化仍在繼續。使用者發現 Clippy 是令人討厭和侵擾性的，強調我們需要了解我們的使用者及其背景，然後用我們認為幽默的方式轟炸他們。Clippy 實際上減慢了速度。

誇張

這誇大或誇大了一些不成比例的東西。誇張常常被用來驅使一個觀點。研究人員已經發現並表明，誇大其詞會讓人們更加意識到你正試圖說明問題，但並不一定比你所做的更開放。“我花了很長時間寫這句話”是一個誇張的例子 - 儘管S mashing Magazine 的編輯可能會覺得這是真的。

雙關語

使用語言元素來創造導致幽默的新意義。研究人員發現，人們能夠更好地記住雙關語，而不是其他型別的資訊。您可以利用雙關語使您的體驗部分更難忘或增加使用者記住其體驗的某些部分（例如密碼）的可能性。David Pope 在 SAS 部落格上的帖子使用雙關語將 SAS 產品的相關術語聯絡起來，講述公司隨著時間的推移如何演變的故事。

愚蠢

這從一個滑稽的面孔到可笑的情形。諷刺的評論和情景可以被歸類為愚蠢。我們在網上和電影中看到了很多愚蠢的幽默。文章開頭的例子,可以歸類為愚蠢。哲學家們認為，這種幽默讓我們能夠嘲笑自己，有可能消除學習障礙和批判性思維。

驚奇

幽默可能來自意想不到的情況。比如那些認為在開啟信的人是不會準備好迎接閃光的，那麼一個彈簧彈出閃光燈炸彈就會是一個驚喜的例子。雖然不是每個人都會覺得有趣，但目的是創造一個令人驚訝的幽默情景。

何時使用幽默

在適當的時間和地點使用幽默體驗。請記住，以幽默的方式建立你的品牌並與使用者保持聯絡。同時在其他良性情況下，幽默非常適合：成功傳送電子郵件，下訂單或更新個人資料資訊，等等。

例如，如果某人剛剛成功完成從支票賬戶到儲蓄賬戶的轉賬，您可能會向他們展示關於建立他們的儲蓄的幽默資訊。另一方面，如果有人在他們的賬戶中沒有足夠的資金來支付他們試圖支付的賬單，他們可能不會欣賞一種提醒他們財務狀況的幽默元素。

除非你的經驗集中於幽默，否則你沒有理由鬧著玩兒或是太過火了。幽默是一件好事，它可以分散注意力。以下是適當的例子。

在“關於”頁面

潛在客戶和應聘人員會檢視您的“關於”頁面，瞭解您的文化。如果合適的話，在頁面上突出你的幽默感。“關於”頁面是向訪問者顯示他們將要使用的人員型別的機會。EY Intuitive 的工作人員選擇了下面的照片作為他們的“關於”頁面。許多員工通過肢體語言或道具表達幽默感。想象一下，有多少人去辦公室詢問邁克爾他的衣帽架上的盒子是怎麼做的，或者問基蘭是否總是在辦公室裡穿著他的超級英雄偽裝。

傳達重要資訊

研究人員發現，人們在遇到適當的幽默資訊時往往會更加註意。Slack 的人們非常善於讓人們關注他們的產品更新（如下所示）。可能有辦法可以更好地吸引使用者注意力的方式呈現終端使用者許可協議（EULA）和其他傳統繁瑣的文件。即使您的 EULA 可能需要滿足具有法律學位的人的需求，您的影象或 EULA 的視覺化可能會使用搞笑來減少閱讀的負擔。

建立或適合您的品牌

您可以使用幽默為您的品牌和使用者之間的關係注入個性。我們通常不認為簽署保險和工作場所福利是有趣的。複雜程度可能是壓倒性的。

ALEX 是一種傳達員工福利的工具。它以幽默為基礎建立品牌，為員工傳達不同的利益和選擇。ALEX 通過影象和輕鬆的會話語氣依靠微妙的幽默（見下文）。建立 ALEX 的公司 Jellyvision 在整個品牌中保持著幽默感 - 例如，在其引人入勝的部落格文章中。

大綱團隊在其整個體驗中穿插幽默元素。例如，其主頁上文章旁邊的浮動頭像和其他物件提供了對文章主題的幽默一瞥（見下文）。簡單的波浪線與使用者建立了共同的語言，他們將簡單的波浪線與引號的外觀聯絡起來。

與 ALEX 一樣，如果它將成為您品牌傳播的一部分您將希望以一致的方式和語氣使用幽默。無論誰建立內容或者對內容進行排版。它應該都是一致的渠道和媒體。例如，類似於 MailChimp 的內容樣式指南，您網站上的幽默方式也應該轉移到您的營銷材料上。將有助於幽默的一致應用。

聊天機器人

聊天機器人各行各業中越來越受歡迎。人們希望他們的聊天機器人具有個性，包括適當的幽默。在《全國公共廣播電臺》的一篇文章中，Shay Maunz 寫道，聊天機器人需要具有溫暖和人性化的個性,才能獲得長期成功。如果您希望聊天機器人具有類似人類會話的能力，則需要考慮某種程度的幽默。

在 404 頁面或減少挫折

許多網站都有幽默的 404 頁面。你可以通過一個做得好的幽默 404 頁面來遏制使用者無法找到他們想要的東西的挫敗感。挪威設計和開發工作室 Agens 在其 404 頁上以迷失在太空為主題的幽默影象和動畫。同時，它顯示了與現有內容的連結，允許使用者快速導航到可能滿足其需求的頁面 。

Blue Egg 的人們在他們的 404 頁面上使用幽默的視訊和（稍微討厭的）聲音，直接連結到主頁。

何時不使用幽默

如果你不恰當的或在不適當的時候使用幽默，你可能會損害你的品牌或體驗。大多數使用者希望獲得快速簡便的體驗 - 不要使用幽默來延長使用者完成任務所需的時間。例如，在頁面載入時螢幕上新增敲敲笑話或有趣的評論是可以的，但是讓使用者點選敲敲笑話來訪問帳戶資訊則不行。

另一種選擇是使用您的應用程式根據使用者或公司進行戰術性幽默 - 例如，如果您是初創公司，則選擇愚蠢的介面，但如果您在為政府機構或銀行服務，則需保持相當直接。您還可以讓使用者選擇何時呈現幽默。MailChimp 通過其“Party Pooper 模式”實現了這一點。想要沒有幽默的 MailChimp 功能的使用者可以使用此模式刪除應用程式的一些有趣的元素。

用於完成關鍵任務

使用者通常希望快速完成重要任務。你的幽默不應妨礙他們的進步或引起混亂。假設您線上進行大量購買，並在提交付款資訊後收到以下資訊。不僅不清楚發生了什麼以及如何糾正這種情況，而且笑的表情符號過於諷刺和居高臨下。您可能會對付款狀態感到困惑，對網站處理情況的輕率感到沮喪，並對您沒有通過快速簡便的方法解決問題感到憤怒。

當它不合時宜，過度諷刺或卑鄙

人們經常用幽默來表達負面的評論。不要取笑你的使用者。在數字媒體中傳達的訊息可能缺乏語境，語調。這就是為什麼這麼多人在寫了一些幽默的東西后輸入“JK”（開玩笑）;某些形式的幽默要求視覺和聽覺線索告訴他們是在開玩笑。告訴使用者你不是在取笑他們。

在 2011 年的一檔節目中播出的廣告失敗後，Groupon 發現自己處於水深火熱中。這則廣告以無味的方式揭示了生活在西藏的人們的困境。媒體和顧客立即注意到了這一點，很多媒體都報導了這次幽默的不良使用以及由此造成的品牌損害。

使用者體驗設計師布蘭登·多恩（Brandon Dorn）發表了一篇關於“確認羞辱行為的優秀文章。當使用者試圖選擇退出，撤銷會員資格或忽略號召性用語時，許多數字資產已經開始包含這些內容（例如，拒絕註冊時事通訊）。正如 Dorn 所說的那樣，確認羞辱就是數字上的等價物，就像一個銷售人員在服裝店裡跟著你，告訴你現在的衣服很醜。在我的章節中，我還討論了在設計中為大腦設計內容的確認。確認是對使用者的侮辱和不尊重。如果你覺得有必要侮辱使用者，試圖用武力迫使他們做某事，重新考慮你要求他們做什麼，以及為什麼你不期望他們故意參與這種行為。

當它是分心或提供虛假資訊時

使用者依靠你提供準確的資訊和服務。如果他們失去信任，你就不會成功。拙劣的幽默會降低對產品的信任。通過測試使用者的理解和影響來避免它。此外，考慮投資具有喜劇寫作經驗的專業撰稿人。

我承認我對愚人節不感興趣。一天致力於撒謊並不適合我。然而，愚人節的惡作劇在網際網路上激增。通常，這些惡作劇會誤導使用者，浪費時間。一些使用者可能會發現特定的愚人節的惡作劇非常幽默，但我不認為它值得冒險,同樣地，避免任何可能誤導使用者的幽默嘗試，無論它是什麼日子。

擁有權利的同時也被賦予了重大的責任

如果你遇到居高臨下或侮辱，並對你造成傷害。不要延長或分散使用者完成關鍵任務的注意力。與任何設計元素一樣，如果幽默沒有改善體驗，請不要使用它 - 即使比賽確實如此。你最好不要使用幽默而不是試圖使用它而冒險道歉。

進行可用性測試，以提高您使用幽默符合使用者期望的機會。此外，建立人物角色以指導您使用的幽默型別。你可以將某些幽默元素引向特定的人物角色，並在體驗的不同點上為其他人物角色調低調。

幽默可以為您提供優勢。做得恰當，它可以化解壓力情況，幫助建立品牌並傳達您的資訊。不需要一個有趣的產品來使用幽默。也有很多機會適當地使用它。根據您的產品，您可以開始將其納入“關於”或員工頁面，或者在您的 404 頁面上進行嘗試，並衡量受眾的反應。在上線之前測試任何幽默的嘗試。要心胸開闊，願意接受批評。使用者的幽默感不是單一的，所以如果幽默不是你產品的目的，請務必不要過分。

英文地址：https://www.smashingmagazine.com/2017/06/connecting-users-humor-web-design/

作 /  Victor Yocco

譯 / 小OO @ 創宇前端

編 / 熒聲 @ 創宇前端