对话界面的现在与未来

计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面

原文作者:Cosima Mielke

译文:shu℃

原文链接:Conversational Interfaces: Where Are We Today? Where Are We Heading?

推荐图书:《交互设计那些事儿》

计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(GUIs)。但是GUIs同样有着天然的屏障:人们必须去学习如何使用他们。他们不得不去学习一个汉堡icon隐藏着一个菜单,这是一个button触发一个操作。但是随着技术的发展,语言识别和处理效率的提高改善,我们当前的交互方式正在变得更直观,简单而又高效-通过对话界面。

存在于消息应用中的虚拟助手,帮助我们安排旅行,网上购物下单,处理和银行的手续等,这些都可以通过对话的形式完成。今天,更多的应用正在通过友善的交流,与用户培养更融洽的关系。在这篇文章中,我们将着眼于当前的对话界面,它们带来的挑战,以及未来的方向。

自然条件下的对话界面

对话界面仍然是一个低频场景。但是慢慢地,越来越多的应用程序留下了一个值得信赖的GUIs支持与用户的交谈。这些对话中有很大一部分被人工智能(AI)驱动-想想臭名昭著的Slackbot-有人在屏幕后驱动的对话,而非真实的智能。

KLM

荷兰航空通过使用Facebook Messenger插件提供的新服务,通过发送消息的方式,给用户推送航班文档。

用户可以接收提醒他们登机时间的信息,同样的也能过提供给用户登机牌号,以及飞行状态-所有的对话都在一个友好而又熟悉的氛围中进行,就像是来自朋友一样。如果用户有任何的问题或是请求-例如:改变座位-同样可以通过给KLM发送信息申请。

1468977899-8743-D49z8P66AicSFicvm7rvjDVibD4g

KLM给用户发送航班信息

而这样的便捷的功能,都建立在一个简单的Facebook Messenger插件上,平滑的嵌入到预定流程和触发连接到Messenger中。当某位用户预订了机票活着在KLM.com上查看自己的行程。如果用户在最近的90天里也登录了Facebook或Messenger,这个插件就会被提示出来。这个插件是被默认启用的,如果用户不希望接收任何信息或更新它们的飞行行程,也可以主动地去禁用它,这是一个有趣的功能。

如果你想自己去修改Messenger平台,可以查看Facebook关于如何使用提供的工具来搭建自己的机器人的guide。

PANA

虚拟旅行社Pana,使用一个有真人在屏幕后交流的UI。沟通处理都是通过聊天完成的。流程开始时,一个用户与一位了解他旅游偏好的Pana员工连接,每当用户需要预订机票,找酒店,或是租车的时候,他们就发送消息给Pana,Pana会帮助用户并提供选项,协调用户与预订任务。

1468977897-8037-b1t0j31nfHt9C0hVNSj91ohussGA

左边显示的是所有旅游计划,右边显示的是会话窗口的一个旅店推荐

助理同时还会负责检查,提供所有必需的文件,通知延误或安排航班被取消预订的变化情况。用户打开Pana后,承诺在60s之内一定会有人应答,这是一个将人工服务和最新技术结合的点,付费状况会是19美元每月,或199美元每年。

OPERATOR

Chris Messina,Uber的资深研发leader,声称2016年会是商务会话的一年。服务之一,就是改变我们在线购物的方式,寻求转化为完成的对话界面:Operator。使用它就像输入信息一简单,安装Operator(本质上,是一款messaging app),然后发送一条内容,说出你在寻找一些什么商品(根据你给给定的条件,一个公文包,演唱会门票,亦或是其它任何东西),然后Operator会连接你和一位专家,他能够给你推荐最适合的商品。如果你喜欢他们的建议,你可以完成购买和支付,而无需离开聊天。因为身后是全球化的商业网络,所以从日常生活的必需品到海外商品,Operator都可以提供。这项服务现在是免费而且可用的(尽管仅限于美国)

1468977900-6715-GrIOn2c806SjzJqH103jHw7pU2rw

和一位私人助手一起购物:这就是未来的电商吗?

打造对话体验

Your content is your style now.

-Matty Mariansky

尽管对话模式看起来很简单,对话界面仍需要设计者和开发者去寻求正确的实践方式,并采用全新的心态。在GUIs上我们使用熟悉的设计模式,就不会成为对话驱动的界面。就像视觉设计在文字前要降低重要级,你所表达的方式和内容会变得比以往更为重要。Matty Mariansky,机器人助手Meekan的缔造者,甚至认为内容和样式之间的间隔,会在对话界面中完全消失,内容即界面。“当你和一个机器人交谈的时候,你面对的就是一个void。”Matty说,“机器人的工作就是去抓住每一个机会来建议下一步给出什么建议并且高亮那些不太相关的功能。”所有,如何开始对话?Matty分享了他在打造Meekan过程中学到的经验。

