感情UI的初学者指南

我们谈论网站设计时，更关注的是一些能够连接到用户情感方面的元素。这种联系是建立信任和相对性的关键的组成部分。比起说起来，在实际的应用和设计过程中，他都更难。有很多事情需要考虑，因为情绪是广泛的，复杂的，往往很难受到单方面的影响或改变。这就是我们今天要考虑和讨论的——什么是情绪（或情感）UI呢？如何创建一个在实际的网站建设工作中能够有效引起情感联系的用户界面呢？我想，在下一个网站设计项目中，你应该更仔细地考虑一下这个问题？

1.什么是情感（情绪）UI？  

从我们的电子邮件，文本和社交媒体配置文件中，我们能初步窥探带情感UI的世界。在我们的日常交流中，充满了微小的面孔，以帮助告诉别人我们的感觉。感性的UI是网站设计的新圣杯。无论是喜悦还是快乐，恐惧或愤怒或悲伤，当与一个好的设计互动时，人们会感觉到类似这一系列的情感。没有什么比设计让用户感觉什么都没有更糟了（因为他们不在乎）。用户在网站建设互动过程中可能经过的几个阶段，有一系列的情感因素要考虑。不过，你要记住的重要一点是，互联网代码上的情感部分是通过设计以及内容来表达的，它是你讲的故事的一部分。用户情感不应该来源于直接使用网站或应用程序本身（如某些东西不能正常工作的沮丧）。如你所知，我们的情感世界都是错综复杂的。用户可能很难告诉你他们具体是什么感觉。但有一些理论可以帮助你。

2.“正确”的情感 

 Huge的经验设计总经理Sherine Kazim开发了一个基于表情符号的情绪轮，轮子是标准色轮的组合，并且向每种颜色添加情感值和关联。这是理解颜色如何影响网页设计的良好起点。但是，如今快速的动态变化，Kazim的表情符号叠加可能能够更现实的解释我们今天所处的情感世界。她的原话是：“你可以在图表中看到，当你在情绪轮上进一步移动时会发生某些强度的消散和变化，在网站设计中，没有人在说话。我们目前设计的东西只是使人们感觉到基本的情绪——可能是快乐或悲伤，但我们不谈论如何根据用户的情绪的加剧或消散，来调整我们在网页设计中使用的情感UI。这些代表了什么意思呢？基本上，情绪是复杂的，而且比我们在设计中表现的的更缺少直接性。大多数设计师将“愤怒”归入到红色情感表达的一部分。但它在实际的设计工作中并不完全是这样的。真正进入这种情感联系的很多东西也与设计的其余部分有关，一些甚至是颜色本身不能做到。

3.设计“情感”所以，让我们先停下来思考一下emojis的这个情绪轮一分钟。这里包含了设计师的用心，而不仅仅只是一个很酷的信息图表。概念几乎定义了三个部分的过程，在实际的设计工作中便于你思考如何分配给你想要的用户以某种感觉或情感。能引人注目的设计莫过于使用对应的情感色来表现，图像可以包是面孔或正确的话作为辅助的情感工具。

· 颜色  

从你已经知道的颜色概念开始，但回想一下Kazim的建议，并考虑与用户的情感联系。颜色可能不足以建立一个情感联系。颜色是一个很好的框架，可帮助您思考和建立基线连接。不过，你的颜色关联可能与用户的不同。当你看到上面的图像时，你感觉怎么样？明亮的颜色选择足以唤起你的某种情绪吗？或者你有更多不一样的感觉，直到你浏览网页设计的其他部分？

· 面孔  

视觉上，你较好创造所需的情感方式是通过使用面孔来展示你想传达的情感，在这种情况下，人的脸部图片是向用户展示他们感觉的有效的方式。看看上面the Elegant Seagulls的网站案例。照片显示一个人的面部表现出一定程度的惊喜。你感觉到同样的感情了吗？当你看着图像时，你会感觉到你脸上咧嘴一笑吗？这是一个有效的情感UI。特别是当你考虑到你即将采取的下一步行动的时候。你会选择移动到“下一个嫌疑人”的切换按钮上，只是为了看看会发生什么。

· 语句  

之后，词语和语言是将它们拉在一起的设计技巧。（你通常认为单词是一个设计元素吗？你应该考虑到这些单词与字体一样的重要。）这些词是提示，帮助用户确定网页设计上的颜色和图像真正意味着什么。（是的，你真的必须为大多数用户考虑到这个。）词语的语调可以使用户理解界面的内容是柔软或轻的或加强焦虑和恐惧的感觉。你与用户交谈的方式、号召行动按钮中的命令和叙事都对这种情感有影响。它会创建你想要的场景吗？以Draper James服装网站为例。banner图包括一个快乐的笑脸，卖一条“南方服装”的线。颜色是明亮的以及充满吸引力。现在看看文本：“快乐秋天，Y'all！”它绘制了一个直接的情感口号，用户在与这个设计交互时应该感觉到什么。（这里更大的问题是观众，这种情感实际上会让一些用户离开，但是这是不是你能完全控制的。）

总结

虽然谈论在情感层面的设计不是一个新的话题，但由于技术的变化，对话的方式正在日益变化。虚拟现实和人工智能使我们对接口设计的未来有很多疑问。他们必须更加人性化工作吗？有了这些概念，用户可能需要一个“真实”的体验，情绪是其中的重要组成部分。这是将人们带回到这些新兴设备和想法的必要路程。