设计心得:浅析Chatbot聊天机器人界面交互设计

最近在做智投app的机器人Neo的原型设计,是一个chatbot聊天机器人。整理了一下关于聊天机器人设计的一些心得。


最近在做智投app的机器人Neo的原型设计,是一个chatbot聊天机器人。整理了一下关于聊天机器人设计的一些心得。

设计心得:浅析Chatbot聊天机器人界面交互设计

一、背景:

这是Neo的第一个版本。Neo通过问答的方式了解用户的基本信息、投资偏好及投资目的等信息,用户通过直接文字回复和点击选项进行回复对话,最终产出供用户参考的资产配置方案。

二、设计要点:

1.以问答的方式开始与用户互动,不要让用户一进来就不知道该干什么。

设计心得:浅析Chatbot聊天机器人界面交互设计

机器人进来跟用户寒暄之后需要跟用户进行有效互动,让用户知道接下来能干嘛,不能陷进死胡同里。如果可以的话,机器人应该尽快跟用户表明自己的功能,是一个有明确目的的机器人。

左图中,机器人上来就是打了个招呼,用户不知道该如何回复。并且在用户回复完之后,又无缘无故的不搭理用户。即使用户的问题机器人不知道怎么回答,也要勇于承认,及时给用户反馈。

如果需要问一些用户有可能不太愿意直接回答的问题时,一定要解释清楚问问题的原因以及对于用户的意义是什么。如图中我们需要问用户的真实年龄,虽然有些无理,但是这对于输出资产配置方案很重要。

2.采用多种方式循序渐进地向用户提问

Neo需要通过对话了解用户的信息,从基本信息收集到投资偏好了解到投资目的的挖掘,超过10道题。

应该循序渐进的方式依次问用户,最好是采用多种形式提问,并形成有效互动,这样才更容易让用户接受。如果直接按部就班提问而不与用户互动,很有可能用户就失去耐心而离开界面。

本版本的Neo采用问答对话、单选题、多选题的方式向用户提问收集用户资料。

设计心得:浅析Chatbot聊天机器人界面交互设计

3.用户做了回答以后,机器人要有相应的反馈。

设计心得:浅析Chatbot聊天机器人界面交互设计

如图,当用户选择了退休后在杭州西溪湿地旁时,Neo会回复与杭州相关的会话,让用户觉得Neo是聪明的,是在听他讲话并能做出相应回应的,而不是一个收集数据的机器。

4.记住用户的答案,下次进来时不需要重新开始对话

设计心得:浅析Chatbot聊天机器人界面交互设计

如果用户已经做完了Neo的所有问题,产出了具体的配置方案,那么当用户下次再点击进入该会话时,不需要重新从第一个问题开始,而是会记录用户所有问题的答案,并在第一屏给出配置方案的快捷入口。

当然,间隔一段时间之后,用户可以选择重新回答Neo的相关问题,产出新的资产配置方案。

5.不需要机器人完成所有的任务

设计心得:浅析Chatbot聊天机器人界面交互设计

机器人只负责手机信息并产出产品配置方案就完成了,用户查看、挑选、申购产品并不是由机器人来完成。

三、相关交互细节

1.在对话框中,有些不是用户直接输入回答,而是需要进行选择的。

当遇到单选题时,Neo先说出问题,并在用户会话的那一侧(右侧)显示出选项,这样用户就很自然的选择点击某一个选项,用户点击选择之后,则会将该答案作为对话发出来。用户浏览整个对话时,看上去还是一问一答的对话形式。

下图是单选的交互方式:

设计心得:浅析Chatbot聊天机器人界面交互设计

一开始设计的时候,是将问题的选项放在Neo那一侧,后来调整为放在右侧,并新增提示语,“请选择一个”。放在左侧作为题目,用户不仔细看,都不知道该操作什么,而放在用户的那一侧,是在想用户暗示,这属于用户输入的部分。如下图:

设计心得:浅析Chatbot聊天机器人界面交互设计

2.设计多选题时,当用户选择完多个选项之后,需要点击提交按钮确认之后才形成有效对话。

设计心得:浅析Chatbot聊天机器人界面交互设计

3.当Neo询问年龄时,弹出数字键盘,用户只可以输入数字,在键盘上显示出单位“岁”,默认值显示30,引导用户输入,有助于降低用户的出错率。

设计心得:浅析Chatbot聊天机器人界面交互设计

4.当机器人在输入内容或运算产出方案时,可能需要一些时间,这时需要向用户展示Neo正在输入或运行,否则用户不知道该做什么,会话是否已经结束。

设计心得:浅析Chatbot聊天机器人界面交互设计

5.当用户回答出错时,可以友好的提醒用户。但如果用户一直出错,告知用户答案不正确,及时进入下一题,不要在同一个无问题上纠结太久陷进死胡同。

设计心得:浅析Chatbot聊天机器人界面交互设计

四、总结

Neo机器人扮演的是一个投资理财顾问的角色,通过与用户的聊天,收集用户基本信息、投资偏好、投资目标等信息,而这些信息以前都是用户在线下填写相当冗长复杂的表格完成的。并且可以通过对话产出符合用户的资产配置方案。机器人正在潜移默化的改变着各个行业的操作模式。