一个主要的结论是:尽可能的简洁,并给用户提供选择。避免开放式的问题,而不是建议你还在寻找的答案。如果你需要去知道用户T-shirt大小,那么就问“你的T-shirt尺寸是多少?我们有中号,大号,特大号。”还有,不要在一句话中提供大量的信息,也不要出现混合选项。只有当你知道了问题的答案,再去询问下一个问题。确认你能够理解正确的答案,并重复一遍。并且让用户一直能够了解正在发生什么。所以为了避免混乱,在没有清楚沟通的情况下,不要切换任务或者是话题。“这里还没有什么准则,我们必须去完善。”Matty Mariansky总结了一下自己的谈话。

因为文字是关键,那设计师们应该从哪融入过程中去呢?是否只有大公司才能管理好对话界面?Adrian Zumbrunnen决定去作出尝试,通过让他的网站能够对话。他有一篇全面的文章分享自己的经验。

让对话更加自然是他实验的主要方面之一。仅有对话功能是远远不够的。他们还必须从社交的方面来看。孤立和重复的消息,这一点都不像人类。在真实的对话中,你可能会在一个简短的天气话题之后,转移到一个新的话题中去。你可能不会想要回到天气的话题。Adrian’s的网站在一些细节上处理的很棒,让人愉悦而且惊喜。语气友好而又熟悉,再次光顾的用户会受到欢迎,他们上一次留下的话题,这一次会被在此谈起,另一个干净的细节是:从Medium和Twitter来的用户会被询问是否从事UX工作。如果是的话,话题就会被转移到UX上来。

1468977908-8711-icV3YkiaX4UaibmdqowK8AJWCiaQ

令人愉悦的细节看起来更佳真实

在对话界面中,对话本身就很重要,只有文字是不够的。就像Adrian Zumbrunnen指出的:“没有动画,这里就没有交流。”Adiran添加了许多的动效到界面中去,为了能够吸引用户的注意力并强化一种互动的感觉。这里的时间变得之冠重要,延迟响应是增加的一个人类维度-这就像在和朋友聊天时你期待他正在输入的内容一样。尽管Adrian采用预设回复和非自然语言处理。(限制用户决策从两个button之中选择一个来决定谈话内容的走向),考虑周详的动画运用,会让用户感受到他们正在积极的参与谈话。这是一个清晰又有趣的话题,证明了对话界面在当前的 web design 中已经有了一席之地。

内容理解和chatbot引擎

在设计对话界面中最大的瓶颈,仍然是自然语言处理。人类不会说或写下完美的语句,没有任何的拼写错误。人们会使用俚语和方言来表达他们想要的东西-这就会让计算机难以判断。所以有一些服务仍然依赖于昂贵的员工在对话界面背后服务,这并不奇怪,但是技术发展十分迅速,自然语言处理同样如此。

Facebook的Deep Text,基于文本理解的学习引擎,声称每秒能够理解Facebook的上千份帖子-近似人类的准确性,并且识别超过20种语言。这个引擎已经在Facobook Messenger上进行目的检测了。当有人打字,“我需要打车”或者“我们在这打车吧”,Messenger就会给你叫来一辆出租车,当有人写到,“我想200美元卖掉我的旧自行车”,它就会提示用户使用Facebook现有的交易工具,Facebook的人工智能研究小组正在致力于研究,进一步发展引擎,通过对单词和单句层面的学习,进行模型训练。在未来,文本理解引擎可能会识别出用户的意图,情绪和一些实物,例如人,地点,人类表达的事件等。

现在你可以使用开源的解决方案来创建类似人类的对话机器人在SuperScript。SuperScript是一个脚本语法,为生成对话框和对话流而设计的机器人引擎。这意味它可以作为助理回复对话框的内容,或接着一段停滞的聊天进行下去。并且支持多个用户,它甚至可以同时处理多个对话。这个脚本基于Node.js并且是完全异步的。同时还可以扩展集成第三方服务的核心功能。为了更深入的了解SuperScript如何处理语言和规范回答,可以看看Rob Ellis的这篇文章-wrote about creating the chat bot ,令人印象深刻。

另一个免费的建立文本或语音机器人就是Wit。给出示例教导Wit用户会在交谈中说哪些,它就能学到应对这种输入。基于Wit建立的应用同样需要开源。Api.ai也提供对话UX平台,Microsoft和Google也有API去建立。然而,他们不是免费的。

