2026年7月2日 周四晚上19:30,报名腾讯会议了解“如何构建自进化的动态知识库(Brain)”(限30人)
免费POC, 零成本试错
FDE知识库

FDE知识库

学习大模型的前沿技术与行业落地应用


收藏

AI + Design,探索 AI产品界面设计范式(下)

发布日期:2024-12-15 05:32:54 浏览次数: 3110
作者:AGI设计之路

微信搜一搜,关注“AGI设计之路”

确认|生成过程

在用户向 AI 表达意图后等待 AI 回复的过程中,需向用户展示 AI 处理请求、生成内容或执行任务的进程与状态。

设计目标

处理过程反馈需要通过流式输出等方式给予用户及时响应,让用户清晰感知 AI 的工作状态,建立恰当的等待预期。在部分业务场景中,需要完整展现 AI 的思考过程和处理阶段,减少黑盒感,提升用户对系统的信任度和理解度。

内容动态加载

动画加载

系统接收到用户请求后立即触发的状态反馈。轻量的动画效果既能让用户知道系统已开始处理,又不会带来视觉干扰。动画要即时触发、简洁克制,让用户感知到明确的响应。

流式输出

AI 处理文本内容时的实时反馈形式。默认使用打字机光标效果,让用户能感知生成节奏;但在模型响应速度非常快时,应直接展示完整内容。保持输出内容的可读性,让用户能实时阅读已生成部分。

进度展示

用于异步生成场景下的状态反馈。通过进度百分比或处理阶段提示,展示当前任务进展。对于耗时较长的任务,提供预估完成时间,帮助用户建立等待预期。

异常状态展示

生成失败

当请求处理失败时,及时展示失败原因和可采取的措施。失败提示要醒目但不刺激,文案简洁明确,并提供如重试等后续操作建议。

生成终止

包括用户主动中断和系统自动终止的情况。终止后保留已生成内容,清晰提示当前状态。对于系统终止,需说明原因并给出建议。

思考过程展现

展示思考阶段

方便用户理解 AI 的处理流程和进展。在耗时较长的场景(如深度搜索),展示完整的处理步骤;耗时较短时仅展示当前思考状态。

展示思考细节

通过可展开/收起的形式呈现 AI 推理的具体步骤和依据。在设计时需要满足用户查看决策过程细节,同时避免信息过载。

反馈|结果应用

在 AI 呈现生成结果后,需要为用户提供对 AI 生成内容的快捷操作能力,包括复制、重新生成、反馈等基础功能,帮助用户高效使用和处理内容。

设计目标

结果应用组件需要结合实际场景,提供必要且便捷的内容处理能力。通过合理的操作项布局和及时的状态反馈,让用户能够轻松地使用和管理 AI 生成的内容,提升整体交互体验和效率。

复制

最常用的内容应用方式。点击后立即将 AI 生成的内容复制到剪切板,同时图标切换为完成状态给予反馈。复制范围包括文本、代码等可复制内容,要保证格式完整性。

重新生成

用于优化或改进当前结果。点击触发 AI 重新生成请求,支持多个版本结果的切换对比。新生成的内容要在界面中平滑切换,保持良好的过渡体验。

反馈

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

删除

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

朗读

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

引用

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


反馈|结果展示

AI 处理完成用户需求后,需以结构化、易读的方式来呈现各种类型的回答内容。

设计目标

结果展示需要合理规划信息层级,让重要内容和结构化信息更易识别。针对文本、图片、代码等不同类型的内容采用恰当的展示形式,既要保持视觉风格的统一性,又要充分考虑长文本的阅读体验,避免信息过载影响理解。

文本内容

作为最基础的展示形式,需要处理好单行文本、多行文本和结构化文本(如列表、标题段落等)的呈现。通过合理的间距、字号和段落划分,提升长文本的可读性。对重点内容可使用高亮、加粗等样式突出,但需控制使用频率避免干扰。

图片内容

展示 AI 生成或处理的图片结果。默认以合适尺寸展示,支持预览大图和缩放细节。多图场景需注意排版美观,加载时提供占位图以避免布局跳动。

代码内容

为展示代码片段设计专门容器。使用等宽字体,支持代码语法高亮以增强可读性。提供代码复制功能,方便用户使用。代码过长时支持横向滚动,保持代码格式完整性。

交互卡片

用于特定场景下需要用户操作的结构化内容,如表单填写、参数调整等。卡片内可包含按钮、输入框等交互元素,操作需提供明确的反馈。

其他

用于展示表格、数学公式等特殊格式内容。可以与普通文本内容混合展示,保持整体视觉一致性。特殊内容的展示需考虑性能和兼容性,必要时提供降级方案。

内容折叠

针对超过一屏的长内容,提供折叠功能以提升浏览效率。默认展示预览内容,用户可根据需要展开查看完整信息。折叠状态需有明确提示,展开/收起过程动画需流畅。

内容参考来源展示

在 RAG 等需要提供引用依据的场景下使用。参考来源默认收起以减少干扰,用户可以通过 hover 或点击方式查看详细引用内容。来源信息需简洁清晰,增强内容可信度。

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费POC验证,效果达标后再合作。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询

