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 重新生成请求,支持多个版本结果的切换对比。新生成的内容要在界面中平滑切换,保持良好的过渡体验。

反馈

预览
预览

通过点赞/点踩收集用户对内容的评价。操作后图标立即反映选择状态,清晰展示用户的评价结果。在特定场景下,可通过弹窗收集具体反馈,提供快捷选项的同时保留自由输入的方式。

删除

预览

用于移除不需要的回答内容。考虑到操作的不可逆性,使用警示色提醒,并设置二次确认机制避免误操作。确认删除后要平滑移除内容。

朗读

预览

将文本转换为语音输出。点击开始播放,再次点击停止。

引用

预览

快速将 AI 回答作为新对话的引用内容。点击后自动填充到输入区域,方便用户基于已有回答继续对话。引用要保持原文格式,确保上下文的连贯性。