步骤图与知识卡

开场问题

一张步骤图不是把说明书切成四块文字，而是让第一次接触任务的人在每一个停顿处都知道：现在要碰什么、做什么、做到什么样才算可以继续。若图、编号、箭头和文字各说各话，读者会把时间花在猜图，而不是完成任务。

栖光花房想把“春日窗台计划”的活动材料说明发给报名者。这里先故意保留一张未核实错误初稿：它把 P06 的材料平铺照片放在最上面，下面写了六段连续文字，擅自加入“领取香草品种、填写姓名卡、把姓名卡放入盆中”等说法。版面看起来整洁，但试读者在“完成操作”处停住了：他不知道画面里的哪个物件此时要使用，也不知道姓名卡在活动中究竟是否填写、作何用途或何时放置。另一位读者以为照片里的每样物件都要带回家。

图解：材料照片、六段说明和错位引线同时争夺注意力，读者很难判断此刻该看什么。

资料包确认的活动材料是香草苗、基质、姓名卡和基础工具；活动面向 10 岁以上亲子家庭与社区居民，限 18 组，每组 68 元，包含一盆香草苗和基础材料。P06 适合说明材料，却缺少手部动作。它不能凭空证明种植步骤的细节，更不能替代现场带领者的确认。此处的关键能力不是把未知动作画得像真的，而是区分“可以交给图”的已知对象与“必须补拍或确认”的动作。

图解：现阶段图片只负责识别香草苗、基质、空白姓名卡和基础工具，不承担操作示范。

本章先把一页说明改造成可测试的“已确认材料＋待确认项＋补拍任务”工作稿；待活动方确认后，再扩展为 4—6 步步骤卡，并练习把一个概念做成轻量知识卡。成品是否成功，不由作者自己朗读判断，而由第一次看到它的人能否不靠口头提示完成当前阶段的判断来决定。

任务书

案例：〈栖光花房的春日窗台计划〉。本次先制作一组“活动到场后如何使用材料”的步骤卡草案，供活动前预览或现场桌面使用。读者是未参与过该活动的亲子家庭与社区居民。完成物不是一张装饰说明图，而是一套四至六张连续卡：每张只有一个主要动作或判断，并留出能被补拍动作照片替换的位置。

已核实的材料可以写入卡片：香草苗、基质、姓名卡、基础工具。活动香草苗的品种与领取规则均待带领者确认，不能套用晨露香草盒“罗勒或薄荷二选一”的独立商品事实；姓名卡的用途、是否填写和放置时机也均待确认。没有写入资料表的操作顺序、用量、浇水方式和携带规则一律不猜写。若活动方尚未确认，就在工作稿中标为“待带领者确认”，并列出需要补拍的手部动作。正式面向参与者的完整步骤卡必须在确认后才替换占位。

图解：已确认材料在边界前停下；动作占位只有经过确认与真实补拍后才能进入正式卡组。

步骤卡之外，再做一张可复用的知识卡：主题为“看图操作时，先找对象、再找动作、最后找结果”。它不是活动规则，也不替代现场指导；它帮助读者理解为什么有些图看似丰富却无法照做。

把说明拆成动作

图解：步骤卡中对象、动作与结果的关系

图解：抽象步骤结构——先把对象、动作和结果拆成独立节点

长说明通常混杂了动作、条件、原因、结果和提醒。先拆开，不要急着画箭头。一个可执行步骤至少有三部分：对象，即要接触什么；动作，即要做什么；结果，即怎样知道做完。条件和警示不一定单独成为步骤，但必须贴在会改变动作的位置。

图解：先识别对象，再执行一个明确动作，最后查看可观察结果。

可以把原始说明改写为“动作表”，而不是直接复制句子。以本章草案为例，“领取材料后按老师说明完成种植”不能直接画成一步：它至少包含核对材料、根据已确认示范执行动作、检查结果三类信息。P06 只证明哪些材料出现，不能证明手如何移动。因此它适合放在准备卡，动作卡则应先预留真实手部示意或局部照片的位置。

