微信扫码
与创始人交个朋友
我要投稿
在用户向 AI 表达意图后等待 AI 回复的过程中,需向用户展示 AI 处理请求、生成内容或执行任务的进程与状态。
处理过程反馈需要通过流式输出等方式给予用户及时响应,让用户清晰感知 AI 的工作状态,建立恰当的等待预期。在部分业务场景中,需要完整展现 AI 的思考过程和处理阶段,减少黑盒感,提升用户对系统的信任度和理解度。
系统接收到用户请求后立即触发的状态反馈。轻量的动画效果既能让用户知道系统已开始处理,又不会带来视觉干扰。动画要即时触发、简洁克制,让用户感知到明确的响应。
AI 处理文本内容时的实时反馈形式。默认使用打字机光标效果,让用户能感知生成节奏;但在模型响应速度非常快时,应直接展示完整内容。保持输出内容的可读性,让用户能实时阅读已生成部分。
用于异步生成场景下的状态反馈。通过进度百分比或处理阶段提示,展示当前任务进展。对于耗时较长的任务,提供预估完成时间,帮助用户建立等待预期。
当请求处理失败时,及时展示失败原因和可采取的措施。失败提示要醒目但不刺激,文案简洁明确,并提供如重试等后续操作建议。
包括用户主动中断和系统自动终止的情况。终止后保留已生成内容,清晰提示当前状态。对于系统终止,需说明原因并给出建议。
方便用户理解 AI 的处理流程和进展。在耗时较长的场景(如深度搜索),展示完整的处理步骤;耗时较短时仅展示当前思考状态。
通过可展开/收起的形式呈现 AI 推理的具体步骤和依据。在设计时需要满足用户查看决策过程细节,同时避免信息过载。
反馈|结果应用
在 AI 呈现生成结果后,需要为用户提供对 AI 生成内容的快捷操作能力,包括复制、重新生成、反馈等基础功能,帮助用户高效使用和处理内容。
结果应用组件需要结合实际场景,提供必要且便捷的内容处理能力。通过合理的操作项布局和及时的状态反馈,让用户能够轻松地使用和管理 AI 生成的内容,提升整体交互体验和效率。
复制
最常用的内容应用方式。点击后立即将 AI 生成的内容复制到剪切板,同时图标切换为完成状态给予反馈。复制范围包括文本、代码等可复制内容,要保证格式完整性。
用于优化或改进当前结果。点击触发 AI 重新生成请求,支持多个版本结果的切换对比。新生成的内容要在界面中平滑切换,保持良好的过渡体验。
通过点赞/点踩收集用户对内容的评价。操作后图标立即反映选择状态,清晰展示用户的评价结果。在特定场景下,可通过弹窗收集具体反馈,提供快捷选项的同时保留自由输入的方式。
用于移除不需要的回答内容。考虑到操作的不可逆性,使用警示色提醒,并设置二次确认机制避免误操作。确认删除后要平滑移除内容。
将文本转换为语音输出。点击开始播放,再次点击停止。
快速将 AI 回答作为新对话的引用内容。点击后自动填充到输入区域,方便用户基于已有回答继续对话。引用要保持原文格式,确保上下文的连贯性。
反馈|结果展示
AI 处理完成用户需求后,需以结构化、易读的方式来呈现各种类型的回答内容。
结果展示需要合理规划信息层级,让重要内容和结构化信息更易识别。针对文本、图片、代码等不同类型的内容采用恰当的展示形式,既要保持视觉风格的统一性,又要充分考虑长文本的阅读体验,避免信息过载影响理解。
作为最基础的展示形式,需要处理好单行文本、多行文本和结构化文本(如列表、标题段落等)的呈现。通过合理的间距、字号和段落划分,提升长文本的可读性。对重点内容可使用高亮、加粗等样式突出,但需控制使用频率避免干扰。
展示 AI 生成或处理的图片结果。默认以合适尺寸展示,支持预览大图和缩放细节。多图场景需注意排版美观,加载时提供占位图以避免布局跳动。
为展示代码片段设计专门容器。使用等宽字体,支持代码语法高亮以增强可读性。提供代码复制功能,方便用户使用。代码过长时支持横向滚动,保持代码格式完整性。
用于特定场景下需要用户操作的结构化内容,如表单填写、参数调整等。卡片内可包含按钮、输入框等交互元素,操作需提供明确的反馈。
用于展示表格、数学公式等特殊格式内容。可以与普通文本内容混合展示,保持整体视觉一致性。特殊内容的展示需考虑性能和兼容性,必要时提供降级方案。
针对超过一屏的长内容,提供折叠功能以提升浏览效率。默认展示预览内容,用户可根据需要展开查看完整信息。折叠状态需有明确提示,展开/收起过程动画需流畅。
在 RAG 等需要提供引用依据的场景下使用。参考来源默认收起以减少干扰,用户可以通过 hover 或点击方式查看详细引用内容。来源信息需简洁清晰,增强内容可信度。
53AI,企业落地应用大模型首选服务商
产品:大模型应用平台+智能体定制开发+落地咨询服务
承诺:先做场景POC验证,看到效果再签署服务协议。零风险落地应用大模型,已交付160+中大型企业
2024-09-04
2024-09-03
2024-09-06
2024-09-26
2024-11-23
2024-08-18
2024-10-30
2024-11-19
2024-07-23
2024-09-02