聊天机器人刚开始可能并不是非常聪明,但是我们可以通过设计来让它尽可能表现得聪明;即使有时候它犯错了或不知道该如何处理与用户的对话,及时告知用户,时刻表明它现在所处的状态,不让用户等待或困惑,也是一种不错的方式。

关于机器人的聊天界面设计才刚刚开始,有很多需要学习的地方,欢迎多多交流。

谢谢:)

 

作者:高广淦,交互设计师;  微信公众号:交互视角

本文由 @高广淦 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-04-28 14:10
下一篇 2017-04-28 15:46

相关推荐

  • 用户运营 | 《破茧成蝶 用户体验设计师的成长之路》读书笔记

    1. 设计师如何参与一个具体的项目需求分析,了解需求,清楚我们要做一个什么样的产品,目标用户是谁,要达到什么效果,具体有什么内容、功能…然后我们开始进行设计,在草图上梳理信息架构,设计任务流程,设计界面,确认没有问题后再用专业的软件工具把设计方案呈现出来。经过设计评审后,设计师要去跟进后续的视觉、前端、开发、测试环节,确保最后的产出物和自己的设计方案一致。2. 在项目中设计师容易遇到的问题团队成员的专业能力外界因素的影响团队凝聚力3. ...

    2018-04-25
  • 交互设计新手?来看看这个!交互设计怎么出现的与能干什么?

    为什么会有交互设计,交互设计能够做什么? ▎1.成功的互联网产品具备哪些要素? ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功…

    2015-01-25
  • 交互设计在商业中的价值

    转载自“创设空间”:chuangshe_space简书链接:http://www.jianshu.com/p/d0b5baa600d2作者:Mr汤进er一、前话问题:一句话概括你理解的交互设计是什么?部分回复摘录:@哎呀,我擦~:大概就是通过使用者的某些动作才能激发出的产品或包装的第二功能吧。@捉急的小慢~~O~~:界面设计,形式和功能相融而令人愉悦的互动。@lcy:信息的输入,输出的过程。从大家对于这个问题的回复,不难看出,不同人对于...

    2018-03-05
  • 不看后悔的产品与运营结合的用户体验

    作者第一次拿实例产品进行文字和图片的分析。如果有兴趣的朋友可以回复文末的关键词进行体验产品。

    2017-05-24
  • 广告Banner :20种高度可行、转化率高的设计思路

    Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注意力,通过优秀的文案和视觉让用户立刻马上点击。今天的文章,我们通过一系列优秀的范例,帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。

    2017-05-03
  • 色彩在交互设计中的应用

    UI设计微课堂关注将获得一对一解答,设计、资源、分享😛听说很多同学都置顶了我的公众号这样就能第一时间收到我精选的UI设计精品教程感谢大家的支持!↓↓下方高能↓↓对于交互设计师来说,通常交互原型都做为黑白稿。为什么要做黑白稿呢?那是因为在前期交互设计中,交互设计师为了更专注于产品的流程、跳转,避免前期投入更多的精力在UI效果制作方面。对于很多小公司或小团队来说,通常只有一个设计师或者设计资源很少,设计师拿到需求后,直接就出高保真效果图了(...

    2018-04-24
  • 不止是划条线!移动端UI中常见的视觉分隔设计技巧

    即使是元素与元素之间的分隔方式,都能随随便便用一整篇文章来进行探讨。

    2017-05-18
  • 用户体验部门最忌孤军奋战

    根据在用户体验调查领域领先的尼尔森诺曼集团的定义,用户体验包括终端用户与公司交互的各个方面——包括服务和产品。

    2017-05-28
  • Sketch迎来重大更新,叫板PS爸爸?

    11月8日晚,Sketch 悄悄的更新至 Sketch 41。至此3X系列已经离我们而去,4X系列正式到来!在此次更新中,还是有不少惊喜的。今天一一做个盘点。全新 LogoSketch 拟物化黄色钻石 Logo 已经成为历史。新Logo 顺应了设计潮流,简化色彩并弱化光影关系。不过有一点令我很在意,就是新Logo的倒角处理(面与面之间的接缝)。之前的Logo倒角很锋利,有种割破手的感觉,典型的 2D 图形拼接效果;新Logo倒角光滑,做...

    2018-04-26
  • 「Sketch」在Sketch中创建设计系统 | 第一章

    原文作者:Marc Andrew原文来自:Medium阅读全文大概需要10分钟相信大家都做过自己的设计规范,无论在个人项目还是团队项目中,设计规范的重要性不言自明,但很多人(不仅是初级UI设计师,也包括很多工作多年的UI设计师们)都有很多困惑,比如,做好的设计规范如何维护?设计规范到底能给项目带来哪些更具体的帮助?在很多人看来似乎设计规范成为了一个“无用的”标配,很多设计规范慢慢被封尘在项目文档中的某个角落里,从此不见天日。实际上我们整...

    2018-04-19