ai for designersApril 30, 202611 min read

AI产品上线:如何设计AI工具的首次运行体验

一份人工智能产品导入实用指南。对 Cursor、Claude.ai、Linear AI、Granola、Perplexity、ChatGPT 和 v0 进行真实拆解分析。揭示如何在 60 秒内构建用户心智模型,避免扼杀用户激活的模式,并提供一份适用于任何人工智能产品首次运行体验的发布前检查清单。

By Boone
XLinkedIn
ai product onboarding design

大多数人工智能产品在用户引导方面失败,是因为它们沿用了普通SaaS产品常见的表单填写流程。但人工智能是一个不同的问题。用户必须在最初的60秒内构建一个关于非确定性工具的心理模型,而一连串的功能截图并不能完成这项工作。

以下是实用指南:用户在最初60秒内必须完成的四项任务、六种有效流程的拆解分析、三种扼杀用户激活的模式、人工智能首次运行的新模型,以及一份发布前检查清单。

人工智能用户引导是一个心理模型构建问题,而非功能演示

人工智能产品在用户引导方面失败,是因为它们将其视为功能演示。用户需要的不是功能列表,而是对产品的功能和局限性、如何与产品交互以及成功标准等问题的心理模型。这些都无法通过轮播图来展现。

心理模型是用户对系统行为方式的理解。对于确定性的SaaS产品,心理模型会在用户点击操作的过程中被动构建。对于人工智能而言,界面对所有任务都采用相同的提示栏,模型必须精心构建,以免用户放弃。打造最佳人工智能引导体验的团队会将最初的 60 秒视为一个包含四个任务的单一设计问题。

最初 60 秒必须完成的四个任务

每次人工智能首次运行都必须在最初的 60 秒内给出四个答案:它能做什么?我该如何与它交互?成功是什么样的?我的第一个提示是什么?如果这四个问题都正确,用户就会激活它。如果漏掉任何一个,激活率就会骤降。

工作室地板上水平排列着四根细小的粗体素柱,每根柱子颜色各异,由细细的连接体素线分隔,每根柱子上都刻有“BOUND”、“INPUT”、“SUCCESS”、“PROMPT”四个单字标签。
工作室地板上水平排列着四根细小的粗体素柱,每根柱子颜色各异,由细细的连接体素线分隔,每根柱子上都刻有“BOUND”、“INPUT”、“SUCCESS”、“PROMPT”四个单字标签。

这四个任务是不可更改的,但顺序可以商榷。有些产品会先给出功能限制,有些产品则会先给出第一个提示,然后让功能限制从输出结果中自然而然地显现出来。在回答任何问题之前就询问用户的角色和团队规模是行不通的。

功能限制,即人工智能能做什么和不能做什么

首要任务是确定功能范围。用户要么抱有过高的怀疑,要么抱有过高的期望,这两种情况都会影响他们的首次体验。怀疑者期待的是一个会胡言乱语的聊天机器人,而乐观者则期待的是一个神奇的自动答疑机。但实际上,两者都与产品不符。

解决之道在于展示产品的表面,而不是描述它的功能。ChatGPT 最初的产品介绍采用了三栏布局:左侧是示例,中间是功能介绍,右侧是局限性介绍。这一个屏幕就能比任何引导演示更快地让用户了解工具的基本结构。为了显得更强大而隐藏局限性是错误的做法。用户在第二次使用时仍然会发现这些局限性,只不过现在他们会感觉被误导了。

交互模型,用户应该如何与它互动

第二个任务是教会用户输入模式。聊天并非唯一的 AI 界面。用户必须知道是输入句子、按下快捷键还是拖放文件。假设用户已经知道这些是 AI 引导中最常见的错误。

光标只需三秒钟就能教会用户交互模型。用户打开文件夹后,命令面板会弹出一个小提示,询问是否可以进行编辑。Notion AI 也通过斜杠菜单传递了同样的信息。应该在上下文中显示调用方式,而不是在教程叠加层中显示。教程叠加层的作用是教用户如何关闭它们。

