logoAnt Design X

设计研发组件演示
  • ❤️ Intention 意图设计
    • 介绍
    • 明确意图类型
    • 提供意图预期
    • 引导意图表达
  • 🎭 Role 角色设计
    • 介绍
    • 真实一致
    • 流畅自然
    • 有人情味
  • 💭 Conversation 会话设计
    • 介绍
    • 开始
    • 追问
    • 提示
    • 确认
    • 错误
    • 结束
  • 💻 Hybrid UI 混合界面设计
    • 介绍
    • 唤醒|AI 标识
    • 唤醒|欢迎提示
    • 表达|用户输入
    • 表达|用户发送
    • 确认|生成过程
    • 反馈|结果应用
    • 反馈|结果展示
  • RICH 设计范式简介

表达|用户输入

相关资源

Ant Design
Ant Design Charts
Ant Design Pro
Pro Components
Ant Design Mobile
Ant Design Mini
Ant Design Web3
Ant Design Landing-首页模板集
Scaffolds-脚手架市场
Umi-React 应用开发框架
dumi-组件/文档研发工具
qiankun-微前端框架
Ant Motion-设计动效
国内镜像站点 🇨🇳

社区

Awesome Ant Design
Medium
Twitter
yuque logoAnt Design 语雀专栏
Ant Design 知乎专栏
体验科技专栏
seeconf logoSEE Conf-蚂蚁体验科技大会
加入我们

帮助

GitHub
更新日志
常见问题
报告 Bug
议题
讨论区
StackOverflow
SegmentFault

Ant XTech logo更多产品

yuque logo语雀-构建你的数字花园
AntV logoAntV-数据可视化解决方案
Egg logoEgg-企业级 Node.js 框架
Kitchen logoKitchen-Sketch 工具集
Galacean logoGalacean-互动图形解决方案
xtech logo蚂蚁体验科技
主题编辑器
Made with ❤ by
蚂蚁集团和 Ant Design 开源社区
loading

可用于 AI 对话的开放式输入,当用户开始向 AI 传达自己的意图时,往往需要输入多种类型的内容。

设计目标

当用户有明确诉求时,需借助不同形式的输入交互来向 AI 精准表达意图,以此提升 AI 对用户意图传达的理解程度,进而给出准确回应。【输入组件】在表达阶段发挥着重要作用,借助多种形式(如文字描述、图片上传、语音输入等)的输入组件,为用户与 AI 的交互增添了更多可能性与灵活性,让用户能够以自然、便捷且正确地完成输入内容并发送。


🙌 文本输入

输入框为用户提供了编辑文本的控件,是给大模型提供信息最基础和常见的方式。

文本框(Input)

预览

输入较少的字符总数,使用单行的输入形式。为提升数据录入效率,通常可以在输入框内增加暗提示以帮助提醒用户。

注:可以对一些文本(如数字和网址)运用特别的样式。

文本域(Textarea)

预览

录入长篇幅的单一文本时使用多行的文本区域。

停止生成操作

预览
预览

停止生成操作常见位于输入框附近,便于用户操作。

🎙️ 语音输入

语音倾听过程

预览

可以提供用户以语音的形式输入,转化为文字供用户确认。

语音初次开始

预览
预览

初次启动语音时,一般会出现系统自带的提示开启,用户允许后开启语音功能,或禁止开启。

语音异常

预览
预览

语音输入中会有异常情况出现,需要及时且清楚告知用户,如超时提醒、因网络异常而中断等。

📃 文件输入

文件上传是用户基于文件有意图的表达,从而让大模型基于上传文件来深入理解并回答。

简单上传

预览

基础上传方式通常用于单个文件的上传,且在不需要预览效果的情况下使用。用户只需点击按钮,即可弹出文件选择框,从而选择需要上传的文件。

拖拽上传

预览

用户可以将文件拖入特定区域,从而完成上传。这种方式简洁高效,无需繁琐的操作步骤,只需轻轻一拖,文件即可快速上传至指定位置。

🎯️ 快捷命令

预览
预览

在 AI 大模型产品中,提供常用意图的快捷命令,方便用户快速输入。快捷命令使用户能高效与 AI 交互,避免繁琐输入操作,提高工作效率与使用体验。

🧩 槽位填词

预览

槽位填写通常是指用户触发特定命令后,会出现预先设定的输入模板,用户只需进行填写或者选择操作即可。槽位填写为用户提供了一种便捷输入方式,减少了用户的输入负担,提高了输入的准确性和效率。

💬 引用输入

预览

基于 AI 回答或用户发送的内容,若进行再次提问,可提供引用输入方式,引用样式涵盖文本、图片、文档等。这样方式能够让用户更加便捷引用相关信息,丰富提问内容和背景,有助于获得更精准、更有针对性的回答。