Frigade
扫码查看

智能引导用户熟悉产品的AI助手

Frigade

综合介绍

Frigade 是一个安装在你的产品内部的智能助手,它的核心工作是帮助你的用户更好地理解和使用你的软件。 它通过模仿真实用户操作的方式来学习产品功能,然后可以自动生成引导教程、解答用户疑问,甚至直接帮用户完成某些操作。 这种方式和传统的聊天机器人不一样,传统的机器人需要依赖提前写好的帮助文档,而Frigade能够随着你产品的更新自动学习,不需要你投入额外精力去维护。 无论你是想引导新用户快速上手,还是向老用户展示新功能,或者只是想减少客服团队的压力,Frigade都能提供相应的工具。它既为开发者提供了可以灵活使用的代码组件,也为非技术团队提供了无需编程就能发布和修改引导内容的管理后台。

功能列表

  • 自动学习产品:Frigade通过分析和使用你的产品界面来自动学习各项工作流程,无需手动配置。
  • 应用内AI助手:在产品内部署一个AI助手,可以实时回答用户的问题,提供动态的、一步步的操作指引,帮助用户完成任务。
  • 用户引导和激活:通过可个性化定制的引导流程,帮助新用户在注册后快速完成关键操作,提升用户活跃度。
  • 功能采用:在合适的时机,向合适的用户群体展示和介绍新功能或高级功能,提高其使用率。
  • 产品营销:无需修改代码,就能在产品内部署和发布高质量的公告或更新信息。
  • 用户调研:通过在应用内投放问卷或小调查,收集用户反馈,并且不会干扰到用户的正常体验。
  • 可定制的UI组件:提供一系列高质量的React组件,例如清单、引导、提示框等,可以方便地融入你现有的产品设计风格中。
  • 数据分析与洞察:分析用户在引导过程中的行为数据,帮助你了解用户在哪个环节遇到了困难,从而改进产品。
  • 无缝转接人工客服:当遇到AI无法解决的复杂问题时,可以顺畅地将对话转交给人工支持团队处理。

使用帮助

Frigade的设计目标是让产品团队能够轻松地在自己的应用中集成强大的用户引导功能。整个过程分为两大部分:面向开发者的SDK集成和面向产品或市场团队的无代码后台操作。

第一步:开发者集成 (SDK)

集成Frigade首先需要开发者将它的软件开发工具包(SDK)安装到你的项目中。Frigade 主要为基于React框架的应用提供支持。

  1. 安装SDK:首先,你需要使用npmyarn将Frigade的React库添加到你的项目中。打开你的项目终端,输入以下命令:
    npm install frigade
    
  2. 初始化 FrigadeProvider:安装完成后,你需要在应用的顶层组件(通常是App.js_app.js)中引入并使用FrigadeProvider。这个组件的作用是为你的整个应用提供Frigade的上下文环境,管理用户状态和数据。
    import { FrigadeProvider } from 'frigade';
    function MyApp({ Component, pageProps }) {
    return (
    <FrigadeProvider
    publicApiKey="YOUR_PUBLIC_API_KEY"
    userId="CURRENT_USER_ID"
    >
    <Component {...pageProps} />
    </FrigadeProvider>
    );
    }
    export default MyApp;
    

    你需要将YOUR_PUBLIC_API_KEY替换成你在Frigade官网注册后获得的公钥,并将CURRENT_USER_ID替换成能唯一标识当前登录用户的ID。这样,Frigade才能为不同用户提供个性化的引导。

  3. 嵌入引导组件:现在,你可以在产品的任何页面嵌入Frigade提供的UI组件了。例如,你想为新用户添加一个入门任务清单,可以在相应的页面组件中加入<Frigade.Checklist />
    import { Frigade } from 'frigade';
    function OnboardingPage() {
    return (
    <div>
    <h1>Welcome to our product!</h1>
    <p>Here are some steps to get you started:</p>
    <Frigade.Checklist flowId="flow_new_user_checklist" />
    </div>
    );
    }
    

    这里的flowId是你之后在Frigade后台创建的具体引导流程的ID。Frigade还提供了其他多种组件,如用于产品巡览的<Frigade.Tour />和用于发布公告的<Frigade.Announcement />

第二步:非开发者后台操作 (Frigade后台)

