发布时间：2021-8-10 分类： 电商动态
在上一篇文章之后，本文讨论了网络聊天机器人设计的第二部分：非语言交流的设计。
1.信息安排
机器人和用户的化身以及消息的排列方式不应该是任意的。以下是两种最常见的对话框显示类型
A.头像+消息对齐（大多数情况下左对齐）逐个纵向排列
消息对齐布局
B.头像+信息对齐
对齐的消息布局
我们认为选项B更能反映真正的对话。通常，当两个人说话时，他们会互相看着对方。因此，为了使会话UI更自然，对话者的头像和他们的消息也应该像这样显示。
2.聊天机器人的图像
我们非常幸运，因为chopchop有品牌形象。更重要的是，因为他有一个预先设计的外观材料库供我们使用，所以Cody非常适合用于任何目的的会话用户界面。我想很快公司将开始通过测试不同的聊天机器人头像来衡量和优化会话UI的转换率。
不仅如此，但我可以肯定，如果我们有Cody的女性版本，那么用户的反应将与当前的男性形象完全不同。
Cody的化身变种
另一方面，我认为我们应该避免使用实时照片作为聊天机器人的头像。这将令人困惑——我在和机器人说话还是和某人说话？设计师应该非常小心机器人的视觉外观。顺便说一句，这是一个渐进的事实过程：面部识别是儿童成长的主要能力之一，通常在他们学会说话之前几个月发生。
注意：本文作者是人类婴儿在成长过程中自然发展过程的一个例子。如果聊天机器人使用人类图像可能会妨碍年轻人和其他用户在使用过程中的使用
此外，如果您想使用您的真实姓名作为机器人的名称，请确保您的脚本也反映您的真实角色。否则与机器人聊天可能会对您的真实图像产生不利影响。
3.聊天机器人的面部表情
面部表情非常重要。我们也想将它包含在我们的项目中。
闪烁消息：
人们平均每分钟10次。科迪也是如此。此外，眨眼可能是一个额外的非语言信号（例如：嘿，我只是在开玩笑，只是开玩笑）。
眨眼间聊天机器人头像
六种基本情绪：
此外，聊天机器人的反应可以归结为六种基本情绪之一：
幸福
悲伤
惊讶
恐惧
厌恶
愤怒
Cody的表达样本
4.用户的面部表情（实验）
我们希望用户能够向Cody发送非语言信息。我们使用用户头像来做到这一点。通过将光标悬停在化身上，用户可以改变他们的面部表情作为对Cody信息的反应。它不能非常清楚地反映真实的面部表情，但它使用会话UI进行另一种形式的交流。
替换用户的面部表情
5.使用表情符号
人们现在使用表情符号并不奇怪。这是非常常见和有用的。这些表情符号极大地丰富了非语言层面的书面交流。
比较以下两个短语
答：我讨厌你！
B.我恨你！
我认为对于我们大多数人来说，B可以很容易地翻译成：我喜欢你，伙计！显然，Cody像我们大多数人一样使用表情符号。
表情符号的信息
6.交换感情的表达——动画对话
动画可以将会话UI的用户体验提升到一个新的水平，使用户的UI交互过程更加自然和愉快。但这并不是全部，动画元素可以在整个对话中发挥重要作用，负责所谓的phatic表达的部分工作。简而言之，这就是使谈话顺利进行的一切。
注意：聊天机器人动画的含义是译者更感兴趣的是增加机器人的情感图像表示。 phatic表达在这里更具代表性。 “形象情感（反应）表达”让我们来看看我们经常使用的表达方式，也许它会帮助你理解
动态聊天头像
当两人见面时，他们通常会通过握手开始对话。它允许面试官彼此靠近，观察他们的眼睛，更清楚地看到他们的面孔。因此，Cody的化身在对话开始时略大，允许用户熟悉Cody，并且当交换第一个消息时，化身将变小。
输入状态
简单的输入状态显示可以起到情感语言交流的作用，它可以告诉用户：保持冷静，亲爱的，我还在这里，请给我一些时间回复。
输入状态有多种形式。这是最常见的一个：
输入状态显示
输入状态和悬停状态
此外，我们决定使用表达输入状态的图标来激励用户—嘿，你说的。静态输入状态图标将出现在用户的头像旁边，然后当用户的鼠标悬停或悬停在某些区域（如下图所示）上时，将显示输入状态图标。
悬停激活输入指示器
结束
这绝对是The Rectangles最近研究中最有趣的项目之一。为他们设计一个会话代购源码网站对我们的团队仍在线时是一个有趣的挑战。这让我们可以学到很多东西，说实话–我们可能无法等待另一个这样的项目。
现在，我们也可以看到–用户体验设计的未来已经到来。
原始链接：https://medium.com/swlh/conversational-ui-principles-complete-process-of-designing-a-website-chatbot-d0c2a5fee376
本文由@百度UXC出版。未经许可，禁止转载。
该地图来自unsplash，基于CC0协议
