混合型界面:对话式UI会走向何方?

2016年是对话式设计之年。消息应用正以惊人的好评度和参与率,占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品,为了提高好评度、参与率和销量,都已经或即将加入消息功能。


2016年是对话式设计之年。消息应用正以惊人的好评度和参与率,占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品,为了提高好评度、参与率和销量,都已经或即将加入消息功能。

混合型界面:对话式UI会走向何方?

有大量关于对话式UI的讨论,还有这种人机对话模式如何通过简单的指令和文字反馈(偶尔配合照片),将消息或语音交互融合在一起。虽然我很喜欢文字和照片,但它尚有非常广阔的探索前景,可以在对话式界面中加入丰富的图形界面元素。
这点有些讽刺,因为1986、1996、2006年也是对话式设计之年。想知道对话式UI会走向何方,我们就应该回到这些历史时期。

命令行,又称作原始对话式界面

似乎我们都见过这些界面。命令行正是最初的对话式界面。输入上下文指令,敲回车,电脑就会执行命令,并且打印出答案。输入和输出都是文字。有时候通过非常原始的方式,你能看到各种符号组成的表格或ASCII码图片。这是文字媒介的一种极具创造力的用法,但它本质上还是文本。

混合型界面:对话式UI会走向何方?

Linux命令行

仔细想想,这是不是很像一场互动对话,人告诉电脑做什么,电脑执行,然后回来汇报结果,或者提出新的问题,得到回复后才能继续任务。

命令行最大的缺陷在于,你必须准确知道应该输入什么,或者让电脑给你提供选项。要记住所有这些命令,对多数人而言要求太高,这时的电脑还不够平易近人。

即使早在那个年代,消息应用就已经存在了,因为人们不仅仅想要与机器对话,也想和人类对话。交互被局限于文字媒介。

图形化用户界面

施乐公司帕洛阿尔托研究中心,一家复印机公司下属部门的天才们,创立了一系列用户界面范式,彻底改变了游戏规则。让不懂命令行、也不愿花数小时学习的用户,能够直接用东西(鼠标指针)指着屏幕上熟悉的视觉形象。

混合型界面:对话式UI会走向何方?

Xerox Star用户界面

这些物体代表了人们在现实世界中熟悉的事物——文件夹、按钮、垃圾桶。除了这些熟悉的视觉隐喻,他们还加入了新的概念,例如窗口、对话框、桌面等等。这些物体让用户能与电脑交谈,电脑也能以图形化而非文字的方式与用户交流,只需要指向并点击他们需要的操作。

采用对话式UI的消息应用

文字主要用于输入网址、撰写文档和邮件,已经不作为人机交互的主要方式了。但它仍然是人与人通过电脑交流的主要方式,聊天室和前赴后继的消息应用都是如此。

聊天室就是最原始的Slack。显然,它更粗糙、更欠产品化。但聊天室引入的许多概念在今天再度盛行。聊天室已经支持了聊天机器人、多人测验、投票和其他类型的对话式应用,各频道可以依需要启用。

混合型界面:对话式UI会走向何方?

Trivia聊天室机器人

即时通讯应用在视觉上更自然,随时间推移也开始支持更丰富的媒体格式,例如表情、照片、视频和小程序,例如游戏或测验。第一批这类应用包括ICQ、AIM、MSN和Yahoo! messenger,在90年代末极度盛行。

混合型界面:对话式UI会走向何方?

MSN messenger里的井字游戏

随着移动通信的到来,还有运算设备屏幕的局限,需要对桌面端的富图形界面进行重新思考。早期的移动设备只有几行简单的黑白文本界面。

短信服务(SMS)是1994年少数几个出现在移动设备上的服务之一。短信只支持文字,并且不能超过160个字符(译者注:这是在作者的国度)。从一开始,它就既支持人与人互发短信,也支持人与电脑发送消息。短信具备一些聊天室和桌面即时通讯应用不具备的特征。它能持续运转,可以在任何时候接收到通知。也出现了基础的对话式服务,例如通过短信指令查询余额。文字游戏、星座运势、还有其他娱乐类内容,把短信的运用推向了一个新的方向。而相对严肃的应用,例如天气和股票行情,则又是另一个方向。这些应用通常都由服务商或者关系紧密的企业提供。不像聊天室或即时聊天应用,短信自己集成了支付系统,使得它能在这个平台上构建出真正的业务。最后,许多像Nexmo这样的上层服务商(OTT),让每个开发者都能运用短信来搭建全球平台。平台限制和入口,使得短信成为移动端对话式界面、聊天机器人、智能助手绝佳的试验田。由于只能使用文字,基于短信的应用与命令行的体验差不多。

混合型界面:对话式UI会走向何方?

