跳至内容

手动截图与自动点击截图对比

根据任务长度、操作控制、漏步风险、设置成本、编辑工作和最终输出,选择手动截图或自动点击截图。

9 分钟阅读效率作者:Temposhot Team

Action Capture recording clicks in another app as ordered steps

为软件操作撰写文档时,通常每个步骤对应一张截图。可以用快捷键逐张手动截取,也可以让工具在每次点击时自动截图。两种方式产出的原始素材相同,区别在于操作中断次数、漏掉的步骤,以及最后需要的编辑工作。

以下对比使用同一项任务,分别用两种方式记录:在一款网页财务应用中提交一份附带两张收据的报销单。该任务从仪表盘到确认页面共需 20 次点击。两次记录使用同一台 Mac 和同一个测试账号,一次使用 macOS 截图快捷键,一次使用 Temposhot Action Capture。

示例中的四个数字:任务共 20 个步骤;手动截图快捷键需要 60 次手动输入操作;手动截图漏掉 1 个步骤;点击截图后删除了 3 个多余画面。

手动截图与点击截图速览

对比项手动截图自动点击截图
截图触发方式用户按下快捷键每次有效的鼠标点击
每个步骤的中断停止、按键、拖动、再继续无
漏掉的步骤长任务中常见很少;每次点击都会被截取
多余画面很少可能出现;审阅时删除
步骤标题手动输入根据被点击的元素生成
点击位置手动添加启用后自动标记
整理重命名、排序、粘贴到文档中步骤已按顺序排列在 Document 中
适用场景1 至 5 个有意选择的状态路径中有 10 个或更多步骤

各阶段耗时

两次记录的差异主要不在截图阶段,而在之后的所有工作。手动截图使任务本身的耗时从约 6 分钟增加到约 14 分钟,因为每个步骤都需要停顿。差距更大的部分是文件处理和整理,点击截图可以省去这些工作。

各阶段耗时对比:截图阶段手动 14 分钟、点击截图 6 分钟;文件处理 8 分钟对 0;撰写标题 12 分钟对 4 分钟;点击标记 10 分钟对 0;粘贴整理 9 分钟对 0;总计约 53 分钟对 10 分钟。

以上时间来自一位作者的一次操作,不是基准测试。比例会随任务变化:文字输入多、点击少的任务会缩小差距;短点击多的任务会扩大差距。

两种方式的共同点

两种方式的前期准备相同:测试账号、示例数据,以及不显示私人通知的干净屏幕。两者生成的都是同样像素的 PNG 截图。两者都需要有人在新账号上按照指南逐步操作,做最后检查。

差别在于时间花在哪里。手动截图在任务进行中和完成后都要花时间做机械性操作;点击截图只需一次性设置和一次简短检查。

需要少量有针对性截图时使用手动截图

当每张截图都需要人工判断时,手动截图是合适的方式:

  • 发布说明中的前后对比图。
  • 支持工单中的单个错误对话框。
  • 调整好所有选项后截取的设置页面。
  • 点击后会消失的悬停菜单或工具提示。

macOS 快捷键可以满足这些需求。Shift+Command+4 截取区域,按 Space 可切换为窗口截图。Shift+Command+5 可添加 5 秒或 10 秒的计时器,适用于按键后会关闭的菜单。

减少编辑工作的手动习惯

以下三个习惯可以让手动截图的后期编辑更快。第一,按下 Shift+Command+4 后按 Space,截取整个窗口,所有画面的尺寸保持一致。第二,使用 Shift+Command+5 及其 Options 菜单,将文件保存到专用文件夹,而不是桌面。

第三,边截图边在文本文件中写下步骤标题,每张截图占一行。事后输入 20 个标题意味着要回忆 20 个画面;截图时写下每个标题,每次只需几秒。

手动截图文件的去向

macOS 默认将每次快捷键截图保存到桌面,文件名包含日期和时间。20 个步骤会生成 20 个文件,文件名只表明拍摄时间,无法看出截图内容。按名称排序可以保持顺序,但任何重拍的截图都会排在列表末尾。

桌面文件夹的文件树:包含 10.41 至 10.55 的时间戳截图文件,列表末尾是第 7 步的重拍截图,以及一个仍需逐张粘贴图片的 expense-guide-draft.docx 文档。

第 7 步的重拍是典型的出错情形。它会排在第 20 步之后,作者需要在整理时手动把它移到正确位置。

单个手动步骤的操作循环