成功状态,完成状态的呈现方式

第三项任务是在用户进行任何操作之前,展示成功状态的呈现方式。AI 的输出结果对用户来说比较陌生,如果没有参考,用户无法识别出一个好的输出结果。空白的提示栏并非成功状态,而是一个用户不知道如何回答的问题。

Perplexity 通过在主屏幕上渲染实际结果来解决这个问题。点击任何热门问题,就会出现一个完整的答案页面,其中包含引用、后续问题以及已完成输出的视觉呈现。相比之下,有些工具会将用户直接放入一个只有问候语的空白聊天窗口。用户必须自行想象成功状态,而大多数用户不会这样做。

首次提示,价值落地的瞬间

第四项任务是在三十秒内引导用户进入真正的提示。超过三十秒,用户心智模型就会衰减一秒。三十秒是实际的预算,不是可以接受的。

Granola 通过事件触发首次运行来获取预算。引导流程只需一个屏幕,连接你的日历即可。产品会在用户下次加入通话时激活。Cursor 通过要求用户打开一个真实的代码库来获取预算。人工智能会在它真正有用的时候被调用。

六个有效的人工智能引导流程

这些模式只有在与已发布的产品接触后仍然有效才有意义。六个人工智能首次运行流程,成功完成了这四项任务。

Cursor,以打开真实代码库作为冷启动

Cursor 的首次运行不会显示 Cursor 本身。它会要求你打开一个真实的文件夹,然后编辑器会接管操作。由于用户已经在查看熟悉的代码,AI 通过熟悉的快捷方式调用,并且用户在实际工作中进行第一次有效的编辑,因此不到一分钟即可建立心智模型。

对于 AI 工具而言,最佳的冷启动环境是用户的真实环境。搭建的沙箱环境虽然看起来更安全,但它无法展现工具在实际工作中的表现。

Claude.ai,以示例提示作为演示

Claude.ai 在首次加载时会显示一个包含示例提示的主页。点击其中一个提示,用户即可进入一个工作对话,无需任何设置、引导或轮播图。用户在五秒钟内即可获得实际输出。

示例提示比功能列表更能有效地进行演示。每个示例都同时包含了功能边界、交互模型和成功状态。用户只需阅读、点击,即可一次性建立心智模型。

Linear AI,在现有流程中逐步呈现

Linear AI 无需单独的引导流程即可使用其 AI 功能。AI 会融入用户正在进行的操作中。例如,在创建问题时,AI 会提供更详细的描述;在对待办事项进行分类时,AI 会建议排序顺序。每个界面都只需点击一次即可完成。

由三个体素基座组成的体素图像,基座上承载着失败的模式:左侧是一叠教程卡片,上面划过一条珊瑚规则;中间是一个模态旋转木马,上面划过同样的规则;右侧是一个由空输入条组成的门,上面划过同样的规则。单字标签分别为:教程、旋转木马、门。
由三个体素基座组成的体素图像,基座上承载着失败的模式:左侧是一叠教程卡片,上面划过一条珊瑚规则;中间是一个模态旋转木马,上面划过同样的规则;右侧是一个由空输入条组成的门,上面划过同样的规则。单字标签分别为:教程、旋转木马、门。

嵌入现有产品中的 AI 无需任何独立的引导流程。正确的模式是在用户已熟悉的流程中逐步呈现。在用户已使用的产品中单独设置 AI 引导流程是一种负担。

Granola,以“加入您的下一个通话”作为触发条件

Granola 的引导流程非常简单,只需一句话:连接您的日历。产品会在用户下次加入通话时自动激活。用户无需记住如何使用该产品,产品会自动记住。

对于任何与用户重复行为相关的AI产品而言,事件触发的首次运行优于会话触发的首次运行。首次提示可能是用户的下一次真实会议、下一次真实提交、下一次真实打开的文档。用户无需再次打开应用即可获得价值。

Perplexity,提示建议作为引导

