混合型界面:对话式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

相关推荐

  • 动起来才好玩——创意交互设计景观

    设计是靠亮点征服人,吸引眼球,大部分方案构思雷同,建成后风格水平都差不多,如何让场地更加吸引人而脱颖而出,这就需要在新、奇上下功夫。电子梦幻天幕世贸天阶最著名的“全北京向上看”的“超豪华LED天幕”,这座天幕将为整条商业街带来富于梦幻色彩和时尚品位的声光组合,成为一座吸引人潮的世界级奇观。建成之后,人们在这里可以欣赏缤纷悦目的日夜景观,感受现代科技带来的富于梦幻色彩和时尚品位的声光艺术。而且游客可以把想说的话发送短信到平台号码,天幕上就...

    2018-02-03
  • 与潘通CEO对话:合理的色彩运用,才能设计吸引人的产品包装

    年度流行色从何而来?潘通如何决定每年的流行色?你知道小黄人的颜色是潘通挑选的吗?以上问题在这篇对话中一一为你揭秘。“基于 Pantone 公司的核心业务,色卡销售,色彩咨询,以及色彩授权,中国目前是 Pantone 继美国后的全球第二大市场。按照中国的国际化趋势,不久后就有可能超越美国成为 Pantone 在全球的第一大市场。尤其,中国市场目前愈发突显了对设计的追求和重视。”Color defines our world. ——  Laurie Pressman  Vice-President of the Pantone Color Institute“For me it has always been such a calm color. Grey is like your favorite T- Shirt.” —— Jason Wu

    2017-05-11
  • 全面掌握算法交互设计,你的设计你做主

    在OF COURSE学习最纯粹的创意编程Processing生成艺术进阶课程全面掌握算法交互设计12周成为顶尖设计师👇△课程介绍《Processing&OF算法交互线上课程》你将要学习的第一部分:培养算法创造能力,学习运用高级算法模拟真实环境中的自然变化。第二部分:理解并掌握算法交互的原理。第三部分:培养软硬件结合能力,学习使用手部识别设备Leap motion、体感识别摄像头Kinect和算法的交互。第四部分:运用openCV计算机图...

    2018-04-08
  • 作为体验或界面设计师,你可知什么时候、什么地方用动效来提升可用性?

    本文将表述我对这个问题的回答——“作为体验或界面设计师,如何得知什么时候、什么地方用动效来提升可用性?”Z Yuhan:这篇文章真的超级难翻译啊,原文的描绘非常细腻隐晦,大部分句子根本没法直译,只能理解后用中文的表达方式重新造句,幸好我的翻译水平也有进步啦~大家要是发现有什么问题,不论是翻译还是错字,欢迎评论我指正 : )

    2017-08-04
  • 新版微博APP|微博设计团队是如何对于微博IM界面进行优化设计?

    微博是一款典型的信息流产品,早期微博IM复用了信息流的一些设计,并且已经很久没做大的更新迭代,导致现有的设计与实际场景不符。

    2017-05-18
  • 表单设计:一页只做一件事

    一页只做一件事,并不是一定要在一个页面上只展示单一的元素或组件(虽然也可以这么做)。

    回想一下你第一次看到复杂代数式时的情景。这整个就是一团混乱的未知符号。但是当你将它分解,独立成各个部分,答案便水落石出。

    2017-04-29
  • Axure小白,快速做出冲顶大会高保真原型,全靠它(附源文件下载)

    Hi,大家好我是Axure实战班萌萌哒的班主任Sara(*^▽^*)这是一篇很有内容的Axure班介绍文章如果你被Axure困扰想快速玩转Axure,做出标准的原型图想写出规范的原型说明,掌握产品交互那么花3-5分钟了解下这个实战班吧,2000多位同学报名学习了,不会错的~先给大家看看我们班liwen同学,做的冲顶大会gif图喔,真的很棒棒耶(*╹▽╹*)(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文...

    2018-03-26
  • 前车之鉴:一个视觉交互设计失败的案例

    最近在做产品设计时,遇到了一个非常典型的设计失败案例。这个案例反应了一些老生常谈的问题,我觉得非常有意思。

    2017-06-01
  • 微信小程序设计指南 · 小程序

    概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同…

    2016-09-24
  • 干货分享 | 交互领域不可不知的设计法则

    本文转载自“熊猫设计院(ID:MUXDesign)”,已获得作者授权,未经许可禁止转载。前言:交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”;在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。01希克定律(Hick’s Law )简介希克定律指的是:一个人面临的选择...

    2018-04-08