拆步骤时要识别“不能跳过的节点”。例如，香草品种与领取规则尚未确认时，不能把它伪装成选择卡；若一个动作的正确结果决定能否继续，结果对比必须紧贴该动作。相反，背景故事、花艺灵感和活动优惠券可以另放，不应该挤进操作路径。

让一张卡只做一件事

要完成的能力：把一个复杂任务组织成连续、可停下检查的最小动作单元。

通用动作：

• 在获得确认后，每张正式卡上优先写一个动词短句，如：
  1. “核对材料”
  2. “按已确认示范操作”
  3. “确认下一步”
• 确认前的工作稿只将“香草品种与领取”“姓名卡用途与时机”等作为待确认对象列出，不能伪装成动作。
• 随后删去所有不帮助完成该动作的说明或句子。
• 把编号放在固定位置，确保读者能从一张卡自然跳到下一张卡。
• 除编号以外，再提供形状、位置或文字提示，避免只用颜色区分顺序。
• 若某动作没有可核验素材，保留灰色的“待补拍动作”框，不用装饰插画假装内容已齐全。

中间状态：确认前，工作稿先形成“已确认材料识别＋待确认清单＋补拍任务”的路径；确认后，才形成四至六张可走的正式步骤卡：读者先知道拿到什么，再按确认的动作处理，最后检查或求助。每张正式卡即使单独拿出来，也能看见一个明确对象和一句可读动词。长段落被缩短，但不是机械地分成更多段。

图解：左侧把多个对象、动作和引线塞进一张卡；右侧把任务拆成一张卡一个主要关系。

结果检查：让同伴只看一张卡，问“你现在要做什么，做完会看到什么？”若他只能复述“这里讲材料”或“这里很春天”，说明动作不够具体。再遮住编号，检查版面能否凭位置和引线看出顺序；最后把卡片打乱，确认编号和标题能否让人重建路径。任何需要作者临场解释的空白，都是下一轮要补拍、补写或合并的地方。

图解：稳定的角标、位置和一对一连接关系，可以帮助读者把被打乱的卡片重新排回路径。

对于知识卡，同样的一步一意意味着一张卡只讲一个关系。比如“步骤图的三个核对点”可以用对象、动作、结果三块呈现；“常见误区”应与正确例子分开，不让读者误把错误画面当推荐做法。知识卡的轻量结构可以是：一句概念、一幅局部示意、一个错误对比、一个行动提醒。它不是缩小字号的讲义页。

用箭头和文字对准对象

图解：指向对象示意——箭头必须明确落在对应对象上

图解：箭头局部放大——在小尺寸下检查引线和目标是否仍对应

要完成的能力：让读者不用猜测文字是在解释哪一个物件、哪个方向或哪个结果。

通用动作：选择一张干净的基础图片，在上方建立独立的编号、箭头、局部放大和文字层。箭头只连接一个起点和一个终点；终点落在目标对象附近，不穿过无关物件。对象很小时，用局部放大框而不是拉长箭头。若多个材料颜色相近，除了色块，还给出名称、轮廓或图形标记。说明文字与它指向的对象保持近距离；空间不足时用清晰引线，不把文字漂在画面另一侧。

图解：箭头终点应落在唯一对象旁；目标较小时，用局部放大确认尖端位置。

中间状态：P06 的平铺图不再只是“有很多材料”的照片：香草苗、基质、姓名卡、基础工具分别能被认出。编号、箭头和词语形成同一条视觉关系；读者的眼睛不用在四周搜索。需要后续补拍的动作卡则有统一的图框和图标，表明这是待确认内容，而不是遗失的图片。

结果检查：把图片缩小、转成灰度预览或在较暗屏幕上看一遍。若只靠深叶绿与柔陶红的差别才能看出两个类别，需要加文字或形状；若箭头尖端落在两件物品之间，移动终点或拆成两张卡；若说明文字比装饰花纹更难读，优先删装饰。对于正式操作依据，不能仅以一张漂亮的远景做说明；关键部位要有局部证据。

图解：同一卡组在彩色、灰度和较暗屏幕中仍能凭轮廓、边框、图标与位置被区分。

箭头不是越多越有教学感。一个箭头指向两个东西，会使读者多出一个判断任务；十条箭头交叉，则会把流程变成迷宫。优先采用“一个步骤、一条主要关系”。当一句话确实涉及两个对象时，拆为两个动作，或用前后对比框表示变化。

