吉祥物设计理念简短范文-情感化设计的构成要素及实践案例

说实话，这篇文章是最近几次让我感动的少数几件事之一。 我之前在微博上说过，“读完全文，我感到……肃然起敬，如此用心打造的产品怎么可能不成功呢？一一列举了情感化设计方面具有代表性的产品。看一下这些，我觉得……我开始感动了。” 我并不希望借助这样的阅读材料就能立即掌握相关技能。 其实更重要的是这些东西在我脑海中留下的印象，那些条件反射的“感觉”。 话不多说，进入正文吧。

Flickr 为用户准备了许多有趣的登录问候语。 这其实是一个很容易被忽视的细节，但Flickr的整体设计风格和产品气质也是由很多这样的细节组成的。 也许，只有当这些细节从产品中消失时，我们才会发现并开始怀念它们。

我（英文原作者）特别关注这些细节，因为它们会引发用户的情绪反应。 如果使用得当，这些细节中的小恶魔可以帮助我们创造出更加个性化的产品，并使用户在与其交互时产生积极的情感反应； 而这种积极的态度会有效地激励用户主动去传播和宣传你的产品。 这种在个性层面上与用户建立关系的设计思想也被称为“情感化设计”。

一点理论

“情感化设计”一词是由唐纳德·诺曼在他的同名书中提出的。 在《为情感而设计》一书中，作者亚伦·沃尔特将情感设计与马斯洛的人类需求层次理论联系起来。 正如人类需求的五个层次：生理、安全、爱与归属、自尊和自我实现一样，产品特性也可以从低到高分为四个层次：功能性、可靠性、可用性和愉悦性。 情感化设计处于“愉悦”的最高境界。

一个有效的情感设计策略通常包括两个方面：

您创造了独特且优秀的风格概念，得到了用户的积极响应。 你继续运用这个理念，创造出一套完整、有个性的设计。

接下来我们就来看看情感化设计的组成部分以及相关策略，看看哪些产品在这些方面比较有代表性； 此外，我们还将通过几个案例来体验整体视角。 情感化设计理念的不断运用给产品带来的“个性魅力”。

情感化设计要素

情感化设计的目标是在个性层面上与用户建立关系，使用户在与产品的交互过程中产生积极的情绪。 这种情感会逐渐为用户创造美好的回忆，让他们更愿意使用你的产品。 另外，在积极情绪的影响下，用户会处于一种相对愉快、放松的状态，这使得他们对使用过程中遇到的小困难和细节问题更加宽容。

情感化设计大致由以下几个关键要素组成。 从这些关键点出发，我们可以将更多积极的情感元素融入到产品中。 诚然，用户的最终反应也会取决于各自的生活背景、知识技能等因素，但我们抽象出来的组件是普遍适用的。

接下来我们就来看看这些元素是如何提炼并应用到实际产品中的。

情感化设计的产品实例

在下面的例子中，我们可以了解情感设计的组成部分是如何以不同的表现形式应用到互联网产品中的。 请记住，这些例子中的设计方法可能并不适合你的产品所需的个性气质。 您可以将这些作为参考，根据实际情况考虑更合适的情感设计方案。

模仿人类情绪的微笑

互相欣赏的人会下意识地模仿对方的行为。 当你看到你喜欢的人微笑时，你可能也会这样做。 我们可以将其应用到设计中。 图片可以在一定程度上影响人们的情绪和思维，尤其是以人物或事件为主题的图片。 我们来看一张包含两个主题的产品介绍图：

通过这张图片，Highrise 向我们展示了一个快乐的男人和他使用公司产品的故事。 实际客户的微笑和赞美之词是非常积极的宣传形式，很容易鼓励潜在用户认同并渴望购买您的产品。

平凡的幸福

Threadless的购物车里没有物品时会表现出悲伤的表情，否则会看起来很高兴。 这样的小细节会让你觉得平凡又有趣，甚至会让你不由自主地发笑。 即使用户最终没有购买，他们也会记住这个可爱的购物车。

保留用户利益

