一款方便的 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/

看过不代表学过,现在能边看视频,边做笔记, 非常顺手 #猜猜是谁

边看边记的麻烦

应该说, 油管(Youtube)是一个知识非常丰富的视频宝藏。

虽然里面有些离奇博眼球的低质内容,但也不乏大量高质量的科普或专业课程视频,尤其还有英文对照自动字幕。对于热爱学习/希望不断充电的小伙伴来说,油管真的是个性价比很高的自学课堂。

一般来说,我们看一个学习视频(例如:哈佛公开课)的时候, 可以同时另开一个 App(例如:Notion),调整窗口进行分屏笔记。 但是, 实际操作起来,我们就会发现, 要想在视频和笔记两个窗口里面完成 暂停/回退/快进 视频, 截取视频某段出处(具体播放时间点),都会很麻烦。,因为会不停将输入焦点从笔记切到视频窗口,再切回来。这样非常影响学习的连贯性和注意力。

因此,一个集成了播放和笔记的工具就能带来很棒的体验。最好在看视频时,手都不用去碰触鼠标,专心记录笔记即可。 现在,就有了这样一款工具,给出了一个「完全集成」的视频观看和笔记撰写体验。

这款工具 App 叫做 ClarityNotes

ClarityNotes 登场

这个 App 由两部分组成:

  • 一部分是 Chrome 插件,负责边看边记
  • 一部分是网页版的笔记管理后台

记录笔记

通过 Clarity 的网页插件,我们可以在 YouTube 网页视频的侧边立刻开始记录。

并且,我们可以通过 Clarity 的快捷键控制YouTube 视频的播放/暂停/回退和快进。 整个输入焦点不用离开笔记本身,也不用去动鼠标。

例如:我们完全可以一键暂停视频,慢慢写下记录,如果没看清视频内容,一键回退(默认5秒),继续播放,继续记录,整个过程行云流水,非常顺手。

其中,最实用的还是:Clarity 允许用户一键将视频当前播放时间点作为链接存放到笔记当中,供以后回溯。就像下面这样。

由于很多动作都是基于快捷键操作,我们在开始 Clarity笔记前还是需要稍微熟悉一下操作,之后,就能进入一个顺流,完美的边看边记。

管理笔记

当然记录下来的笔记还需要有一个地方管理,Clarity提供了一个统一的后台。

我们不用在看视频之前就去操心笔记存放在哪里,完全可以看完记完后再来整理编辑和导出归档。

由于,Clarity 就是朴实的 Markdown 笔记, 附加 视频时间点链接(普通的URL链接),因此很容易被导出到 几乎任何其他的笔记App里面,包括Notion,Roam,Obsidia 甚至 可以一键包装分享出去, 分享到社交媒体。

  • 手动粘贴导出到 Obsidian
  • 其他人的视频笔记分享

一些和 Notion 等高级结合的功能,似乎要另外收费,不过我觉得纯 Markdown 笔记已经很好了,完全可以自行归档。

最后

ClarityNotes 是一款目标非常明确的产品,功能不复杂,但是很实用。 一定要说美中不足,那就是目前只能支持油管, 说不定有兴趣的小伙伴也许可以整一个「全视频网站」的笔记工具(B站自己似乎有类似,不过只是B站附属)。

ClarityNotes 有 免费/收费 版本,价格如下,不是很贵(免费,USD24/Y,USD35/Y),主要区别还是 笔记数量限制和高级功能,如果经常自己手工归档到其它笔记App,完全可以一直用免费版。

ClartiyNote 官网

https://www.claritynotes.io/