发布时间：2019-12-1 分类： 行业资讯
在本文中，我将向您展示一个项目研究，该研究描述了为B2B代购源码网站设计会话UI的完整过程，包括会话脚本片段，通信理论的基础以及我认为使该项目独特的一些技巧。办法。
开始
在2016年底。许多人说会话用户界面（UI）是Web界面的未来。即时消息程序（IM应用程序），聊天机器人，基于文本的用户界面或表情符号可能永远不会如此受欢迎。有人可能会说这只是另一种设计趋势，或者基于文本的界面并不新鲜，但坦率地说，我们必须承认——随着iPhone消息，Slack或Facebook Messenger的出现，我们交换信息的方式已经发生了不可逆转的变化。今天，短信已成为一种非常自然的沟通方式。
因此，当我们有机会为我们的客户设计一个对话代购源码网站时，我们毫不犹豫地接受了它。
项目目标
客户：
CHOP-Chop—一家网络开发公司
我们在该项目中的主要任务是：
设计完整的会话用户界面语言
创建会话脚本处理
处理最常见类型的会话随机性（指类似于使用和谐文本的规则，例如我在游戏通信中的常用***）
传达品牌个性（即使用公司的品牌英雄Gody）
提高用户的好奇心和喜好（访调员）（注意：这里是用户粘性）
展示公司代购源码网站的开发技术
我将告诉你我们是如何逐步完成的，但首先是hellip;
一点理论
让我们从基础开始。我认为在遇到更复杂的问题之前退一步是很重要的。在这种情况下，它真的帮助了我们。信不信由你，只要你阅读了所有这些基本定义，我们就可以看到一些创造性的解决方案并推动整个思维过程。
我认为你不应该跳过这一部分。
沟通原则
有数百种定义可以解释沟通。以下是我发现的一些混合版本。
沟通是分享有意义信息的过程
信息（通常）可以是口头或非口头的。
最常见的口头交流工具是语言，一组符号，用于组合可以翻译成有意义的词汇的信息。
例如：你好;谢谢;你今天看起来很好
与非言语相反，它指的是与文本不同的任何类型的交流。它可以是具有共同社会意义的手势，面部表情，语调或行为或符号。
例如：
沟通是一个所有方面相互作用的过程。这意味着沟通是全面的，整个沟通过程创造了一个系统，其中所有元素（所有信息）为了共同利益而共同工作。
这些信息是有用的，这意味着我们可以使用它们来获得理想的结果，但也具有适应性——这意味着根据具体情况，可以对其进行修改和调整，以获得更好的结果。
最后，我们用于交流的语言基于通信代码，这是一套原则和意识形态。他们为理解奠定了基础。该通信代码也称为某种原理，并分为两种类型。:
构成原则：指特定词语的含义和含义以及我们如何解释它们。此外，他们告诉我们如何理解特定上下文中的消息。
规范性规则：帮助根据给定的消息解释确定适当的响应。换句话说，他们告诉我们在某些情况下我们应该做什么（比如说）以及我们不应该做什么。
当然，最自然和最常见的沟通形式之一是对话。因此，在讨论会话用户界面时，我认为我们还应该看一个定义会话的示例：
对话是两个或更多人之间的对话，通常是非正式对话
那么有可能在没有强大的人工智能策略的情况下创建符合通信的界面吗？
这是对话UI（CUI）的定义：
基于功能，适应性和有意义的信息交换的整体系统的接口，其中双方使用和解释语言代码以友好，非正式的方式维护和遵守规范性和规范性规则。
这是我们想要创建的用户界面
把理论付诸实践–建立一个对话界面
定义目标
支持B2B的聊天机器人具有特定功能。人们出于某些特定原因访问这些代购源码网站是因为他们需要一些东这就像去餐馆或进入实体店。当然，有时人们这样做是因为他们没有更好的事情要做，或者只是想自娱自乐，但总的来说，这背后有一个目的：订购食品，买鞋或了解价格。另一方面，当与客户交谈时，服务员或职员也有他们的任务和脚本。会话代购源码网站以相同的方式工作，聊天机器人的角色可以类似于职员或服务员。
在这种情况下，我们清楚地知道我们想要实现什么，因为我们已经使用Chop-Chop多年（实际上，我们在2010年创建了它），但是如果您需要帮助定义聊天机器人或者为了用户的目标，您可以使用以用户为中心的设计画布。
我们为chatbot指定了以下目标：
Express Chop-Chop的品牌个性
使用代购源码网站本身来演示网页开发技术功能
为用户提供有关Chop-Chop服务的信息
鼓励用户标记代购源码网站。
了解（获取）有关用户的一些信息（姓名，职业，电子邮件，电话）
帮助联系（CUI作为联系表格的替代方案）
鼓励用户注册帐户
*注意：CUI是指von Norman系统的命令用户界面命令行用户交互，这是对应于GUI的语句。
第一部分设计语言交流
创建对话脚本
交互设计师应该能够预测。在这个项目中，我们知道这是我们在没有人工智能支持的情况下构建整体通信系统的唯一方法。我们需要一个使用自适应语法的优秀对话脚本，这也将使对话变得愉快和有意义。
1.对话
使用白板，我们从简单的思维导图开始。牢记聊天机器人的目标，我们取消了所有可能的主题和对话。我们想快速检查最终脚本的复杂性。
写下对话框脚本的早期阶段
然后，我们划分并排列了功能组的部分（我们称之为块）。我们已经开始看到一些模式。其中一些组与目标相关（我们称之为核心），其他组负责使对话不那么正式（聊天），另一组则为用户提供选项或附加信息（附加信息），并且响应也得到回答。最后，您可以将对话框快速推送到其他脚本块。
脚本块的最终列表：
启动脚本块
附加内容脚本块
跳转脚本块
核心内容脚本块
会话表单脚本块
结束脚本块
简单对话时间轴的示例
当然，最终的脚本结构比线性框架要困难得多。基于对话完整性的所有依赖关系和无穷无尽的组合使整个事情变得极其复杂。
2.脚本
这是我们从项目开始以来一直在等待的那一刻。:我们终于可以编写实际的对话框脚本了。这部分非常有趣，但也需要最大限度的关注。将脚本划分为块更容易，因为所有会话都可以单独编写。
好的，–编写CUI脚本所需的唯一工具是笔和纸或文本编辑器。
以下是脚本块的一些示例
启动脚本块：
你好
我是科迪，我期待着和你聊天
你好，Cody
你今天好吗？
一般来说，它太草率了
这很糟糕，不是吗？那将会发生…
附加内容脚本块：
我希望你不介意我使用cookies
这些是什么？
我的早餐！
哈哈，有趣的笑话是什么
Cookie是浏览器存储的有关您的信息
听起来令人毛骨悚然，但是，嗯…好
确定
跳转脚本块：
您好！
你看起来很熟悉，我们以前见过吗？
是的
哈！我的记忆力太棒了！
上次我们谈到Magento的发展时，你想继续我们的主题吗？
我们继续
核心内容脚本块：
介绍你
非常荣幸
你想知道我来自哪里吗？听我的故事？或许我知道该怎么办？
你是哪里人？
好吧，我的想法来自用户体验设计工作室The Rectangles。但波兰设计师Jan Kallwejt穿着我，梳理头发
会话表单脚本块：
你看到左上角的分享了吗？
这些是什么？
如果您喜欢我们的聊天，请将您介绍给您的朋友！我也很高兴与他们交谈
也许在将来
结束脚本块：
我应该去！
按住Cmd + D
哈哈！
你收藏了我吗？
还没有
然后收集它！
好的，我应该去。让我们保持联系
再见，科迪！
3.语法
一个好的脚本可以让你创建一个不同的对话场景。如果对话基于英语，则语法相对简单，因此更容易。但是，在许多语言中，您应该能够通过将一个单词替换为另一个单词来创建多个消息（短语）选项。此外，脚本设计者应该能够指定用户的答案，选项等。
要创建这样的脚本符号，您需要一组符号:括号，括号，括号以及您和您的团队可以阅读和理解的任何内容。这对于将要执行脚本的开发人员来说也非常重要。他们也应该能够理解它。
在某些情况下，聊天机器人可以从特定集合中随机选择一个单词（你好;嗨，嘿），它可以更聪明，并根据用户的时间（早上好;晚上好）显示一些上下文消息。
这是一组符号及其功能：
{}大括号：定义一组选项
|分隔符：集合中的单独选项
（）括号：指定与集合中的条件相关的选项
[]括号：表示用户输入
简单对话时间轴的示例
4.机器人信息
该对话的视觉呈现是该项目最重要的用户体验挑战之一。以下是一些亮点。
带有完整段落的单一陈述
人们不谈论段落。我们用一句话说。当然，有时这些单句会被串联成长话，但在谈话中，人们倾向于轮流发言。此外，我们认为，在回答之前显示长段落的用户需要阅读的文本可以与与快速说话的人交谈。因此，我们决定显示单（短）句而不是段落的组合。
使用文本气泡的透明度标记以前的信息
淡出VS滚动
显示会话流的最常用方法是在旧消息下不断添加新消息并让用户滑动。
作为一个实验选项，旧消息可能会淡出，因此不再需要滚动。我知道这种解决方案的可用性值得怀疑，但从不同的角度来看，——这样的解决方案反映了对话的真实本质。与某人交谈时，您无法始终访问您交换的信息。
使用文本气泡的透明度标记以前的信息
此外，在某个时间点，您可以简单地使用跳转来询问用户是否要返回到之前的任何对话，或者显示永久性的“跳转到”对话框。按钮，单击时，将触发机器人返回任何过去的段落。
5.用户消息（答案）
对于不使用人工智能来解释用户答案的会话用户界面，这是编写脚本最具挑战性的部分。脚本应该让聊天机器人为用户提供逻辑答案（我们称之为对话者）（记住，构成原则和规范性原则），但对话者更自然和开放的对话更有趣。
我们使用两种类型的答案：
答：定义（控制，关闭）
它们相对容易处理
他们需要良好的预测能力
可能不允许用户说出他们想要的内容
示例定义答案
B：未定义（不受控制，开放）
它们更难处理
他们可能需要一些预定义的单词数据库进行分析
用户可以自然沟通
未定义答案的一个例子
也许没有通用的方法来处理开放的答案。我们不能假设人们会遵循通信代码。一些未定义的消息将违反（特别是）规范性规则。当然，有些用户会说（写），因为他们会用人说（写），当然，其他人会通过发送色情短信，诅咒或乱码来挑战你的机器人。
以下是有关如何控制未定义消息的一些提示：
输入可以限制为一组特定的标志（例如，如果您要求输入名称，则只允许使用字母
正则表达式（regexp）可用于某些输入（例如电子邮件）
使用一系列最受欢迎的咒骂词
（我会小心这个，但是）使用一些词典和API来检查你正在寻找的答案是否真的是一个单词
当然，理想的对话应该是不受约束的，但对于没有AI支持的对话UI，一点控制是不可避免的。
还有一件事：
使用定义的问题时，只需稍微改进就可以稍微好一些。不要问这样的问题：
封闭式问题无选择
问这样：
关闭选项问题
这是纯粹的心理学——在第一个示例中，用户可能拥有的无限选择范围实际上是有限的，在第二种情况下，您指定此范围并为用户提供选择。在这两种情况下，结果都是相同的，但在后者中，用户体验更好。
6.感叹，歌词，非词汇对话
当人们说话时，他们是模棱两可的，他们会犯错误，他们会犹豫不决，甚至会失去他们的想法。这个是正常的。我们希望与聊天机器人聊天也很自然。所以我们也用它们。
以下是一些非常流行的非语言对话：是的，好的，哦，哦，啊，嗯，嗯，哦，哦，你知道，哦，
这里有一些流行的会话非词汇声音（口语）：是的，好的，哦，哦，嗯，嗯，嗯，嗯，嗯，你知道，嗯。
会话非词汇用语的案例用法
原始链接：https://medium.com/swlh/conversational-ui-principles-complete-process-of-designing-a-website-chatbot-d0c2a5fee376
本文由@百度UXC出版。未经许可，禁止转载。
该地图来自unsplash，基于CC0协议