扫码登录
登录即表示您同意《53AI网站服务协议》
服务协议

欢迎您使用【53AI 官方网站】(以下简称“本网站”或“我们”)。本《会员服务协议》(以下简称“本协议”)是您(以下简称“会员”或“用户”)与【深圳市博思协创网络科技有限公司】之间关于注册、登录及使用本网站会员服务所订立的法律协议。

在您注册或登录前,请务必审慎阅读、充分理解各条款内容,特别是免除或限制责任的条款、知识产权条款、争议解决条款等。此类条款将以加粗形式提示您注意。 当您通过微信公众号授权、手机验证码验证或其他方式成功登录本网站时,即视为您已完全理解并同意接受本协议的全部内容。

一、 定义

本网站:指由【深圳市博思协创网络科技有限公司】运营的,域名为【53ai.com】的网站及相关移动端页面。

会员服务:指本网站向注册会员提供的知识库文章查阅、内容检索及其他相关增值服务。

知识库内容:指本网站发布的包括但不限于文字、图表、数据、研究报告、行业分析等数字化内容资源。

二、 账号注册与登录

登录方式:本网站支持以下登录方式,您可根据实际情况选择:

微信公众号授权登录:您同意将您的微信OpenID信息授权给本网站,用于创建或关联会员账号。

手机验证码登录:您需提供真实有效的手机号码,并通过短信验证码完成身份验证与登录/注册。

账号安全:您的账号仅限您本人使用,禁止赠与、借用、租用、转让或售卖。因您保管不善导致的账号被盗、密码泄露等损失,由您自行承担。

实名认证:根据相关法律法规要求,我们可能要求您在特定功能下完成实名认证。如您拒绝提供,可能无法使用部分或全部服务。

未成年人保护:若您未满18周岁,请在法定监护人的陪同下阅读本协议,并在征得监护人同意后使用本服务。

三、 服务内容与规范

知识库查阅权限:会员登录后,有权按照其会员等级对应的权限范围,在线浏览、检索本网站知识库中的相关文章及内容。

服务变更:我们有权根据业务发展需要,调整、变更或终止部分服务内容,并将以网站公告、公众号消息等方式提前通知。

禁止行为:您在使用服务时不得实施以下行为:

利用技术手段批量爬取、下载、转存知识库内容;

将知识库内容用于商业目的或未经授权地向第三方传播;

干扰本网站正常运行或侵犯其他用户合法权益;

发布违法违规信息或从事违反公序良俗的活动。

四、 知识产权声明

权利归属:本网站知识库中的排版设计、软件代码等内容的知识产权均归【公司全称】或原权利人所有,受《中华人民共和国著作权法》等法律保护。

有限许可:本网站授予会员一项非独占、不可转让、不可转授权的普通许可,仅限于个人学习、研究之目的在线查阅知识库内容。

侵权追责:未经书面许可,任何单位或个人不得以任何形式复制、转载、摘编、镜像、汇编或以其他方式使用上述内容。一经发现,我们保留追究其法律责任的权利。

五、 个人信息保护

我们重视对您个人信息的保护。关于我们如何收集、使用、存储和保护您的个人信息,请单独阅读 《隐私政策》。

您通过微信公众号授权或手机号验证所提供的信息,我们将严格按照《个人信息保护法》的规定处理,仅用于身份识别、服务提供及安全验证等必要用途。

您可以随时通过网站设置或联系客服行使查阅、更正、删除个人信息及撤回授权同意的权利。

六、 免责声明

内容准确性:知识库内容仅供参考,不构成专业建议。我们不对其完整性、准确性、时效性作任何明示或暗示的保证,您应自行判断并承担使用风险。

不可抗力:因自然灾害、政策法规变化、网络故障、第三方平台接口异常(如微信接口维护、运营商短信通道故障)等不可抗力导致的服务中断或延迟,我们不承担违约责任。

第三方链接:本网站可能包含指向第三方网站的链接,该等网站的内容和服务不受我们控制,请您自行甄别风险。

七、 违约责任

如您违反本协议约定,我们有权视情节采取警告、限制功能、暂停服务、注销账号等措施,并保留要求赔偿损失的权利。

如因您的违约行为导致我们遭受行政处罚、第三方索赔或商誉损失,您应承担全部赔偿责任(包括但不限于罚款、赔偿金、律师费、公证费等)。

八、 法律适用与争议解决

本协议的订立、执行和解释均适用中华人民共和国大陆地区法律。

因本协议产生的或与本协议有关的任何争议,双方应友好协商解决;协商不成的,任何一方均可向【公司所在地】有管辖权的人民法院提起诉讼。

九、 其他

本协议构成双方就本服务达成的完整协议,取代此前任何口头或书面约定。

本协议任一条款被认定为无效或不可执行的,不影响其他条款的效力。

我们对本协议享有最终解释权,并在法律允许的范围内保留随时修改的权利。修改后的协议一经公布即生效,继续使用服务即视为同意修订内容。


已查阅