一款方便的 WebApp 流程录制工具,轻松制作 流程演示 / 功能介绍 / 使用教程 ……#猜猜是谁

关于 How-To 视频

在 Web App 盛行的今天(尤其是海外),我们日常的工作流或许可以完全由网页包办了。 除了刷刷信息,看看视频,记记笔记之类的 个人用途; 哪怕是复杂的工作业务流程,也可以由不少 WebApp 组合完成,例如: SalesForce,Zapier,Goggle Workspace,Figma,Miro ……

那么随着 WebApp 的普及,显然会有人需要描述 WebApp 上发生的 各种 How-To, 比如:

  • 向潜在用户展示:Miro 上的通话功能怎么用
  • 回答求助用户: CRM 上的账号怎么显示
  • 告诉某个笔记爱好者: Notion 的「同步块」怎么设置
  • 向开发人员描述:怎样操作可以复现一个 Bug

无论是 个人 还是IT人员,或者是WebApp的客服,目前回答「How-To」的主流做法是录一段视频给用户看, 最好配上视频讲解,或者圈出重点操作位置,辅以文字说明。

这种演示的好处是直观形象,但传统的做法下,录屏+制作 的效率并不高,我需要手动标出高亮地方,编辑调整视频。 今天这款工具,针对 WebApp 类的 How-To, 提供了可能是目前最轻松的 教学演示视频 的录制方式。

这款 协助制作 How-To 演示的工具叫做 guidde

guidde 登场

guidde 是一款上手非常简单的工具。 所以,简单来说:

(1)注册,安装 guidde 浏览器插件

(2)点击 开始录制, 然后在网页上操作我们希望展示的流程

(例如:如何打开地图网页,定位到某个地方,搜索周边餐厅,如何在线下单)

(3)点击 结束录制。好了,一段 教学演示 就完成了。

看到这里,我们可能觉得:这和普通录屏工具 没什么区别啊?

guidde 的 便利之处在于, 它帮我们 自动划出了重点

guidde 会在我们 输入内容,或者点击按钮,或者更改选项的时候留下高亮注意。 同时 guidde 会过滤掉那些无关的工作,突出操作的重点(关键帧)。就像下面这样

另外,guidde 还允许我们快速编辑 我们的 录制过程。 比如:

  • 增删一些过程片段
  • 为重点场景添加一些额外的 文字描述
  • 添加一个封面或结尾

编辑的过程就像在处理一叠 PPT 幻灯片,我们可以自由编辑录制「关键帧」。这点,有视频编辑,或PPT经验的同学,应该都很容易上手。

完成所有这些后,我们可以 分享这些演示过程给其他人,包括播放链接或嵌入式代码的方式。 比方说我们可以做 10个「常见问题」的过程录制,然后将它们嵌入到 Notion 的某一个页面中去,那么一个公开的 「产品FAQ」 页面就快速诞生了。

最后

目前 火箭君用下来,guidde 有一个缺陷:对中文支持似乎有些问题,如果我们描述里面含有中文,可能会出现不能全部正常显示的问题。

guidde 有免费版本,可以录制 25个过程视频, 但是包含 guidde 水印。 他们家也提供了付费版本, 可以去除水印,加入自己品牌 Logo, 不限制存储视频的数量等。 费用如下:

总之,各位如果要 介绍 WebApp 产品,保存自己的操作,制作教学视频,回答操作类的问题,或提供测试流程, guidde 都是一个很实用的选项。

guidde 官网

https://www.guidde.com/