每个手动步骤都重复同一套操作。单次循环很短,但 20 个步骤累计达到 60 次独立的输入操作,尚未开始任何编辑。

单个手动步骤的流程图:按下 Shift+Command+4,拖动选择区域,松开鼠标后将文件保存到桌面,焦点返回浏览器,然后执行该步骤所记录的点击。

较长的软件操作路径使用点击截图

点击截图适用于点击本身就是步骤的任务,例如设置账号、跨多个界面修改配置,或提交报销单。按正常速度完整执行一次任务,工具会在每次点击时记录屏幕状态。

在 Temposhot 的 Action Capture 中,选择 Start Action Capture,然后选择截图目标:Active Window、Full Screen、Specific Window 或 Capture Area。Temposhot 会在每次有效点击之前保存目标状态,因此截图显示的是点击前的界面,而不是点击后加载的界面。

Action Capture recording clicks in another app as ordered steps

为本任务选择目标

四种 Action Capture 目标各适用于不同形态的任务。对于报销单,选择取决于 20 个步骤中应该出现什么内容,以及应该排除什么内容。

目标对报销单的适用性
Active Window跟随被点击的窗口,因此 Finder 上传对话框会成为独立的步骤图片
Full Screen每个步骤都会显示菜单栏、Dock 以及其他打开的应用
Specific Window所有步骤都保留在浏览器窗口上;本次运行选用此项
Capture Area如果只需要报销表单,此项有用;但侧边栏的步骤会落在区域之外

Active Window 同样可行,并且会显示 Finder 对话框本身。作者选择让所有页面都停留在浏览器上,使指南的外观保持统一。

配置报销单运行

报销单操作始终在同一个浏览器窗口内完成,因此 Specific Window 可以确保每个步骤都不包含其他应用。收据通过 Finder 对话框上传,该对话框是独立窗口。开启 Capture outside clicks 后,这些点击会作为步骤保留,同时仍只截取浏览器窗口。

本示例的设置面板:捕获目标为 Specific Window,捕获每次鼠标点击,开启 Capture outside clicks,开启 Parse clicked elements,点击区域标记为 Rectangle Medium,手动截图快捷键为 Shift+Command+2。

20 步的运行超过了免费版每次运行 5 个步骤的 Action Capture 上限。在免费版中,运行会在第 5 步暂停,并保留已保存的 5 个步骤;Temposhot Pro 允许运行继续到第 20 步。

录制前先演练一次

第一次填写不熟悉的表单时,通常会走错路:打开了菜单又关掉,或者填写字段的顺序不对。由于每次点击都会被截图,每一次走错都会变成一个需要删除的页面。在草稿报告上演练一次后,录制的运行中就没有了这些弯路。

演练还显示了悬停提示和延迟显示横幅出现的位置。提前掌握这些信息后,两次手动截图快捷键的按下就成为计划的一部分,而不是临时反应。

运行过程

点击截图运行耗时约 6 分钟,与不做任何记录直接完成任务的耗时相同。浮动工具栏显示步骤数,便于确认每次点击都已被记录。

点击截图运行的时间线:0:00 按 Command+3 开始,1:50 前完成第一张收据上传,2:40 手动截取悬停提示,3:30 前完成第二张收据,5:20 提交,6:05 按 Command+. 结束截图并打开 Document。

比较中断与漏掉的步骤

用手动方式截取 20 个步骤的任务需要 20 次快捷键按下、20 次区域选择,以及 20 次回到任务界面的操作。每次中断都可能忘记一个步骤,尤其是关闭对话框或切换标签页这类细小的步骤。读者通常恰恰会卡在这些步骤上。

点击截图消除了中断。代价是会产生多余画面:误点或点击空白区域也会生成步骤。审阅时删除 3 个多余步骤,通常比补做 1 个遗漏步骤快,补做意味着重新执行部分任务。

切换焦点的代价

每个手动步骤都会把注意力从任务转移到截图工具,再转回任务。在报销单的操作中,作者必须记住下一张是哪张收据、它需要哪个类别,以及哪些截图已经完成。漏掉的步骤出现在第一张收据上传之后,此时需要跟踪的状态最多。

点击截图只需考虑任务本身。作者的注意力保持在表单上,浮动工具栏上的步骤数可以确认每次点击,无需查看文件。

示例中漏掉的步骤

在手动运行中,作者忘记截取第 9 步:即第一张收据上传后,在类别菜单中选择 Meals。指南看起来很完整,直到审阅人员按照它操作,在提交时遇到了校验错误。补做第 9 步需要新建一份草稿报告,重新上传收据,并截取一个画面。