曾经有一段时间，如果你试图在 Audible 取消订阅，并告诉他们你的设备无法享受他们的服务，Audible 会给你一张 100 美元的亚马逊代金券，希望你能购买合适的阅读设备并继续使用他们的服务。服务。 即使用户最终选择取消订阅，他们也会牢牢记住Audible的诚意。

音乐

在用户取消订阅后，Etsy 将播放 Paul Young 的《Every Time You Go Away》。 这种方法不会让用户留下来，但会给他们留下持久的印象。 当用户再次浏览Etsy平台上的产品时，他们很可能会想到这个有趣的小链接。 也许无论他们在哪里听到这首歌都会想到 Etsy。

尖锐的幽默

这方面最经典的案例就是Groupon的著名笑话“惩罚德里克”。 虽然这个场景发生在用户确认退订之后，但它通过真实的人物和尖锐而自嘲的幽默，有效地拉近了用户与网站的距离。 在这个让未订阅用户感到内疚的玩笑之后，Groupon 将鼓励用户重新订阅。 虽然你清楚地知道这是他们玩的一个小把戏，但大多数用户在这种沉浸式的笑话面前都会觉得很有趣，他们的积极情绪和状态会被彻底调动起来。

文案写作

文案是展现产品个性的最简单方式。 无论您希望您的品牌更加俏皮、严肃、有趣还是时尚，文案都可以有效地帮助您实现这一目标。

赞扬

在“日常”应用中，如果您还没有将照片添加到媒体库中，系统会非常友好地提示您拍摄一些“美丽的脸”的照片并将它们放入媒体库中 – 简单的词汇定义了提示信息是甚至产品的基调，换句话说，就是个性。

比较的

Skitch的隐私声明非常简短，但它使用了两个方面的对比。 一是“嘘！” 在模拟警告音效的文案中，还有代表警告的文字颜色。 两者的结合使得提示信息在语气和视觉效果上与页面上的其他内容形成鲜明对比，在情感上吸引用户的注意力，有效地传达信息内容。

同样，在丘比特中，当用户输入自己的地理位置时，系统会做出积极的回应，说“啊”来表达“好的！” 或“我们理解并欢迎您”。 来啦！”就是这些方面，不要错过这个在细节上“实事求是”沟通的机会。

注意事项和说明

Hunch注册页面的文案和我们平时看到的不一样。 他们会在您输入电子邮件的文本框旁边告诉您“垃圾邮件是魔鬼，我们不会这样做”。 当您选择通过电子邮件订阅时，他们还会告诉您。 提醒您“这将是一封值得阅读的电子邮件，而且不会经常出现。” 在这些很常见的地方花点心思，制造一些细微的差异，会增强产品的沉浸感，让用户更加专注，遵循设计的引导来完成操作目标。

Milk 对细节的关注将使用户更愿意订阅他们的时事通讯。 他们的方法与 Hunch 类似。 他们在文案中清楚地告诉用户时事通讯的重要性，但他们并不经常这样做。

下面的示例来自我的个人项目之一。 用户需要邀请码才能试用该产品。 在哪里提交申请，我使用“我想要获得邀请！” 而不是传统的“提交”作为按钮中的副本。 我希望这能够唤起用户的情感，让他们感受到更真实、更有针对性的体验。 性互动。 此外，我还起草了一份简单的说明副本，以向用户保证我们永远不会发送垃圾邮件。

错误页面

没有什么比不起作用的服务更让用户烦恼和沮丧的了表情包设计，尤其是当他们特别需要你的产品来完成一些重要的事情时。 如果这种情况由于某些客观因素而难以完全避免，那么情感设计至少可以在一定程度上缓解用户的负面情绪。

有趣的文案写作技巧

用户在系统维护或Flickr升级时会看到“Flickr正在按摩”的提示。 如果有兴趣的话，可以在他们的官方博客或者微博上查看目前的具体情况。 这样的文案比简单粗暴的错误提示更容易被用户接受。

说声抱歉并提供真诚的解决方案