标出条件和结果

要完成的能力：让读者知道什么时候可以继续，什么时候应停下确认，而不是照着编号机械往下做。

通用动作：为每个已经确认的关键动作写一个可观察的结果句，放在动作图或下一卡的开头。条件用短而直接的语言提示，例如“仅在现场确认后继续”。香草品种、领取规则、姓名卡用途及其填写/放置时机在确认前只写“待带领者确认”。警示信息使用固定的图标、边框和文字组合，不能只换成醒目颜色；把它放在决定之前，而不是写在整个流程末尾。将“待确认”“请询问带领者”视为正确的安全出口，而不是失败提示。

图解：只有出现可观察结果才能继续；资料不足时，暂停、求助和核验本身就是正确路径。

中间状态：读者能在卡组中看见两个节奏：完成一个动作后的检查，以及遇到资料不足时的暂停。对于栖光花房的工作稿，准备卡的结果是四类材料被核对；香草品种与领取规则、姓名卡用途与时机均清楚标为待确认；未确认的动作卡会提示“请按现场确认示范操作”，而不是给出未经证实的手势、用量或姓名卡指令。只有确认后，才把相应操作与结果排入正式卡组。

结果检查：请测试者在每张卡后说出“我现在可以继续的理由”。若答案只是“因为下一张写着二”，说明结果没有表达；若他把待确认占位理解为可自行发挥，说明暂停提示不够明确。检查警示是否被花朵、纸张纹理或大面积色块淹没，也检查卡片是否对色觉差异、屏幕反光和阅读距离有基本容错。

无障碍并不是额外的装饰要求。高对比度、足够字号、清晰语句和不依赖单一颜色的分类，本来就是让所有人第一次看懂的条件。图片加载失败时，文字仍应能告诉读者对象、动作和结果；图片存在时，它应减少理解成本，而不是成为唯一密码。

用观察测试找障碍

要完成的能力：通过真实使用行为，而非作者直觉，定位步骤图中的停顿和误解。

通用动作：确认前，准备一套不带解释的工作稿，邀请一位不了解活动的人完成“识别已确认材料、区分待确认项、指出仍需补拍或确认的内容”的模拟任务。只有获得活动方确认的顺序、动作和结果后，才把卡组交给测试者复述完整流程。记录他停在哪张卡、是否回翻、指向了什么、问了什么，而不要立即告诉答案。测试后请他用自己的话复述可确认的内容，再把观察结果填入“障碍—原因—修改”表。

图解：测试者面对工作稿产生停顿，观察者只记录行为，不抢先解释。

中间状态：你会获得比“好不好看”更有用的证据。例如，测试者可能把姓名卡当成已经确认要填写的步骤，说明“待确认”标记不够清楚；他可能在动作卡前停住，说明“待补拍”没有说明该向谁确认；也可能把品种与领取规则当成资料已给出的事实。这些停顿不是读者不认真，而是版面还没有承担解释责任。

结果检查：至少选择两个可观察障碍进行修改，再由第二位不了解活动的测试者在无口头提示下复测。不要只把文字加粗就宣布修复：要看停顿是否缩短、错误是否消失、是否又引入新的误解。确认前，复测目标仍是识别材料、区分待确认项和指出补拍/确认任务；确认后才检验完整步骤。若第二位测试者未见改善，或仍无法完成当前阶段应有的判断，应回到动作表，检查是不是把两个动作塞在一张卡，或使用了没有来源的图示。

图解：第一次停顿形成修改证据；调整暂停边界、指向和局部放大后，再由第二位测试者复测。

案例分析

案例分析：案例〈远屿实验室的器材整理卡〉

原始情境：远屿实验室把一页“课前器材整理说明”切成五个彩色方块。每块有编号和一段话，背景图是整齐的器材照片。学生仍不断询问“先拿哪个”“哪一个朝向哪里”，课前整理反而变慢。

