# Gizmos 电路实验关键节点拆解报告 ## 1. 分析范围 - 来源视频：`/Users/kani/Documents/物理实验室/gizmo.mp4` - 时长与画幅：234s / 1280x720 - 输出目标：基于录屏还原 Gizmos 电路实验的关键操作链路，并与 HTML 流程图保持一致 本版已主动剔除以下非核心内容： - 前置人物介绍 - 发光树相关过场 - `Student Exploration Sheet` / `Teacher Guide` / `Vocabulary Sheet` 等资料页 - 线下会场或真人拍摄镜头 因此，这份报告只保留真正属于产品内部实验体验的关键节点。 ## 2. 结论概览 Gizmos 的电路体验不是一个被拆成很多独立分区的学习闭环，而是一个嵌在课程容器里的单实验器。它的核心链路非常明确： `进入实验器 -> 搭建基础回路 -> 观察电流方向 -> 升级为并联结构 -> 使用测量工具比较结果 -> 回到课程容器` 从产品结构上看，它更强调三件事： - 用低门槛拖拽快速搭起一个“能亮”的最小实验 - 用可视化反馈把抽象电流过程解释出来 - 用并联结构和测量工具把“搭建”升级成“比较与验证” ## 3. 关键节点流程 ### Stage 0 · 实验入口 #### 01 空白实验画布与元件库 - 画面呈现蓝色接线板、左侧/上方器材库、参数区和测量区 - 这里才是实际的产品起点，不再使用课程封面或介绍页做入口节点 - 用户在此理解到：Gizmos 是一个“可拖拽、可测量、可调参数”的实验容器 ### Stage 1 · 基础回路 #### 02 放置电池并设定电压 - 第一类关键动作是把电池拖入画布，并调节电压参数 - 这一步定义了操作范式：不是看讲解，而是先搭元件再调参数 #### 03 基础回路点亮 - 电池、导线、灯泡形成闭合回路后，灯泡即时点亮 - 这是最重要的第一反馈节点，证明产品会把“搭建是否成立”立刻可视化 ### Stage 2 · 观察调试 #### 04 显示电流方向 - 打开 `Show current` 后，回路中出现箭头流向 - 产品价值从“结果反馈”升级成“过程解释” - 这一步也是 Gizmos 和普通静态课件的核心差异之一 ### Stage 3 · 并联与测量 #### 05 切换到并联练习结构 - 体验从单回路切换到双灯并联结构 - 这不是单纯多放一个元件，而是实验问题开始从“能否点亮”转向“不同结构有什么差异” #### 06 多工具测量比较 - 在并联结构上继续接入电阻、电流表和欧姆表 - 关键不是每个微动作本身，而是产品把“结构变化 + 仪表测量 + 结果比较”整合到同一实验上下文 - 这说明 Gizmos 更偏向“可验证的科学实验”而不是纯拼装游戏 ### Stage 4 · 课程回收 #### 07 回到课程页查看双电路预览 - 最终回收到课程容器页，实验说明、预览图和配套材料被统一陈列 - 这说明实验器虽然强交互，但仍然服务于课程学习任务，而不是独立 App ## 4. PM 视角拆解 ### 4.1 产品定位 Gizmos 更像“课程里的交互实验模块”，而不是一个完整的闯关式学习产品。它的价值不在复杂叙事，而在于把抽象物理概念压缩成可操作、可观察、可测量的实验过程。 ### 4.2 交互策略 - 先给最小可用元件，降低第一次成功门槛 - 用灯泡点亮这种强反馈，快速建立正向感知 - 再用电流箭头、并联结构、测量工具逐步抬高认知层次 这是一条典型的“先做出结果，再解释结果，最后比较结果”的科学学习路径。 ### 4.3 信息架构特征 - 课程页负责承接任务、材料和实验入口 - 实验器页面负责主要交互与反馈 - 测量工具承担知识验证功能 整体上是“课程容器 + 单实验器”的双层结构，而不是多分区独立导航。 ## 5. 对当前流程图整理的原则 这次 HTML 可视化采用了“关键节点抽帧”而不是“连续操作逐秒拆帧”，原则如下： - 同一产品页面上的连续微操作不重复抽帧 - 只保留会改变用户理解的关键状态 - 节点优先表达产品能力跃迁，而不是操作细节堆叠 因此最终保留为 7 个节点，已经足够表达 Gizmos 的完整实验主链路。 ## 6. 可直接用于后续 UI / Demo 设计的启发 - 首页不必做复杂叙事，重点是尽快进入实验器 - 实验器内要保留“搭建区 + 参数区 + 测量区”的三段式结构 - 结果反馈要尽量即时且可见，例如点亮、箭头、读数变化 - 进阶体验最好围绕“结构变化 + 测量比较”展开，而不是单纯增加元件数量 ## 7. 交付物对齐 - HTML 流程图：`./流程图.html` - Markdown 报告：`./分析报告.md` 两份文件已统一采用 7 个关键节点口径。