Kidsbox · KB-71 · Child Client Design Proposal B / 5

方案 B · 今天的小任务

把「看视频」变成「完成今天的三件小事」—— 课程表形态的仪式感，斑马与叫叫验证过的每日动线。

对标 斑马英语 × 叫叫 × Duolingo ABC 组合原型 P3 每日任务 + P2 时间锁 + P10 峰终 设备 手机竖屏 → iPad 横屏看板 实现代价 ★★★☆☆ 中（需新增"计划"实体） 技术栈 PWA + Admin 计划配置

设计定位

Positioning

家长在 Admin 里把已发布的内容排成每周计划（例如：周一到周五每天「看一集 + 听一首 + 跟读一次」）；孩子端永远只看到今天的三张任务卡。全部完成的那一刻触发峰终设计——「Ki 来电」庆祝 + 给家长看的今日小报告。这是 5 版中唯一把"什么时候看、看多少"完全结构化的方案：叫叫的「每日解锁」证明，节制可以由结构自动发生，而不需要家长在场吼停。

✅任务可完成每天 3 个任务、总量 ≤15 分钟，全部可打勾——完成感来自"做完了"而非"看了多少"。

📖环节固定每个任务内部是「看→词卡→跟读」小动线，节奏一致、无需识字即可跟随。

📞以庆祝收尾完成任务触发伪视频来电（叫叫「宝贝来电了」范式），休息页变成仪式而非惩罚。

🗺未来未锁完成今日后开放「自由岛」入口，保留自由浏览（对冲强课程制的代价）。

设计 Tokens

Visual language

草地 Grass
#3FA45B

深绿 Deep
#2C7A43

柠檬 Lemon
#FFC93C

橘子 Tang
#FF8A3D

莓果 Berry
#E96A8D

米白 Paper
#F7F5EC

今天的 3 件小事

圆体 + 高对比按钮。任务卡标题 15px/800；「开始」按钮 13px/800 白底绿字反白。状态用颜色+图标双重编码（进行=绿底、完成=虚线+对勾、未解锁=灰虚线+🔒），4 岁孩子不需要识字也能分清。

动效与反馈
· 打勾时卡片弹性收缩 + 绿色对勾描边动画（CSS only）。
· 「Ki 来电」头像 1.6s 呼吸脉动 + 来电动画。
· 全程无排行榜、无货币（对齐斑马「去外显游戏化」）；唯一的奖励物是完成状态与来电庆祝。
· 任务未解锁不可点击，杜绝"跳着做完"。

关键界面 · 手机竖屏

Key screens · 390×844

9:02●●●

🔥连续 6 天

🌻

早上好呀 🌤

9 月 3 日 · 星期三 · 今天有 3 件小事

1 / 3 完成

NOW

📺

任务 1 · 看一集

Yakka Dee · Banana

开口说 "Banana" · 2 分钟

开始

🎧

任务 2 · 听一首

SSS · Rain Rain Go Away

已完成 · 2 分钟

✔

🎤

任务 3 · 跟读打卡

跟读 "Banana"

完成任务 1 后解锁

🔒

全部完成就能接到 Ki 的电话 📞

📋

今天

🧭

自由逛

📞

我的收藏

B1 · 今日任务首页孩子只看得到今天；三态任务卡（进行/完成/锁定）；底部保留「自由逛」——完成今日后解锁，对冲强课程制的探索代价。

9:04●●●

✔

看

🔤

词卡

🎤

跟读

📞

来电

🔊

🍌

Banana

香蕉

🔊 再听一次

▶

刚才视频里的那一句"I like bananas! Yummy!"

会了！下一个 ➜ 🎤

整条动线 ≤ 6 分钟 · 自动推进，无需家长操作

B2 · 任务内环节动线顶部步骤器固定为「看→词卡→跟读→来电」（斑马七环节的极简版）；词卡大图+双语+重听；跟读用 Web Speech/录音即可，打分从宽（伴鱼教训：评分失真比严格更无害）。

9:09●●●

🌻

Ki 来电啦！

今天的三件小事全部完成 · 它等不及要夸夸你

📞

今天 15 分钟 · 3 个任务新词 Banana · Apple · Rain

B3 · 峰终：「Ki 来电」叫叫验证过的零成本峰终设计——每天以一通"视频电话"结束，把休息重置从"被掐断"变成"仪式完成"。底部同时呈现给家长的最小日报。

21:30●●●

家长 · 本周计划

完成 ✕

🔒 已通过家庭口令验证 · 家长内容不会出现在孩子端

本周完成率 9 月 1 日 – 9 月 7 日

一

✔3/3

二

✔3/3

三

🌤1/3

四

·0/3

五

·0/3

六

🎬自由

日

🎬自由

📺

本周看过4个视频

合计 31 分钟

🔤

接触新词

Banana · Car · Rain

🌙

休息重置

全部按规则发生

说明：只按日聚合（对齐 D1 数据契约，不存逐条观看历史）；下周计划在 Admin「发布宝宝」时顺路配置。

B4 · 家长周报周历格子 + 聚合指标（分钟数/新词/休息执行）；数据契约完全对齐现有 D1 聚合存储——不引入逐条历史。

iPad 横屏布局

1180×820 · 任务看板

今天的 3 件小事 🌤

9 月 3 日星期三 · 全部完成能接到 Ki 的电话

1 / 3 完成

📺

看一集 · Yakka Dee Banana

开口说 "Banana" · 2 分钟

开始 ▶

🎧

听一首 · SSS Rain Rain

已完成 · 2 分钟

✔

🎤

跟读打卡 · "Banana"

完成任务 1 后解锁

🔒

本周完成率连续 6 天 🔥

一

✔3/3

二

✔3/3

三

🌤1/3

四

·0/3

五

·0/3

六

🎬自由

日

🎬自由

妈妈的安排（家长侧可见）

周一–周五：每天「看一集 + 听一首 + 跟读一次」。
周末：自由逛，无任务。
内容全部来自已发布系列，家长可在 Admin 里换排。

1左主栏 = 任务看板：横屏下任务卡变成横向大卡，「开始」按钮右置——这是 iPad 上 4 岁孩子最先学会按的按钮。
2右侧周历：孩子能看到"打勾的格子越来越多"（正向激励）；家长能看到完成率与计划说明（口令后）。
3计划来源：Admin 发布流程顺路配置周计划（无独立后台）；种子数据内置两套模板（工作日任务型 / 周末自由型）。

代价、风险与分叉选项

Trade-offs & forks

✅ 依赖与代价（中）

新增一个「计划」实体：D1 追加 migration（plan + plan_item，追加式、向后兼容），Admin 发布流程加一步排计划。
跟读用 Web Speech API / MediaRecorder 原型即可；打分从宽。
播放策略复用现有 quota（任务消耗同一额度池）。

⚠️ 风险与对策

强课程制伤害自由探索（叫叫的硬伤）→ 完成今日即解锁「自由逛」；周末默认无任务。
家长需要每周排计划，负担重 → Admin 提供模板 + 复制上周；也可以"自动顺延"。
streak 压力争议（Duolingo 教训）→ 只显示正向累计，不显示断签惩罚。

⑂ 分叉选项（两案都保留，原型里都做了）

分叉 1 · 计划由谁定：A-案「家长在 Admin 手动排」 vs B-案「系统从已发布内容自动顺延生成、家长只确认」。原型演示 B-案（自动生成），真实实现推荐 A-案起步。
分叉 2 · 跟读打分：展示评分百分比（伴鱼式，激励失真风险） vs 只给星星不给分数（当前选择，压力最小）。