对话界面的现在与未来

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

相关推荐

  • 交互设计 | 做设计你怎能不了解心理学?

    以用户为中心的设计7个原则:(1)应用存储于外部世界和头脑中的知识(2)简化任务的结构(3)注重可视性,消除执行阶段和评估阶段的鸿沟(4)建立正确的匹配关系(5)利用自然和人为限制性因素(6)考虑可能出现的人为差错(7)最后选择,采用标准化今天分享的【主题】什么是无形的设计?【Giver】IHan,自由设计师有形的通常是指硬体的设计,所以像是越来越小的晶片或者你可以做曲面的屏幕之类,那无形的话通常是指它的一些背后的一些科技的发展,或者是...

    2018-05-02
  • 你真的了解交互设计吗?

    回顾2017年,我们发现交互设计受到越来越多学生的青睐,这个新型专业在国内的认知度与外国并不完全同步。为了给更多学生带来交互信息的普及,设想决定带大家预测一下在2018年,信息体验设计会如何发展、还有哪些值得我们关注的趋势。更简单的导航方式导航体验是2017年的热点话题之一。为了设计出顺畅的用户体验,导航扮演的角色至关重要。线性导航Linear Navigation为了简化导航体验,很多app和网站致力于创造线性的导航体验(即分布式),...

    2018-03-19
  • 通过导航加强用户体验的3个原则

    文章介绍了导航设计中的3个原则,将以下原则付诸实践,或许会使用户体验大大Max!

    2017-05-06
  • 蔚来ES8正式上市 | 重新定义汽车用户体验

    就在刚才,首届NIO Day蔚来日在北京五棵松体育馆圆满结束。蔚来ES8也正式上市并开启预订。近万名蔚来好友相聚于此今晚,这些信息你不容错过:蔚来ES8正式上市 公布售价蔚来ES8售价公布ES8基准版补贴前售价44.8万起,限量1万辆创始版补贴前售价54.8万,用户也可以选择电池租用方案,车价比常规购买低10万,每月支付1,280元电池月费,同时可享受电池升级服务。ES8上台亮相源于赛道冠军的极致性能4秒SUV俱乐部最大功率480千瓦(...

    2018-02-02
  • 【交互】浅析交互设计

    点击上方"人人都是产品经理"可以订阅哦由于在工作中会经常探讨交互该怎么做以及如何做出高效的交互,今天就整理下自己的思路,和大家一起探讨下交互其实分为两种:一种是酷炫的动效,一种是隐形的操作反…

    2017-08-04
  • 成也排版败也排版:一个选择的过程

    作为设计师有一个重要的技能:如何选择文字。这是因为文字是设计师和客户沟通的主要方式之一。那么排版就是决定你设计好坏的重要因素。GoldenRatio (1:1.618)
    1.000x 1.618 = 1.618
    1.618x 1.618 = 2.618
    2.618x 1.618 = 4.236
    4.236x 1.618 = 6.854
    6.854x 1.618 = 11.089GoldenRatio (1:1.618)

    11.089x 1.618 = 17.942
    17.942x 1.618 = 29.03
    29.030x 1.618 = 46.971
    46.971x 1.618 = 75.999
    75.999x 1.618 = 122.966MinorSecond 15:16
    MajorSecond 8:9
    MinorThird 5:6
    Major Third 4:5
    …PerfectFourth (3:4)

    9.969x 1.333 = 13.288
    13.288x 1.333 = 17.713
    17.713x 1.333 = 23.612
    23.612x 1.333 = 31.475
    31.475x 1.333 = 41.956
    41.956x 1.333 = 55.927FontSizes
    Header1: 55px
    Header2: 42px
    Header3: 31px
    Header4: 24px
    Header5: 14px
    Body:17px
    Caption:14px

    2017-05-01
  • 饿了么 UED 又搞事情啦!

    近日,据保洁阿姨匿名举报,在上海饿了么总部的榴莲酥会议室内,有人在工作时间聚众搞事情……据说场面隆重,气氛活跃,不堪入目。本台记者 @孟小雨 迅速赶往了现场。-----据调查,这次始作俑者是作为宇宙霹雳无敌超级吃货公司饿了么中最有逼格+设计感的团队—— UED 部门。在这个辞旧迎新、恭喜发财、还不放假的时刻,该部门秘密召开了第一届 UED 年度颁奖典礼!记者被大会的美食吸引,潜入该组织内部,随即被惊呆了。说到颁奖会,你以为是这样的?领导...

    2018-02-25
  • AxureUX电商平台WEB端交互原型模板正式发布

    01作品信息作品名称:AxureUX电商平台WEB端交互原型模板作品类型:模板类发布日期:2018-02-25最新版本:v1.0主要适用:Web端软件版本:Axure 8.0文件大小:13MB作品编号:TEM006作品售价:¥169.00详细介绍及演示:http://www.axureux.com/home/templateswebec.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品...

    2018-03-04
  • 别让措辞毁了你的设计成果

    本文总结到:措辞在用户体验设计中很重要。注意使用简洁、明了、有力的词语来表达信息。它会彻底改变产品体验和心态。你:“对不起老师,我能去厕所吗?”

    老师:“我不知道……能不能,你说呢?”好友:“嘿,[你的名字]!试试搬起这把椅子。”译者注:这个问题在汉语中应该不存在。原文中的Just一词,如今最常用来表达“刚好”、“恰好”、“差一点”的含义。“你差点就拿下第一名了,继续努力!”“你与第一名已经很接近了,下次反应速度得再快一些。”

    2017-05-07
  • 用通俗的方式告诉你什么是交互设计。

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-04-03