当开发者完成SDK的集成后,产品经理、市场运营或设计师就可以在Frigade的网站后台进行绝大部分的日常操作了,全程无需编写代码。

  1. 创建和设计引导流 (Flows):登录Frigade后台,你可以开始创建“Flows”。 Flow是Frigade中所有引导内容的基本单位,一个Flow可以是一个新手任务清单、一个多步骤的产品功能导览,或是一个新功能发布公告。在创建过程中,你可以:
    • 撰写文案:直接在后台编辑引导组件中显示的标题、描述和按钮文字。
    • 设置触发条件:定义这个引导在什么条件下出现。例如,你可以设定一个任务清单只对“注册时间少于7天”且“未完成个人资料设置”的用户显示。
    • 设计样式:调整组件的颜色、字体和布局,使其与你的产品品牌风格保持一致。
  2. AI学习与内容生成:Frigade的一个核心特色是它能够自主学习。 你可以授权Frigade访问你的产品,它会像一个真实用户一样浏览和操作,自动记录下关键的功能路径。基于学习结果,当你需要创建一个关于“如何邀请团队成员”的教程时,Frigade可以直接为你生成包含所有步骤的引导流草稿,你只需在此基础上进行微调即可发布,极大地节省了手动配置的时间。
  3. 发布与A/B测试:当你对一个引导流感到满意后,可以直接在后台点击发布。这个引导内容会立即出现在所有符合触发条件的用户面前,无需开发者重新部署代码。你还可以创建多个版本的引导文案或流程,进行A/B测试,通过后台的数据分析面板查看哪个版本的转化率更高,从而持续优化用户体验。
  4. 查看数据分析:Frigade的后台提供了详细的数据分析功能。你可以清晰地看到每个引导流的展示次数、完成率,以及用户在引导的哪一步选择退出。 这些数据能帮你精准定位产品中可能存在的用户体验堵点,为后续的产品迭代提供决策依据。

通过这种“开发者一次性集成,运营团队持续性使用”的模式,Frigade将创建和优化用户引导体验的门槛大大降低,让整个团队都可以参与到提升产品采用率的工作中来。

应用场景

  1. 新用户上手引导当一个新用户刚刚注册你的SaaS产品时,内心可能充满困惑。你可以使用Frigade为他们设计一个欢迎任务清单,通过几个简单的步骤,如“创建你的第一个项目”、“邀请一位同事加入”和“导入你的数据”,一步步引导他们完成最初的核心操作,帮助他们快速体验到产品的价值。
  2. 新功能发布和推广你的团队刚刚上线了一个用户期待已久的新功能。你可以通过Frigade在产品内弹出一个简洁的提示框,只对那些已经使用了相关旧功能的老用户展示,告诉他们新功能已经可用,并附上一个简短的视频教程或多步骤的功能导览,鼓励他们立即试用。
  3. 提升关键功能使用率你发现很多用户只使用了产品20%的基础功能,而许多强大的高级功能无人问津。你可以设置一个触发式引导,当用户第5次完成某个基础操作后,自动提示他们:“你知道吗?使用我们的XX功能,可以让你刚才的操作效率提升3倍。”,从而激发用户探索更深层次的功能。
  4. 收集用户反馈在用户成功完成一项复杂任务后,你可以利用Frigade弹出一个小调查,询问他们:“在刚才的操作中,你觉得体验如何?(1-5分)”。这种在特定情境下发起的调研,比群发邮件更容易获得高质量的反馈,帮助你了解用户真实感受。
  5. 减少客服工单压力对于那些用户经常会问到的重复性问题,比如“如何重置密码?”或“发票在哪里下载?”,你可以让Frigade助手来处理。当用户在帮助中心输入问题时,AI会直接在界面上一步步地引导用户完成操作,而不是仅仅丢给用户一篇帮助文档。只有当AI无法解决时,才会转接给人工客服。

QA

  1. Frigade如何学习我们的产品?它会影响我们产品的性能吗?Frigade 通过两种方式学习:一是通过你授权它访问并像真实用户一样在你的应用中进行点击、输入等操作来探索工作流程;二是通过读取你现有的帮助文档和API文档。它的学习过程是在后台异步完成的,并且SDK本身非常轻量,对你线上产品的性能影响微乎其微。
  2. 如果我们频繁更新产品,需要手动更新在Frigade上创建的引导教程吗?不需要。这是Frigade的核心优势之一。当你的产品界面或功能发生变化时,Frigade能够自动检测到这些更新,并相应地调整它生成的引导流程。你无需为每次产品迭代都去手动修改旧的引导内容。
  3. 非技术人员(如产品经理)真的可以完全独立使用吗?是的。一旦开发人员在产品中安装了Frigade的SDK,产品经理、运营人员等非技术角色就可以登录Frigade的网站后台,独立完成创建引导流、撰写文案、设置目标用户、发布和分析数据等所有操作,整个过程不需要编写任何代码。
  4. Frigade支持哪些类型的应用?我们的应用是移动App,能用吗?目前,Frigade的SDK主要为使用React和Next.js技术栈构建的网页应用提供最好的支持。 关于移动端App(iOS/Android)的支持情况,建议直接查询其官方文档或联系其团队获取最新的信息。
  5. 我们的用户数据安全吗?Frigade如何处理隐私问题?Frigade非常重视数据安全和隐私。它在处理用户数据时会遵守相关的隐私法规。通常,传递给Frigade的数据仅限于操作引导所需的用户ID和一些行为事件,不会涉及用户的核心业务数据。具体的数据处理政策和安全措施,可以在其官网的隐私政策和条款中找到详细说明。
微信微博Email复制链接