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

FDE知识库

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


收藏

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

发布日期:2024-12-14 13:13:32 浏览次数: 3873
作者:AGI设计之路

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


随着人工智能(AI)技术的快速发展,人与 AI 配合的工作方式变得更加多样化,从简单的数据处理到复杂的决策制定。伴随这种协作方式的拓展,用户交互行为也发生了深刻变化,包括交互的频率、方式、内容以及对结果的预期和处理等。AI 不仅带来了强大的工具功能,也提高了用户对智能体验的期望。
在 AI 时代,用户行为从以执行行为(DO)为主,转变为用户通过 AI 提供意图信息(Chat),让 AI 执行任务,同时感知 AI 的过程和结果,并辅助决策。这种转变要求设计师在传统 GUI 和新型自然语言对话方式之间找到平衡,兼顾用户的对话式和操作式体验。

WHAT|Hybrid UI 介绍

混合用户界面(Hybrid UI) 探索 AI 对话式界面和 GUI 操作界面的融合。通过不同的关键 UI 元素,Hybrid UI 解决用户 Chat 和 Do 的意图表达需求。
基于业务实践,我们归纳出三类界面模式,设计师可以根据产品需求选择合适的模式:
  • Do 为主: 以界面操作为主,偶尔唤起 AI 快捷指令。例如 Quick Bar、固定指令式、内嵌生成式等。
  • Do + Chat 均衡: 自然语言与界面操作均衡配合。例如双区联动交互、交互式操作气泡等。
  • Chat 为主: 以自然语言为主,几乎没有界面操作。例如侧边式 Copilot、独立 Web Bot 等。
  1. 唤醒阶段: 让用户了解 AI 的能力与用法。设计目标是吸引用户,帮助首次接触的用户快速理解 AI 的功能和预期。相关资产:欢迎&提示
  2. 表达阶段: 引导用户向 AI 准确表达意图。设计目标是让用户快捷、准确表达意图,并清晰查看发送内容。相关资产:用户输入用户发送
  3. 确认阶段: 让用户感知任务的 AI 执行过程。设计目标是清晰传递任务状态。相关资产:生成过程
  4. 反馈阶段: 用户核查并应用 AI 的结果。设计目标是让用户清晰看到并信任 AI 的任务结果,并快速应用生成内容。相关资产:结果展示结果应用

唤醒|AI 标识方案
回到 Google 的 Gemini 采用☆星星作为 Logo,其实把☆星星和? 魔棒当做 AI 功能的图标,已经在国外产品中是一种共识了。一致的图像设计可提高用户对 AI 的可预测性和信任度。随着 AI 应用场景的发展,标识的设计和使用也在演变。目前,四芒星闪光点是常见符号,代表 AI 功能,或用于区分 AI 生成的信息。


网页端场景示意

 悬浮在页面侧边

AI 助手可悬浮在页面侧边,随时待命,为用户提供高效协助,是工作中的得力伙伴。

? 跟随场景出现入口

某些 AI 助手会根据特定任务场景适时出现入口,帮助用户高效完成任务。

可触发智能工具栏 (Quick Bar)

编辑场景下,AI 助手可触发智能工具栏,为用户提供便捷的辅助工具,提升工作效率。

 

手机端应用场景

? AI 原生应用

AI 应用原生的标识设计,可以提升用户的功能认知和交互效率。

? 固定在产品底部导航栏

移动端 AI 入口常固定在产品的底部导航栏,确保用户随时能快速进入 AI 功能模块。

? 悬浮在产品侧边

移动端中的 AI 入口以悬浮形式出现在侧边,不占用过多空间,又能及时提供服务。例如在地图类产品中,用户可随时唤醒 AI。

? 跟随场景出现入口

在特定任务场景中,AI 入口贴心适时地出现,助力用户完成任务。

? 可触发智能工具栏 (Quick Bar)

移动端编辑场景中,AI 助手可触发 Quick Bar,为编辑任务提供智能化支持。


唤醒|欢迎提示

当用户首次接触 AI 产品时,欢迎提示组件可迅速帮助他们了解 AI 的能力和用法,从而降低学习成本,提升初始体验。

设计目标

欢迎 & 提示组件适用于唤醒 AI 阶段,目标是让用户快速理解 AI 能实现的功能范围及意图预期:
  • 清晰传达 AI 的功能和能力: 帮助用户快速认知并掌握 AI 的使用方法。
  • 降低用户学习成本: 精心设计的提示与推荐内容使用户快速上手。
  • 提供温馨体验: 用视觉吸引力与直观设计提升用户满意度和忠诚度。

? 欢迎组件

通过生动的文案和直观的介绍,欢迎组件帮助用户了解 AI 产品,减少学习困惑。其设计注重吸引注意力,为用户打造便捷、温馨的初始体验。
注: 欢迎组件通常搭载推荐组件,可适用于不同场景。


? 提示组件

提示组件通过用户行为、偏好和历史数据,精准推荐内容与服务:
  • 个性化推荐: 提高用户发现有价值内容的效率。
  • 持续优化: 随着用户数据的积累动态调整推荐,满足用户的变化需求。

组合场景示例

示意 1:简洁清晰的欢迎介绍与问题推荐

  • 特点: 简单直接的文案和设计,帮助用户快速理解。


示意 2:主标题和辅助解释

  • 特点: 突出推荐功能,辅助文案可自定义。


示意 3:去除背景,突出推荐功能

  • 特点: 推荐功能细化描述,帮助用户更深入理解。


示意 4:加入品牌形象,分组推荐功能

  • 特点: 分组信息展示,信息层次清晰。


示意 5:精心设计的视觉效果与文案

  • 特点: 通过视觉吸引与引导文案,增强用户兴趣。


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

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

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

联系我们

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

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询

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

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

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

一、 定义

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

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

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

二、 账号注册与登录

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

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

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

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

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

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

三、 服务内容与规范

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

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

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

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

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

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

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

四、 知识产权声明

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

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

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

五、 个人信息保护

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

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

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

六、 免责声明

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

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

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

七、 违约责任

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

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

八、 法律适用与争议解决

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

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

九、 其他

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

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

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


已查阅