发现的问题：五个方块只是把长文字变短，并没有拆出对象、动作和结果。箭头从文字跨到远景照片另一端，尖端落在两个器材之间；橙色代表“注意”、蓝色代表“完成”，但色弱学生无法只靠颜色区分。最后一格把“检查、归位、报告缺失”三个动作塞在一起。

判断依据：首次操作者需要的是一个可执行单位，不是完整的背景说明。对象必须被准确指认，编号需要有稳定阅读顺序，警示和完成状态不能依赖单一颜色。每一个不能跳过的检查点都应有可观察的结果。

修改方案：实验室将内容重画为四张卡：识别器材、按确认方式摆放、对照完成状态、缺失时暂停报告。每张卡只保留一个主要动词；小部件用局部放大框，警示改为图标加文字。原先“检查、归位、报告缺失”的大段被拆开，且把不能自行补全的内容明确标成“请询问老师”。

图解：器材远景、拥挤色块和交叉箭头被改为可识别、可摆放、可核对、可暂停的单动作卡。

验收结果：新同学能在不听口头讲解的情况下复述正确的停顿点；观察测试中最常见的“箭头指哪一个”的提问消失。系列色彩仍被保留，但它不再独自承担意思。

错误与修复

图解：箭头错误对比——识别错位、只靠颜色和未确认动作的风险

错误案例：只把长文字切成短段。如果每张卡都有一段“请先……然后……最后……”的完整句，读者依然要在一张卡里解析多个动作。定位方法是给每张卡圈出动词：超过一个主要动词时，先考虑拆卡。修复不是增加更多编号，而是重写成对象、动作、结果，并将条件贴在它影响的动作前。

错误案例：箭头看起来很忙，却指向不清。最常见的原因是箭头终点落在一组物件中间，或者箭头交叉穿过其他说明。修复时删除次要箭头，保留一条主要关系；小对象改用局部放大；文字与对象之间距离超过一个视线跳转时使用引线。复测要让读者指出对象，而不是让作者说明箭头本意。

错误案例：把装饰图当操作依据。花瓣、手绘工具或漂亮远景会营造氛围，但无法证明动作发生在哪里。对 P06 而言，材料平铺图适合准备阶段，不足以替代需要手部状态的关键动作。若照片或确认记录缺失，正确做法是保留待确认项、补拍再发布，而不是用生成插画补出一个看似可信的步骤。

图解：氛围装饰可以好看，却不能替代四类已确认材料和待补拍动作的真实证据位置。

练习与验收

先把“活动材料说明”改造成一份工作稿，并加做一张主题为“对象—动作—结果”的知识卡。

验收时检查：

• 测试者能识别四类已确认材料、区分待确认项，不把平铺照片当成完整操作示范；
• 每张卡的箭头、文字与对象一一对应，缩小后仍可辨认；
• 关键步骤不只靠颜色表达，图片失效时文字仍说明基本动作；
• 未确认的品种、领取规则、姓名卡用途/填写/时机、用量、顺序或动作没有被写成既定事实；
• 修改后保留了两位测试者的记录、卡片版本和补拍任务；确认后正式卡才有完整动作验收记录。

通过不是“排得整齐”，而是使用者能在正确地方行动、在不确定处停下确认。

建议把测试记录写成完整句，而不只写“有问题”。例如“测试者在材料图停留 12 秒，问姓名卡是否必须填写”，比“待确认不清楚”更能指导下一次修改。这样在第二位测试者复测后可以比较：他是否还停顿、停顿是否发生在同一处、新的图标是否又制造了别的误解。观察记录是步骤卡的一部分交付物，不是设计完成后才补写的感想。

换条件任务

将同样的结构迁移到“留白花材包”的知识卡组，但不要把它表现成实际制作教程。已确认信息只有：香草苗、基质、姓名卡和基础工具，且仅活动参与者领取。目标读者是报名活动后准备核对材料的人。

验收结果应证明：读者能识别四类材料和领取边界，也知道没有动作证据时应停下确认。

图解：换到材料包核对任务后，卡组仍只负责认识材料、识别领取边界、暂停待确认并发起求助。

交互练习

测试理解

• 请测试者说出谁可以领取、哪些问题仍需带领者确认。
• 若把待确认项当作事实，回到边界提示和卡片顺序修改。