Assist的短信聊天机器人界面

随着智能手机的崛起,我们看到越来越多的上层服务(OTT)应用开始蚕食短信的核心价值。通信应用在移动使用中占了最大比重,因为用户暴露在大量消息通知中。由于这些消息应用通过IP通信,绕过了运营商的信号网络,对内容的类型基本没有任何限制,消息中什么都可以发。可以看到,这些应用已经扩展了消息类型,包含照片、音频消息、视频、表情、动图等富媒体。微信和Line这些来自亚洲的即时通讯软件,还将这些富媒体消息扩展为迷你应用。Facebook Messenger对这个概念进行了移植。每个消息都是一个自我包含的应用,可以产生文字或富媒体界面。

上层消息应用正在逐步开放API来整合各种服务,非常像短信的演化路径。TelegramSlackkik都有成百上千的聊天机器人。

混合型界面:对话式UI会走向何方?

Slack中的KhaledBot

尽管如此,限于应用所处的环境,其中多数机器人还是基于文字,还不支持迷你应用。仍然近乎于命令行,只是额外加入一些富媒体内容。

不像短信是整合到系统中的应用,所有基于短信的产品都依存于此,但许多产品都有应用内消息。各种消息应用、社区、应用市场、点播服务、约会应用、游戏和企业工具,都包含某种依照环境和用户专门定制的即时消息。一般来说,相对于OTT消息应用,这些应用都有简化版的消息功能,毕竟这些都不是业务的核心。但一切变化很快,我们在Layer打造的服务,能让消息功能被植入到越来越多的应用中。不只是把通常专属于消息应用的功能带给每个产品,最重要的是探索了新的可能性。

每条消息都是独立应用

下面是一些混合界面的案例,很好地将命令行与图形界面范式结合起来。2016年起,我们会看到更多此类案例,因为这种结合吸取了两者的优点:文字——对话式界面的快速输入,还有图形界面丰富直观的体验。

混合型界面:对话式UI会走向何方?

每条信息都是独立应用

每条消息都有成为一个独立应用的潜质。它可以显示文字、照片,或者在消息气泡的局限中展现更复杂的信息。有无限的可能,可以创造各种迷你应用,比如照片轮播、媒体播放器、迷你游戏、清单项、消息内支付等等。

混合型界面:对话式UI会走向何方?

富文本消息例子——音乐、照片、移动商店、迷你游戏、测验、快递、酒店预订

开发者们可以更多关注体验,不用局限于基础设施。将迷你应用作为消息的一部分,会成为一种行业标准。我们在对话式设计领域中已经能看到这种趋势,Operator这样的公司正在引领行业前行,设计出丰富的体验供用户直接操作,而不仅仅是回复文字。这是他们与传统消息应用的一大区别。

混合型界面:对话式UI会走向何方?

Operator中的可操作消息卡片

聊天机器人(自然语言处理、人工智能和其他许多美好事物)

你或许已经注意到了,以上案例中的某些消息,其实不必由人类来撰写和发送。事实上,随着消息变为迷你应用,加入聊天机器人就变得更有意义。这尤其方便了管理工作流的业务和应用。发出消息就是输入请求,回复的消息不仅仅是答案,还提供了一个完整的应用来处理请求。

例如,向一个对话式应用提问“知道Onitsuka Tigers吗?”会得到文字或图片的商品列表,还可能返回带有轮播滚动的信息卡片,每条结果都带有购买按钮,可以直接触发支付流程。让人类来制作富媒体卡片极其耗时,但对于理解上下文问题的机器人而言,这是小事一桩。只有混合了对话式界面和富媒体图形界面,聊天机器人才能发挥它的潜能。

语音信息

苹果的Siri和亚马逊的Alexa/Echo做出了表率,语音可以成为对话式人机交互中一种强大的输入/输出手段。结合富媒体图形化反馈,它还可以更强大。带有语音输入和视觉输出的智能手表,是这个领域的一种探索。我很确信将来会出现更多类似形式。

原文地址

原文作者:Tomaž Štolfa

#专栏作家#

可乐橙,微信公众号:可乐橙(colachangreen)。人人都是产品经理专栏作家,UI/UX设计师,关注互联网,关注科技。现居杭州,与小伙伴们正在创业途中。或许不是一名优秀的设计师,至少是个快乐的设计师。

本文翻译发布于人人都是产品经理,未经许可,不得转载。

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

(0)
CatherineCatherine
上一篇 2017-05-11 01:16
下一篇 2017-05-11 03:14