同样来自 Flickr 示例。 当系统出现更严重的问题时，他们会告诉用户：“好吧，我们的管道堵塞了！” 然后用非常通俗的语言道歉。 此外，他们还给用户设定了一个小任务，就是打印出当前页面，填写两个圆环，然后拍照，等到网站恢复正常后上传到Flickr； Flickr 团队将选择优胜者，为他们提供一年的高级帐户。

对不起，可是…

生活中还有其他重要的事情要做。 之前Tumblr宕机时，他们告诉用户问题正在紧急处理，我们很抱歉。 他们还提醒用户还有其他更严重的问题（2011年日本9级地震）。 也许我们可以在这段时间解决这个问题。 一起做某事。

其他担忧

较长的页面加载时间也可能非常烦人，但在某些情况下，页面或其中的某些功能确实需要相对较长的时间来加载。 当您的网站或应用程序忙于传输和收集用于演示的数据时，您可能希望在界面上放置一些临时提示以吸引用户的注意力并减少他们对响应时间的感知。

如今很多网站都在使用验证工具Captcha，但这并不意味着用户真的喜欢它。 在许多情况下，验证码确实令人烦恼和令人沮丧。 我们暂时无法改变这个工具本身的工作机制，但至少我们可以用有趣的图片和描述文案来向用户解释为什么他们会像 Stack Overflow 那样使用这个烦人的工具，从而获得用户'了解并减少负面情绪。 生产。

聪明的

为用户提供智能且响应式的输出也是情感化设计策略之一。 我喜欢在输入个人详细信息之前从系统获得的智能和个性化服务。

Thermo应用程序的登陆页面可以确定用户的地理位置，并以左侧高度逼真的视觉表示形式告诉用户当地的温度状况。

37signals通过左上角的当天问候语，简单有效地缩短了网站与用户之间的情感距离。

电子邮件设计

电子邮件是一个非常有用的工具，但大多数时候，用户将这些电子邮件视为干扰，只想接收最有价值的产品信息。 事实上，可以订阅的对象并不限于产品信息。 我们可以通过其他方面的内容来增强用户对电子邮件通讯的好感度。

讲一个故事

扎尔利在他们的电子邮件通讯中讲述了一些神秘的故事。 这种方法增强了电子邮件的吸引力，使用户不由自主地对本网站的内容和提供的服务产生好奇，而不是盲目排斥。

个性化内容

Quora 会在电子邮件中推荐用户可能感兴趣的内容。 如果您的网站或应用程序有足够的数据来支持此类个性化，请考虑它。

惊喜

提醒电子邮件通常没有任何花哨的内容，只是用来通知您。 如果你能添加一些像CD Baby这样特别的东西，可能会引起用户的兴趣。 邮件发送后，“CD宝贝私人飞机”在Google上生成了2万多条记录。

故事情节

故事情节可以有效地吸引人们的注意力。 有些产品在讲述引人入胜的故事方面做得很好，保镖本就是一个很好的例子。 这是一款用于保护手机上私人数据的 iPhone 应用程序。 整个产品概念是围绕一位名叫Ben的法国私人保镖的性格设计的。 它的迷你网站采用了非常令人兴奋的互动方式，让用户可以跟随这位私人保镖穿过街道。 随着故事情节的发展，你可以了解这个应用程序的特点，让你不由自主地沉浸其中。

在实际的iPhone环境中，这个应用程序仍然保持着故事角色的姿态。 它将模仿法国人的英语口语习惯与用户进行交流。

复活节彩蛋

复活节彩蛋通常会让人们感到高兴。 就连气质比较严肃的谷歌，也会时不时地在自己的产品中加入一两个有趣的复活节彩蛋，比如著名的Let it Snow下雪效果。

复活节彩蛋通常与产品和服务没有直接关系。 他们的主要目的是给用户带来惊喜和愉悦，并激发他们积极的情绪状态。 处于这种状态的用户非常乐意与他人分享他们的发现。

吉祥物

