博客

不用录屏,怎样做产品演示视频

· 阅读约 6 分钟 · LaunchReel AI

产品演示视频的任务很简单:让观众在注册之前,看到产品做了一件有用的事。常规做法是录屏。录屏有效,但做起来慢、改起来难,界面一变就过时。这篇讲另一种办法:从你的网站出发,得到一支很短的演示;以及老办法什么时候仍然是对的选择。

示例片的一帧:深色底上,一排政要演讲的旧影像分上下两条,中间是一根带圆形把手的绿色进度条。
示例片里的一帧:进度条和画面都是画出来的元素,文字是真字体。

录屏为什么容易过时

录屏把你的界面定格在某个下午。按钮改了名、菜单换了位置、多出一个引导步骤,视频就悄悄变错了。要修只能整段重录,因为扁平的视频文件里没法改其中一句话。

  • 字太小:把 1440 像素宽的窗口压进 1080p 画面,标签成了一团糊,到手机上就干脆看不见了。
  • 手抖:真实的光标会漂、会犹豫、会点偏,即使产品毫无阻力,看上去也像有摩擦。
  • 太长:真实任务就要真实的时间,观众想要十秒的证明,视频却拖到两分钟。

演示视频该包含什么

不管用什么方法,一支有效的短演示都有同样四个部分。把它们当作要做对的镜头:

  1. 起点:用户什么都没做之前看到的画面,让观众知道自己在哪。
  2. 动作:用户做的一件事,比如一次点击、一次粘贴、一次拖动。
  3. 结果:发生了什么变化,放大到看得清。
  4. 下一步:去哪里试,带上你真实的地址。

每个功能做一遍,最多三个功能,就是一支约 30 秒的演示。App 演示视频模板展示了这些部分在移动应用里如何掐时间。

从你的网站出发做演示

LaunchReel AI 从你网站的地址做演示,而不是靠录屏。它读首页和最多三个内页,找出在卖产品的主张和界面元素,写出简报和分镜。影片由基于代码的引擎画出来:你真实的颜色、字体和标志,以及按影片自己画幅重新搭建的页面元素,再在上面加点击、滚动和转场的动画。文字始终是真字体,所以任何尺寸下都清晰。

它不是你产品的录像,也不会凭空编造界面。页面上没展示的功能,影片里也不会声称有。对于藏在登录后面的功能,贴地址时可以补最多六张那些界面的图片。

产品变了,怎么更新演示

这正是这个办法划算的地方。在对话里点中过时的那个镜头,说清楚变了什么,只有这一镜会重画,其余镜头原样保留。每个版本都留着,所以团队上周认可的那一版还在,可以拿来对比。按钮改了名,是改一行字,不是重录一遍。

录屏仍然更合适的时候

  • 完整教程:如果人们要跟着每一次点击走十分钟,就去录。
  • 只存在于登录之后、又没法用图片展示的流程。
  • 缺陷报告或客服答复:这时录屏恰恰是对的。

对产品的门面,也就是决定别人要不要试一下的那 30 秒,做出来的影片通常更干净。想看它在网页产品上是什么样,见 SaaS 讲解视频页面;App、扩展或开发者工具则看使用场景页面。

一个例子:给开票工具做三个镜头

拿一个开票产品来说。第一个镜头是起点:一张空的发票列表,标题是「一分钟发出一张发票」。第二个镜头是动作:输入客户名称,添加一行明细,合计随之更新。第三个镜头是结果:一张已发出的发票带着绿色的「已付款」标签,然后是地址。每个镜头一句主张、一行字幕,没有哪个需要超过几秒钟。

留意缺了什么:登录页、设置、把每个菜单逛一遍。演示是产品的预告片,不是说明书。想看说明书的观众,会在你的网站上找到它。

还有一个好习惯:先写每个镜头的字幕,再去看任何画面。如果光看字幕就能讲完故事,画面只需要印证它。如果字幕要靠画面才看得懂,说明这个镜头想同时干两件事,应该拆开或者砍掉。

怎样检验你自己的演示

  • 陌生人看一遍之后,能说出产品做什么吗?不能的话,说明某个功能在和想法抢戏。
  • 他们在手机上能读清每个字吗?不能的话,是字太小或太长。
  • 每一个画面,都是你产品里真有的吗?不是的话,就删掉。

用在哪里

16:9 成片适合首页首屏、README、销售演示稿和 YouTube。5、6、8、10 秒的 9:16 和 1:1 短版适合社交信息流和商店页。字幕烧录在画面里,每次干净导出都附一个 .srt 文件。

常见问题

不录屏能做演示视频吗?

能。LaunchReel 用你的公开页面,以及你补充的最多六张界面图片来做演示,不录制任何东西。

产品发版之后怎么更新视频?

在对话里点中过时的镜头并描述变化。只有这一镜会重画,之前的版本会保留。

演示里的文字在手机上看得清吗?

看得清。文字是按影片画幅画出来的真字体,而不是从截图缩小得来,所以保持清晰。

能展示登录后面的功能吗?

它自己做不到,因为只读公开页面。贴地址时补上那些界面的图片,分镜就能用上。