Perplexity 的主屏幕是一个提示输入框,下方显示五个建议问题。这些建议足够好,用户只需在20秒内提出第一个问题即可。用户无需自行构思问题,只需选择一个,答案页面就会引导他们完成其余问题。

提示建议是AI引导中最经济实惠的引导方式。它们的部署成本几乎为零,却能将首次输出时间缩短一个数量级。所有带有空白提示栏的AI产品都应该提供建议,直到用户能够提出自己的问题为止。

ChatGPT,着陆页能做什么?

ChatGPT 的首发版本,在其原始版本中,在一个屏幕上展示了示例、功能和局限性。这种三栏式的着陆页设计,至今仍是规模化交付的最简洁、以功能为导向的引导流程。每一栏都用通俗易懂的文字完成了四项任务中的一项。

一个诚实、以功能为导向的着陆页,永远胜过冗长的教程墙。局限性应该与功能放在同一个屏幕上。为了显得更强大而隐藏局限性,这种做法会在第二天就削弱用户的信任。

想要一款能在前 60 秒内建立用户心智模型的 AI 产品吗?聘请 Brainy。UXBrainy 提供首发审核和引导流程重新设计,AppBrainy 提供完整的 AI 产品交付,而 ClaudeBrainy 提供提示和技能层,使功能演示成本低廉。将其与 AI代理UI设计模式 的工作相结合,确保代理层以同样的精湛工艺交付。

三种失败的AI引导模式

大多数难以激活的AI产品都存在以下三种失败模式的组合:教程墙、模态轮播图和表单门槛。每一种都会延迟用户首次真正使用AI产品,而且其带来的学习效果远不如首次提示本身。

教程墙阻碍首次提示

在用户输入任何内容之前就运行多步骤教程是AI引导中最昂贵的错误。三个步骤太多,五个步骤则显得过于繁琐。用户不看教程就点击进入,最终到达提示栏时一无所获。

删除教程。用一个包含完整内容的主屏幕、一个真实示例或一个事件触发器来代替。教程一直以来都只是为了增强用户的信心。

模态轮播图解释用户尚无法使用的功能

在用户尚未进行任何操作之前就列出AI功能的模态轮播图,只是在解释功能,而没有实际演示。用户阅读、关闭并忘记了每个屏幕。功能列表无法构建心智模型,而实际使用效果才能。

这是企业级 SaaS 产品中最常见的失败模式,即在现有产品上集成 AI。团队会发布一个包含 AI 功能截图的“新增功能”弹窗,并称之为“用户引导”。但用户激活过程却停滞不前,因为他们无法识别成功的输出结果,也没有理由再次访问。

表单门槛:在提供价值之前要求用户提供背景信息

在 AI 输出结果出现之前,要求用户填写团队概况、角色和用例,这本身就是一个表单门槛。表单门槛尤其会扼杀 AI 产品的激活。用户注册是为了了解 AI 的功能,而表单却成了他们与答案之间的一道障碍。

先提供价值,稍后再收集背景信息。第一个提示不需要用户填写团队规模。将表单移至设置页面,让用户在决定保留产品后再填写。

AI 用户引导的新模式

新模式包含三条规则:优先展示功能而非解释特性;30 秒内发出第一个提示;2 分钟内显示成功状态。目前所有成功激活的 AI 产品都遵循这些规则。

工作室地板上的三根体素柱呈三角柱状排列,构成一个体素组合:左侧是珊瑚色板,上面有一个小型体素演示屏幕;中间是青色板,上面有一个亮度稍高的体素提示条;右侧是米色板,上面有一个小型体素成功勾号。
工作室地板上的三根体素柱呈三角柱状排列,构成一个体素组合:左侧是珊瑚色板,上面有一个小型体素演示屏幕;中间是青色板,上面有一个亮度稍高的体素提示条;右侧是米色板,上面有一个小型体素成功勾号。