点击截图运行为 20 个步骤生成了 23 个画面。其中两个是滚动页面时点击空白区域产生的,一个是在金额字段上的双击。三个画面都在一分钟内从 Pages 面板中删除。

点击截图为何很少漏掉步骤

点击截图工具不会漏掉点击,因为点击本身就是触发条件。它可能漏掉的是没有点击的步骤:键盘快捷键、输入的值和悬停状态。Temposhot 还会忽略间隔过短的连续点击,因此一次操作不会生成重复步骤。

对于仅通过键盘完成的步骤,手动截图快捷键可以在没有点击的情况下添加步骤。在本示例中,类别字段的提示只在悬停时出现,因此使用 Shift+Command+2 截取。

比较截图控制与编辑工作

手动截图可以对每张截图的取景和时机完全控制。编辑工作在之后进行:裁剪、重命名文件、排序、添加箭头,以及输入步骤文字。

点击截图将这些选择转移到一次性设置中:

  • 鼠标点击捕获模式: 每次点击、仅在按住修饰键时、按住修饰键时跳过,或从不捕获。
  • 标题模板: 已解析的点击会使用类似 Click "[[element-name]]" 的标题,并填入元素名称。未解析的点击使用 Click here。
  • 视觉标注: 在点击截图中显示光标,并用圆形或矩形标记被点击的区域。

之后在 Document 编辑器中进行调整,而不是从头搭建。Balanced 或 Close 等取景级别会围绕操作区域裁剪,Blur、Click Marker 和 Step Numbers(Pro)用于处理常见的编辑。

示例中生成的标题

在 20 个生成的标题中,15 个正确命名了控件,例如 Click "New expense report"。有 4 个生成为 Click here,因为被点击的控件没有通过 macOS 辅助功能提供可读的名称。另有 1 个使用图标按钮的内部标签,而不是可见的提示文字来命名。

生成标题与最终标题的对比:Click New expense report 保留;两个 Click here 标题改写为上传区域和日期选择器;一个图标标签改写为 Add a second receipt。

修正 5 个标题用了约 4 分钟。手动运行中输入全部 20 个标题用了约 12 分钟。

清理阶段的编辑器按键

清理工作大部分只需在 Document 编辑器中使用几个按键完成。点击标记来自运行过程本身,因此手动处理只需添加文字和偶尔添加箭头。

清理阶段使用的快捷键列表:V 选择,T 添加文字标签,A 添加箭头,B 模糊企业卡号,N 添加步骤编号,F 打开页面取景,Delete 删除多余的页面对象。

为探索性任务选择点击模式

Capture every mouse click 适用于已经演练过的任务。当操作路径是新的,并且需要先探索菜单时,Capture only while a key is held 只保存按住所选按键期间的点击。其他点击都会被忽略,因此探索过程不会产生多余画面。

Skip clicks while a key is held 则相反:大部分点击会被保留,按住按键时的点击会被标记为“旁路操作”。Don't capture mouse clicks 会将运行变为仅通过快捷键截图,相当于在 Document 中使用手动方式。

考虑最终输出

手动截图最终是零散的文件。要把它们做成指南,需要把每张图粘贴到文档中,并逐一撰写说明文字。

Action Capture 的结果是一个 Document:有序的步骤,每个步骤包含一张截图、一个标题和用于描述的空白区域。可以导出为 PDF、PNG、JPG 或 WebP 页面,也可以导出为 ZIP 压缩包。对于已经存在的截图,从现有截图制作指南一文说明了如何将它们导入 Document。

两种方式的输出相同

手动截图同样可以生成 Document。在 Create Document from 下选择 Images… 新建,然后在 Finder 中选中 20 个文件,页面会按此顺序出现。结果需要自行撰写标题,且没有点击点,因此这些页面无法使用 Focus on action 取景。

点击截图生成的报销单 Document 以默认设置导出为 20 页 PDF:A4、横向、封面页、步骤编号和页码。在 Export PDF 对话框中修改这些设置需要 Temposhot Pro。

统一 20 个页面的取景

全尺寸的浏览器窗口会使 PDF 中的小型表单字段难以辨认。在 Page Inspector 中开启 Framing 后,每个页面会以五个级别之一(从 Wide 到 Tight)聚焦到点击点。报销单的 20 个页面都使用 Balanced,其中两个日期选择器步骤使用 Close。

