产品介绍:把反复讲的操作留下来

同事问“怎样导出这张表”时,一张截图往往少了前后步骤,长视频又需要来回寻找。Supademo 可以把操作画面和说明组合成可点击的演示,生成一个可以分享或嵌入帮助文档的入口。它还提供视频、HTML 演示和演示助手;这里聚焦最容易开始的截图引导演示。产品介绍列出了这些用途。

演示中的“热点”是画面上的可点击说明,用来提示看哪里、点什么。读者沿热点查看保存好的画面,不需要进入你的真实业务后台。它适合讲清一条稳定的操作路径;产品页面改变后,录制者仍要检查旧指南是否适用。

截图保存了当时的界面。录制、导航、分享和维护承担不同职责;直达某一步的链接仍受演示访问权限约束。图中报表为教学示意。

核心使用流程:做一份三步导出指南

以“选择报表、设置日期、导出文件”为教学情境。目标是一份同事能自行跟着看的指南,下面的示例文案由作者拟定。

  1. 准备一个短流程。 注册账号后安装并固定 Chrome 扩展,打开需要演示的网页。先把姓名、订单号等换成教学数据,再开始录制。Free 套餐含 5 个引导演示;HTML 演示、分支等能力有另外的套餐要求,这次先使用截图流程。
  2. 录下实际操作。 在录制窗口用 Save As 选择保存目录,再开始录制。扩展会采集操作并组合步骤;关闭 Enable Video Recording 可只生成截图演示。完成“选择报表→设置日期→导出”后停止,进入编辑。右键菜单或系统对话框应改用桌面录制,或上传截图后手动补热点,不能假定扩展会抓到所有画面。
  3. 让每一步说清一个动作。 在编辑视图检查自动生成的热点,拖动到对应控件旁,编辑说明。例如“选择本月”“确认日期范围”“点击导出”。热点指南说明,同一步多个热点会同时出现。若需要依次讲两个位置,可以复制该步、分别调整热点和导航;不要把三条指令挤在一个气泡里。
  4. 按读者顺序走一遍,再分享。 检查热点指向、下一步和结束画面,确认截图中没有真实业务资料。在分享弹窗设置查看范围,再复制链接。Public 表示拿到链接的人可看,Private 只允许有访问权限的人查看。也可以在帮助文档中嵌入演示;需要直接回答某一步的问题时,链接支持用 step 参数定位该步。

成品是否清楚,可以请一位没见过流程的同事说出最后会得到什么。能点完演示只是一次检查;实际业务网页的权限和操作结果仍要在真实环境中确认。

设计亮点与借鉴:把操作位置与说明放在一起

说明跟着具体画面走

热点把“点哪个位置”和“为什么点”放在同一步,读者不必一边看文字、一边在整张截图中搜索。每次点击再进入下一画面,也给了读者控制阅读速度的机会。代价是录制者需要决定步骤边界:步骤过少会跳跃,过多则让简单操作变得拖沓。可借鉴的是按一个明确动作组织信息,而不是按录屏时长切段。

制作一个入口,允许从具体问题进入

分享链接把多步画面留在同一份指南中,定位参数又能让读者直接回到相关步骤。它减少了为每次提问重新截一组图的必要,但也要求维护者持续检查截图和说明。10 月 22 日的官方更新还加入了翻译过期提示:已翻译的文字改动后,会提示哪些语言需要更新。这体现了一个可迁移的思路——不仅保存内容,也把后续维护中容易漏掉的关系显示出来。这里的收益是基于公开机制的分析。