MailChimp 在情感设计上的显着特点之一是它的吉祥物——猩猩弗雷迪。 一旦您的个人资料页面打开，这个人就会为您加油，并在您每次刷新页面时弹出一些随机笑话或链接。

然而，这种情感表达也有失败的历史。 还记得 Microsoft Office 中每当您想做某事时就会弹出的回形针吗？ 相比之下，Freddie 不会干扰您与服务之间的交互流程。

登录页面

是的，登陆页面也可以设计得有趣。 仍然以MailChimp为例，在某些日子里，他的登录页面会发生相应的变化。 此 Flickr 相册专门用于 MailChimp 的各种特殊登陆页面。 真喜欢它。

很多时候你不必那么特别。 以Pocket为例，他们的登录页面有强烈的“欢迎”色彩。 巨大的背景图片凸显了应用的使用场景，让用户有身临其境、情感共鸣的感觉。

细节中的魅力

精心雕琢界面元素的细节可以体现你对产品的信念和对用户的尊重。 我们来看看 Quip 的动态加载图标。

该图像中的动画是循环的吉祥物设计理念简短范文，但在实际站点中，它只会在数据加载期间出现。 为了看到这个动画效果，我什至会反复加载页面。 此类图标还会在等待加载时将用户的注意力集中在炫酷的动画上卡通形象，从而减少他们对加载时间的感知。 当然，这些吸引眼球的元素如果使用不当，也会产生负面影响，干扰用户正常的阅读和使用过程。

当Dropbox刚刚起步时，它在Digg上发布了一段演示视频，并声称其产品是“来自麻省理工学院的Google Drive杀手”。 虽然语气很大，但他们在视频中精心打造了各种有趣的细节，牢牢抓住了观众的注意力和情绪。 例如，在演示上传文件的功能时，他们使用了一段名为“Keira Knightley 够火辣”的视频。 ！！“的图片。

情感化设计综合案例

至此，我们了解了情感设计元素在不同产品中的各种代表形式。 下面我们来看看三个比较全面的产品案例。

案例1：头晕目眩

在Gidsy中，用户可以自发组织观光、购物、研讨会等本地化活动。 鉴于这个产品的性质，设计师自然要考虑如何让网站具有更广泛的吸引力。

配色方面，Gidsy的页面以蓝色和白色为主。 这样的组合使得网站的整体风格清晰简洁，容易让人接受并产生信任。 因此，Facebook、Twitter、Linkedin 和许多其他网站使用类似的配色方案并非巧合。

Gidsy的产品个性是由一系列复古风格的图像、冷静自然的文案以及惊喜等情感化的设计元素组成。

传达的感觉：Gidsy充满了复古风格的画面。 他们通过重复使用相同风格的视觉元素来强调产品的个性。

惊喜：浏览页脚，您会发现鼓励您免费创建活动的图标和文案。 当鼠标悬停在图标上时，会突然出现一道绚丽的彩虹，其动画效果指向引导用户进行此操作的按钮。

文案：简短幽默的文案在网站上随处可见，比如“你好，美女！”、“嘭！你的照片已被删除”等等。

这些细节有效地为产品营造了友好的个性。 另外值得一提的是，Gidsy 在其用户手册中还采用了情感化的设计方式。 我们都知道文档和用户手册之类的东西通常很乏味，但 Gidsy 的方法改变了人们的想法。

最后，我们来看看 Gidsy 的新闻邮件。 这封邮件此时恰好出现在我的邮箱中。

还有一张与其网站风格一致的复古照片。 另外吉祥物设计理念简短范文，您是否注意到他们用来发送电子邮件的电子邮件地址？ 与通常的做法不同，Gidsy在这里使用“请回复”来向用户表达愿意倾听他们的意见。

案例2：自动

Automattic（其产品包括 WordPress 等）将幽默带入了一个毫无幽默感的领域——编码——并尽力践行 Matt Mullenweg 的“代码就是诗歌”的精神。

幽默：Automattic的“关于”页面充满了善意、幽默的自我介绍，感兴趣的用户在阅读时可以感受到他们充满乐趣的工作环境。