通过手动截图快捷键添加的页面没有点击点。除非使用 F 设置 Custom 取景,否则它们会保留完整窗口。

工作流存在例外时使用混合方式

大多数实际任务都有一些点击无法体现的状态:悬停菜单、仅用键盘完成的步骤,或延迟出现的确认信息。Action Capture 无需退出运行即可处理这些情况。

  • 按下手动截图快捷键(默认为 Shift+Command+2),或在浮动工具栏上选择 Capture now。
  • 在不需要记录的点击之前使用 Pause capture(例如查看消息),之后选择 Resume capture。
  • 当大部分点击属于探索性操作、只有少数是真正的步骤时,将点击捕获设置为 only with a modifier。

延迟确认的混合运行

财务应用在最后一次点击后约 2 秒显示 “Report submitted” 横幅,随后隐藏。横幅显示期间没有点击,因此仅靠点击截图会漏掉它。

四个编号步骤:将 Submit report 作为最后一步点击,等待约 2 秒出现横幅,按下 Shift+Command+2 截取第 21 步,然后按 Command+. 结束运行。

保持点击截图运行整洁的规则

点击截图运行的做与不做列表:做,先不录制演练一次、使用测试账号、在切换到其他应用前暂停;不做,滚动前点击空白处使页面获得焦点、对只需单击的字段双击、让通知横幅遮挡目标窗口。

按此规则选择

  • 少于 5 张截图,且每张都是有意选择: 手动。
  • 5 至 10 个步骤,且只记录一次: 两种都可以;点击截图可以节省整理时间。
  • 超过 10 个步骤,或之后更新时需要重新记录的任务: 点击截图。
  • 以悬停状态和键盘步骤为主: 手动,或使用带手动快捷键的 Action Capture。

将规则应用于另外三项任务

在管理控制台中为用户重置密码需要 6 次点击,每年记录一次:两种方式都可以。在 4 个设置页面中配置单点登录需要约 30 次点击,并且每次供应商更新都会变化:使用点击截图。展示两种图表样式的差异需要 2 张有意选择的截图:使用手动截图。

任务长度的影响小于点击是否构成步骤。一个只有 4 次点击、但包含 3 个悬停状态的任务,手动记录仍然更容易。

点击截图运行后的审阅清单

截图阶段节省的时间,只有在审阅快速且完整时才能保留。每个 Document 导出前都应完成同样的审阅。

报销单 Document 的检查清单:删除空白处点击产生的多余画面,改写所有 Click here 标题,检查图标按钮上的标记,确认悬停提示页面已添加,模糊企业卡号,并在测试账号上完整操作一遍指南。

常见问题

点击截图会录制视频吗?

不会。它会为每次有效点击保存一张截图,外加运行过程中手动截取的画面。

能否不点击也截取一个步骤?

可以。按下 Shift+Command+2(默认的手动截图快捷键),或在浮动工具栏上选择 Capture now。

能否排除目标窗口之外的点击?

可以。对于 Specific Window 和 Capture Area 目标,Capture outside clicks 决定目标窗口之外的点击是否生成步骤。

步骤数有限制吗?

免费版的 Action Capture 有步骤数上限。Temposhot Pro 可以让捕获越过该上限继续进行。

截图显示的是点击前还是点击后的界面?

点击前。Temposhot 保存的是每次有效点击之前目标的状态,因此步骤显示的是读者应该点击的控件。

能否在点击截图生成的 Document 中混入手动截图?

可以。在 Pages 面板的添加菜单中使用 Upload images…,然后将新页面拖动到合适的位置。

点击截图适用于键盘操作较多的任务吗?

部分适用。输入文字和键盘快捷键不会触发截图。在每个重要的键盘步骤之后使用手动截图快捷键,或在页面描述中记录这些步骤。

如果点击打开了新窗口或新标签页怎么办?

使用 Active Window 时,下一个步骤显示的是接收点击的窗口。使用 Specific Window 时,步骤始终显示所选窗口,而 Capture outside clicks 决定新窗口中的点击是否仍然生成步骤。对于在应用或浏览器窗口之间切换的任务,请选择 Active Window。

将点击转化为清晰的分步指南

用 Action Capture 完整执行一次实际任务,并将生成的 Document 与上一份手动制作的指南进行比较。Action Capture 指南介绍了每项设置。

action-capturestep-by-stepdocumentationcomparison

把重复性截图整理为成品

Temposhot 可按定时或每次点击进行截图,并将结果导出为 PDF、图片、ZIP 或 MP4。

相关文章