这三条规则共同构成一个整体。如果产品能够演示功能,但需要三分钟才能发出第一个提示,则仍然无法达到激活预算。如果产品能够快速发出第一个提示,但始终无法显示最终输出,则仍然无法达到成功状态。三条规则必须全部满足,否则就一条都不能满足。

AI 上线前检查清单

在任何 AI 产品上线前,都应运行此清单进行首次运行。包含十二项检查,所有检查结果均可量化。

  1. 用户测试中,从用户进入系统到发出第一个提示的时间应少于三十秒。

  2. 从用户进入系统到显示第一个最终输出的时间应少于两分钟。

  3. 功能界面应显示在第一个屏幕上,而不是隐藏在帮助中心。

  4. 功能限制应与功能显示在同一屏幕上。

  5. 交互模型应在上下文中进行教学,而不是以教程叠加层的形式呈现。

  6. 主屏幕应显示已填充的示例、建议或事件触发器。

  7. 提示栏前不应出现教程墙。

  8. 在第一个输出结果之前,没有模态轮播列表功能。

  9. 在第一个 AI 输出结果之前,没有表单入口。

  10. 用户在生成成功结果之前即可看到成功状态。

  11. 嵌入式 AI 功能集成在现有流程中,而不是单独的引导教程中。

  12. 第一个提示通过用户熟悉的快捷方式、菜单或事件触发。

该列表位于设计评审模板中,并且每次运行速度都会提升。

常见问题解答

AI 产品引导流程中最重要的时刻是什么?

第一个提示。其他所有时刻都是为了尽快引导用户获得实际输出结果。时间限制为 30 秒。

AI 引导流程是否应该包含引导教程?

不应该。引导教程只是对产品信心的替代。一个填充了内容的主屏幕、一个示例提示或一个事件触发器就能立即完成同样的引导工作。

AI 引导流程与 SaaS 引导流程有何不同?

AI 引导需要在 60 秒内构建一个关于非确定性工具的心理模型。SaaS 可以依赖用户自行点击探索确定性功能。照搬 SaaS 模式是此类产品中最常见的错误。

如何正确地向用户展示 AI 产品的局限性?

将局限性与功能显示在同一屏幕上。隐藏局限性会在第二天就削弱用户的信任。首次使用时的坦诚是赢得用户再次使用的关键。

AI 产品在首次提示之前需要用户帐户吗?

几乎不需要。只要成本允许,首次提示就应该无需帐户即可运行。每个帐户门槛都相当于激活费。

AI 引导真正带来的变革

一个首次使用体验出色的 AI 产品并非仅仅是一个带有引导教程的产品。它能够在 60 秒内,同时帮助用户建立心理模型并展现产品价值,且中间没有任何阻碍。目前成功的产品将此视为一个单一的设计问题,而不是一系列屏幕的集合。

大多数人工智能产品仍然沿用 SaaS 的老套路:表单入口、功能轮播、成功提示框、闪烁光标。这种流程在 SaaS 领域已经差强人意,在人工智能领域更是彻底失效。领先的团队会移除表单入口,用真实案例替换轮播,并在首页放置提示栏,下方提供建议。

如果用户在 30 秒内看到第一个提示,并在 2 分钟内看到第一个输出,他们就会激活产品。如果其中任何一个时间差过大,用户就会流失。将这项工作与 AI原生产品设计 结合使用,利用 Claude 技能 降低示例提示的成本,并借助 视觉层级 保持首页简洁易读。

如果你想要一款能在 60 秒内让用户理解其概念的人工智能产品,请参考 聘请 Brainy。 UXBrainy 提供首次运行审核和新用户引导重新设计,AppBrainy 提供完整的 AI 产品交付,而 ClaudeBrainy 提供提示和技能层,使功能演示变得廉价。

Want an AI product that lands its mental model in the first sixty seconds, not the tenth session? Brainy ships UXBrainy as first-run audits and onboarding redesigns, AppBrainy as full AI product delivery, and ClaudeBrainy as the prompt and Skill layer that makes capability demonstration cheap to build.

Get Started