对话界面的现在与未来

计算机与人类并不使用同一种语言。所以为了之间的交互成为可能,我们依赖于图形化的用户界面(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

相关推荐

  • iPhone十年,移动用户体验领域已经到达成熟阶段

    译者:Daisy全文共 3904 字 7 图,阅读需要 8 分钟———— / BEGIN / ————最开始的iPhone于2007年6月发布。2008年末,当我们开始研究第一版移动报告时,大多数人还是在使用有着最极其糟糕的用户体验的原始移动设备。在那个时候,相较于体验糟糕的移动设备和移动网站,任何稍微像样的产品都会带给用户愉悦的体验。三年前,移动报告第三版出来时,我们对移动端可用性做了严密的评估。我们很高兴移动端可用性报告不再是一种矛...

    2018-04-11
  • 交互设计要点&配色趋势

    色彩在任何一种设计中都起着很重要的作用,相差不多的色彩却能渲染出截然不同的情感效果。因此,好好利用色彩与生俱来的魅力,就能让你的网页设计更特别。 1Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,…

    2015-12-08
  • SKETCH Hong Kong 2016 作品展

    SKETCH Hong Kong将于2016年7月1至10日在太古广场2层(Kelly & Walsh书店附近)、及7月15至30日在3812画廊(香港西营盘皇后大道西118号地下)举办SKETCH Hong Kong 2016作品展,展览由Miele全力支持,展出超过50件出自本地业余速写画家手笔速写作品。李唯芳  湾仔4色  钢笔铅笔水彩纸本参加者运用多样的绘画工具,从多角度描绘了香港著名的历史性地标,记录了香港独特的文化生活方式。...

    2018-04-16
  • 【STARCAST】用Sketch表现不了的"孝敏"清纯日常画报

    ——还没关注?点击上方蓝字——大家好。STARCAST的家族们!!!!!!我们孝敏终于携Sketch回归了,这是她的第4次STARCAST!如果觉得我们孝敏已经展示了她的全部,那你就错了!她还有很多都没有展示给大家哦!今天就为大家送上,脸也没法用Sketch来表现,身材也没法用Sketch来表现的孝敏隐藏的一面,就像日常生活一样的画报,就像画报一样的日常生活照!这个秘密只告诉STARCAST 家族的大家哦,不是秘密>.大家已经开始紧张了...

    2018-03-02
  • 泡泡UI英语:交互设计精髓1

    最近在读《About Face 4:交互设计精髓》,他全面系统地讲述了交互设计过程、原理和方法,涵盖内容广,刨析知识深,被奉为交互设计指南。也正因为如此,大量的专业词汇给阅读造成了不小的难度,推荐大家双语共读,…

    2017-08-01
  • 金蝶首席用户体验官对“用户体验”的思考

    “也曾经有人要我用一句话来描述清楚什么是用户体验,我说,不好意思,我一句话描述不出来,你给我半个小时。”金蝶公司首席用户体验官钟承东这样回答。产品人,你是否也曾这样认真地思考过:用户体验究竟是什么?你又需要要花掉多少时间多少语言,来组织出一个满意明确的答案?我们渴望的用户体验是什么样子?相信每个人都憧憬这样的用户体验,使用精心设计的产品,有如诗如画的视感,有如沐春风的触感,有余音绕梁的听感,甚至会精细到照顾用户的嗅觉和味觉,接触和使用产...

    2018-04-04
  • AxureUX信息化精美简历模板完整版正式发布

    01作品信息作品名称:AxureUX信息化精美简历模板完整版作品类型:模板类发布日期:2018-03-12最新版本:v1.0主要适用:其它软件版本:Axure 8.0文件大小:5.6MB作品编号:OTH002作品售价:¥69.00详细介绍及演示:http://www.axureux.com/home/ResumeTemplatePro.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品是...

    2018-03-12
  • 数据可视化:如何为数据寻找适合的配色

    虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。

    2017-05-31
  • 嘿,快点!这些小程序岗位正在被疯抢...

    招聘旺季,很多人都在考虑是不是要换(炒)个(老)新(板)环(鱿)境(鱼)。听说小程序很火,但小程序公司实在太多太杂,万一遇到“小程序教母”可肿么办!我们花了整整两天时间,综合参考企业规模、融资情况及阿拉丁排名指数优选整理出来第一期12家优秀小程序企业招聘岗位,希望能够帮助优秀的人才快速找到优秀的企业。何必东奔西走,这里可能就有!美团点评北京三快科技有限公司美团点评公司是全球领先的一站式生活服务平台,为超过6亿消费者和和超过450万的优质...

    2018-03-12
  • 交互设计第一步 了解完整的知识体系架构

    交互设计师犹如一名“翻译官”,主要的使命就是让人与产品之间更容易沟通、更具有人性化,让用户的操作更加有效,这也是交互设计师的价值之所在。今天推荐的这门课程,带你全面了解交互设计的知识体系架构和工作流程,了解交互设计师应具备的能力、应掌握的工具、如何完成进阶,并掌握让你更加专业、更具逻辑性的设计思维与交互设计面试技巧。点击“阅读原文”,开启你的学习之旅~丨我将从这门课中学到什么?了解形成完整的知识体系架构的重要性了解交互体系架构包括哪些部...

    2018-03-12