口号：Automattic 的口号之一是“我们比俳句更擅长编写代码”。 正是这种看似严肃的幽默感，或者看似幽默的严肃，奠定了他们产品的基调。

文案：在主页的页脚中，有一个签名，每次加载页面时都会更改。 有时它是“Automattic 的产品”，有时它变成“Automattic 的音乐”。 这种细节体现了他们对产品的热情。

惊喜：在Automattic的另一款产品Jetpack网站上，每次打开主页，你都会看到三个小伙子背着喷气背包飞向天空的动画。 这种用心和幽默不仅可以给用户带来有趣的感受，还能加深用户心目中与产品名称相关的含义的印象。

复活节彩蛋：WordPress的自我比较中有一个复活节彩蛋。 为了防止相同版本的文章相互比较，Automattic 创建了一个小机制，文案和视觉风格都模仿《黑客帝国》中的笑话。 本文将教您如何在 WordPress 中找到这个复活节彩蛋。

在技​​术色彩如此浓厚的产品领域，Automattic通过情感化设计的有效运用，赋予其产品充满个性的个性。

情况3：清除

良好的情感设计可以将用户变成产品的传播者。 他们将与他人分享他们的良好经验，并帮助建立您的产品的口碑。 人们喜欢通过口口相传讲述有趣的故事，而您所要做的就是告诉他们一个。

前段时间，Realmac 的一款待办事项应用程序 Clear 非常受欢迎。 这当然不是市场上第一个待办事项列表应用程序，但他们巧妙地瞄准了 iPhone 用户，尤其是那些追求个性的设计师。 极简的界面设计（参考阅读：极简可用性设计）以及独特的交互方式和视觉效果，使其与市场上其他同类应用有显着区别。 这正是它所针对的用户群体所寻求的。

引发期待：Realmac在Clear正式发布前推出了创意十足、令人惊喜的产品演示视频，有效吊起了用户的胃口，让用户充满期待，提前宣传了产品。

有趣：Clear的一个重要卖点就是新鲜有趣的交互方式。 “好玩”成为了这款产品的基调。 在应用程序内的引导视图中（参考阅读：引导式移动应用程序界面设计模式），设计者还强调了“Play”的概念。

惊喜专属：在应用中打开主题设置界面后，安装了Tweetbod的用户将收到一条消息，祝贺他们获得专属附加主题。 这些用户可能会因为受到特殊照顾而感到高兴。 此外，这个群体在口碑传播方面也发挥着相当大的作用。

此外，如果您关注Clear开发者的Twitter帐户，您还可以获得另一个奖励主题。 这个彩蛋的作用还是在于传播。 人们会分享他们的热情，甚至谈论他们获得或错过的话题。

这是情感化设计的重要作用之一。 这些惊喜和独特的元素不仅会让人们更喜欢你的产品，而且他们也会分享他们的愉快体验。 看看人们在 Twitter 上说的话：

详细信息：如果当前待办事项为空，Clear 会提醒您创建一项。

再次清除后，提示会改变。 这是爱迪生的一句励志名言。

回报和风险

任何事物都有两面性，情感化设计也有风险。 当你为系统错误道歉时，过于轻松的文案可能并不一定会让用户感到舒服。 时刻记住你的产品所针对的用户群体的特征，有针对性地充分展现产品个性。

我们在本文中没有讨论相对的失败，但这里有一个小建议：如果你希望你的产品具有有趣和狡猾的个性，请记住观察用户的反应。 如果某些设计元素没有起到积极的效果，一定要及时、主动地道歉并进行改进，以表现出你愿意倾听意见、纠正错误的诚意。 这可以确保您的产品具有正确的个性。

再次以 MailChimp 为例，他们提供了“派对杀戮模式”，对幽默不感兴趣的用户可以禁用有趣的设计元素。

或者你也可以反其道而行之，例如Facebook提供了“盗版”模式，将传统风格的文案变成盗版风格的措辞。

这一切的核心都是为了让用户更好地使用产品，获得更愉悦的体验，并积极与他人分享和推广这些积极的体验。