1468977904-3033-rR5ibAnIibMMIibB9OyR238BiagA

Wit在一个训练模型,学会如何对用户的要求作出反馈

对话界面当前还处在一个幼年期,这里仍然有很多障碍需要去跨越,我们需要去探索做什么,不做什么。然而这不会是一条平坦的路。是时候改变了,一次观念的更改,现在就去尝试吧。


1468977952-2433-fWQv0giaRwAsN9xvhz57OzsRLhAQ

 

1468977952-2864-bJ7ofaGbUS5ibwPJsXSjlicgiaug

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/16564/

(0)
iouedioued
上一篇 2016-07-19 10:37
下一篇 2016-07-20 10:17

相关推荐

  • FAB实践分析:设计中的悬浮按钮

    如果要在应用程序中使用FAB,则必须仔细考虑应用程序的设计,并将用户的可能操作归结为一个最突出的功能。正确使用FAB,最终会给用户带来惊人的帮助。为了促进操作,不要一味使用FAB!用户必须记住它的含义。FAB可以改善屏幕之间的转换

    2017-05-01
  • 关于用户体验

    产品不被喜欢的原因是漏了什么?答案是用户体验。如果你是一个产品经理,是否有深刻思考过这个问题呢?有人会说思考过,但似乎没什么用,产品还是不被喜欢。那是用户体验不重要,还是我们思考的不够呢?答案是后者。首先我们提出本篇要解决的核心问题:如何让产品被喜欢?(说明一下,这个产品可以是某种实物性的产品,也可以是一种服务性的产品。)这个问题提出后,很多人的脑海中会蹦出质量好、外观精致、用的舒服、服务周到等,但想到这些的人,一定还会有一个感受,就是...

    2018-04-09
  • 看Google设计师设计的细腻动效

    好的动效设计,从来不以炫酷作为目的。

    2017-05-15
  • 搞定长滚动网页设计的四个技巧

    长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,它们的流行并不是巧合。当用户向下滚动的时候页面的时候,所需要的内容与信息会自然的呈现出来,在此过程中通常不会涉及到额外的、多余的交互。

    2017-05-09
  • web表格设计攻略

    在后台管理系统、数据类产品等的设计中,表格作为一种常见的信息组织整理手段,甚至是web页面的基础设施之一,其重要性不言自明。结合最近做的几个项目和相关设计经验总结,特此整理出这样一篇设计攻略,希望能够对你的设计有所帮助。

    2017-04-28
  • 提问解答:如何优雅的设计APP页面

    页面框架设计只是整个产品设计中的一环,不要把眼界局限在这一环,也不要只站需求、只站在交互、只站在视觉上思考问题,从多个角度看问题,你才会学会成长。

    2017-06-08
  • 在Sketch中做游戏?盘点那些你不知道的奇葩Sketch插件

    静电说:我想你一定是看了这个标题进来的,对,今天静电就要来给大家介绍几款看起来很奇葩的Sketch插件,甚至有些插件可以直接生成游戏!诶哟厉害了我的哥哥!来看看吧。Latex Sketch PluginLatex这款插件可以生成像下边的带有上标的公式,也许这个适合数学老师来用。当然如果各位小伙伴有做这方面设计的话,也许可以给你不少惊喜。嗯,这个插件已经被爱因斯坦点赞。下载地址:http://www.sketchchina.com/rea...

    2018-03-02
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 产品能力(一)——用户体验要素

    上周开始学习梁宁老师的产品思维三十讲,颇有收获。由于内容很多,分几期总结,与大家一同分享。首先说说我选择学习这门课程的理由,产品能力是一个人的底层能力,之所以这么定义,是因为它具有判断信息,抓住要点,整合有限的资源,把自己的价值打包成一个产品向世界交付,并且获得回报的闭环能力圈。下面我正式开篇,结合我自己的工作经验,总结课程中所学到的知识点。一、产品和好的产品人生无处无产品,工作中提交的邮件和报表,生活中给亲人提供的暖心话语和烹饪的佳肴...

    2018-02-12
  • Axure软件实现登录界面交互小教程

    先上效果图先首先在Axure里面布局好登录页面以及登录成功的页面(也就是红色的那个页面),在布局的过程中请输入账号以及请输入密码两个元件选择使用文本框元件。并编组好整个登录成功页。在布局好界面之后选中请输入账号的元件进行命,请输入密码的文本框也是一样的需要进行命名如图,将登陆成功页面进行编组命名,并且进行隐藏。然后选中账号输入框进行用例设置,选择获取焦点用例进行设置,选择用例动作中的设置文本如图步骤所示进行设置。同样的针对密码输入框进行...

    2018-04-07