阿里 ChatUI 开源：让对话美而简单 _组件

文章插图
作者 |孙辉
背景
对话式交互一直存在于我们的日常生活中，工作时使用的钉钉，联系朋友使用的微信，都属于对话式交互应用。
随着技术的发展，我们正在经历从「移动互联网时代」走向「人工智能时代」的过程中，人工智能扩大了对话式交互的使用场景，我们可以通过文字或语音的方式与机器对话来完成某些任务，这类机器人我们称之为。

文章插图
近年来，越来越多的公司推出了对话式智能服务软件，比如 Apple 的 Siri、的以及的。
而在阿里巴巴，智能对话助理应用场景也非常广泛，智能服务助理「阿里小蜜」就是其中一员，阿里小蜜经过几年的发展，在阿里经济体生态圈，支撑了阿里集团超过80个BU的智能服务业务；在企业生态圈，依托于钉钉以及阿里云的企业开放生态，通过 SaaS 和 PaaS的模式赋能外部企业。
则是阿里小蜜团队经过多年真实业务场景打磨和沉淀的对话式 UI 体系，致力于打造对话领域的设计和开发标准。
在云上企业生态小范围内测半年之后，现已正式开源，期望与开发者共建和完善体系，共同打造「让对话美而简单」的愿景。
简介46秒短视频：
介绍

文章插图
经过共创和大量竞品分析及思辨，最终选择了四个关键体验目标作为设计原则，以有效促进用户对话的意愿：
组件库基于以上设计原则进行设计，提供了50+组件，满足多样的对话场景需求，用户可基于基础组件搭建自己的对话界面，适合有深度定制需求的用户。
对于已经有对话接口，想开箱即用的用户，我们也贴心的提供了Pro ，只需要在初始化的时候传入配置数据，即可快速生成可进行对话交互的界面。
除了对话界面的框架，对话中消息是重要的组成部分，除去基础的文本、图片、语音等消息，还提供了丰富的富交互卡片（ Card），这些卡片是基于阿里经济体业务沉淀下来的，经过大量业务场景验证的优质卡片。
* SDK *则是可二次开发的脚手架，包含工程套件，此功能还未上线，敬请期待。
组件库
作为一个 UI 组件库，最主要的部分当然是提供的组件了。刚开源就提供了 50 多个组件，涉及“基础”、“表单”、“展示”、“反馈”、“业务”、“对话”等6大类。这些组件都是我们在做阿里小蜜项目过程中持续迭代，不断总结，精心挑选和打磨后作为通用组件沉淀到组件库里的。后面我们依然会不断新增组件，同时对现有组件也会不断打磨和维护。大家要是对现有组件有什么疑问，或者对其它通用组件的有需求的话也可以反馈给我们。

文章插图
对话容器

文章插图
提供的组件中，比较有特色的是 Chat 对话容器组件。一开始是因为目前聊天应用大同小异的界面，我们为了方便把这种布局抽象成一个组件，上中下结构，集成多个基础组件，这样就不用每次重新布局了。