相关推荐

  • 感恩之家与河马教育签订人才需求战略合作协议

    2018年2月24日,河南感恩之家实业有限公司(以下简称感恩之家)与河南河马教育科技有限公司(以下简称河马教育)签订人才需求战略合作协议。感恩之家人力资源经理朱昌林与河马教育创始人陈滨感恩之家惠民工程是实体企业+互联网+实体店铺+分享经济的大惠民工程。在即将上线的电商平台部分,我们精心筛选了上百款来自全国各地的特色产品。在展示产品安全、原产、优质的同时,我们充分挖掘地域风土人情、历史人文,围绕产品特色讲述一个个中国物产的故事。这些都需要...

    2018-03-03
  • 艾璐斯刘光有:用户体验为先 九字方针瞄准盈利点

    2018年3月2日下午,由慧聪网主办、慧聪汽车用品网承办、广东哈弗石油能源股份有限公司总冠名的哈弗润滑油杯’2017年度汽车用品行业品牌盛会颁奖盛典在北京钓鱼台国宾馆芳华苑隆重举行,来自汽车后市场商(协)会领导、获奖企业代表、渠道商、终端门店精英、主流媒体记者等嘉宾共聚一堂,聚焦汽车用品行业热点话题,全面解读行业最新发展趋势,推动汽车后市场快速有序发展!香港艾璐斯实业有限公司总经理刘光有行业盛典现场嘉宾共聚一堂在本次盛会上,香港艾璐斯实...

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

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

    2017-05-06
  • 用户体验地图为什么这么好使?来看蚂蚁金服的实战案例就知道了

    用户体验地图(experience map)作为一种常见工具能够让工作更加顺畅,用户体验地图就起到了一个很好的团队协作作用,产品、设计、开发都能够通熟易懂,便于梳理清楚产品的架构和使用流程。作者|蚂蚁金服UED源自|设计夹但是体验地图到底能解决什么问题,该怎么用呢?很多同学也许并不太了解。这次分享主要是将我们在各类渠道了解到的关于用户体验地图的各类说法做了一个总结,并结合了我们在工作中的实际运用,给有兴趣了解该方法的同学提供一点我们的见...

    2018-03-09
  • 【案例解析】设计思维方法赋能设计落地

    作者:百度UE大讲堂   一、什么是设计思维呢? 顾名思义,设计思维就是设计师用来思考问题和解决问题的方法。如何培养设计思维?今天这篇用两个实战案例帮你一窥设计思维的奥妙。 我们先来看一个小测试:以下的方案…

    交互专题 2017-08-07
  • 由UI/UX设计师向产品设计师演变

    为了创造出伟大的产品,UI/UX设计师应该期待并成为能够生成和处理更多额外信息以获得最佳设计成果的产品设计师。

    2017-05-09
  • 巧用9大服装穿搭技巧,助你轻松搞定专题页设计!

    到目前为止,我已经写了好几十篇关于Banner设计的文章了,目前应该还没有人把Banner设计讲出这么多门道出来吧(脸红ing……哈哈)。但是,我今天想升级一下,不讲Banner设计了,而是给大家讲一下Banner设计的进阶版——专题页设计(做好专题页的前提就是做好Banner设计,这也为什么我会在前面那么大篇幅讲Banner设计的原因咯)。

    2017-05-17
  • Design is not about the pixels — or why the lean approach rocks

    For a while now, I focused on building partnerships with my freelance clients. A couple of pages taken out of lean UX book helped a lot. While talking with potential clients, especially coming from D…

    2015-06-02
  • 和用户谈一场甜蜜的恋爱:让产品吸引用户的3个方法

    今天我拿了一些美好设计的案例,跟大家分享,如何通过美学、诱惑和游戏等等手段来取悦用户,和用户谈一场甜蜜的恋爱。人们普遍倾向把认知放在情绪对立面。情绪被认为是热情、动物性和非理性的,而认知则是理性的。这真是无稽之谈! 情绪乃是认知不可分割的必要组成部分。 我们所做所想的每一件事都受到情绪的影响,尽管在很多情况下是潜意识的。与此同时,我们的情绪会改变我们的思考方式,也会一直指引我们做出恰当的言谈举止,引导我们趋利避害。深泽直人设计的这款CD播放机,外型与”换气扇”非常相像,只要将CD放进去,拉一下垂下来的绳子,就可以开始播放CD。这个过程就好像打开换气扇一样。即使明明知道这是台CD播放机,但因为脑海里总是想着换气扇的形象。当我们凝视这台CD播放机时,身体就会产生相应的反应。特别是脸颊附近的皮肤,感觉似乎格外细腻和敏锐,简直就像等待吹过的风一样等待着播放出来的音乐。

    2017-05-12
  • 交互新人:如何做用户体验设计

    嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。 在学校的时候,看了很多书,学了很多理论,一直都希望能够应用起来,来公司发现很…