ChatUI由达摩院阿里小蜜孵化的对话式界面组件，目前支持阿里经济体80多个事业部，数千个Chatbot(对话式机器人)，承载着达摩院前沿技术, 专注于智能对话领域的设计和技术研发体系，应用至消费者可体验的对话式界面。
一、对话式设计原则
为什么需要对话式设计？前沿技术，到无处不在的对话
什么是对话式设计? 合适对话的用户场景
理解上下文能力, 主动串联用户任务。
降低用户认知成本, 可以直达表达想法。
ChatUI的对话式设计原则
主动: 用户还没想起, 机器能预知用户所需。
高效: 用户使用流顺, 符合自然预期, 有效进行互动。
情感: 用户有情感引导, 情感互动, 产生心理偏好或习惯，达至自然回访。
沉浸: 用户能通过视觉, 互动及物理传感器等触点, 感受智能的新鲜感，引发交互意愿。
二、开源发布的主要内容
1. 灵活的主题定制，满足品牌多样化的需求
主题定制。
2. 响应式&深色模式，随应用端自动适配
响应式。
弹性卡片尺寸。
深色模式。
灰度转换。
3. 国际化&无障碍，助你与全球用户平等对话
国际化, 多语言。
不只是语言, 还有文化差异与信息布局。
4. ChatUI 对话卡片模版
通过模版，高效研发。
特性
? 最佳实践：基于阿里小蜜业务积累和打磨的对话式交互最佳实践
? TypeScript：使用 TypeScript 开发，提供完整的类型定义文件
? 响应式：响应式布局，在无线和 PC 端都可以友好展现
♿ 障碍：支持无障碍，已通过深圳市无障碍研究会的认证
? 主题：支持灵活的样式定制，以满足业务和品牌上多样化的视觉需求
? 国际化：支持多语言和本土化特性
兼容环境
| Edge | Firefox | Chrome | Safari | iOS Safari | Android WebView |
|---|---|---|---|---|---|
| 16+ | 31+ | 49+ | 9.1+ | 9.3+ | 6+ |
安装
npm install @chatui/core --save
yarn add @chatui/core
ChatUI 3.0 Github 地址：
https://github.com/alibaba/ChatUI
ChatUI 3.0 主题定制：
https://market.m.taobao.com/app/chatui/theme-builder/index.html文档地址：https://chatui.io/docs/i18n
