抖机灵而不翻车：在网页设计中正确地使用幽默

琼正在申请 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 @ 创宇前端

编 / 荧声 @ 创宇前端