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

方案 D · Ki 陪你玩

一个住着太阳小伙伴「Ki」的房间 —— 角色陪伴的玩中学活动流，Khan Kids 的房间隐喻 × 叽里呱啦的 IP 陪伴 × Lingokids 的活动格子。

对标 Khan Academy Kids × 叽里呱啦 × Lingokids 组合原型 P5 角色陪伴 + P6 活动格子 + P2 时间锁 设备 手机竖屏 → iPad 横屏房间 实现代价 ★★★★☆ 中高（角色资产 + 轻互动） 技术栈 PWA + Web Speech / MediaRecorder

设计定位

Positioning

孩子打开 App 不是打开"片库"，而是回到Ki 的房间——一个 2D 太阳小伙伴（延续现有 kidsbox 的太阳 logo），它用语音问候孩子、推荐今天可以玩什么。房间里四件家具就是四类活动：电视柜（看节目）、唱片机（听儿歌）、书堆（跟说）、玩具箱（百科小卡）。调研里最有说服力的证据是：叽里呱啦的孩子会直接称呼 IP 角色——角色是成本最低的情感载体，也是把"看视频"转译成"和 Ki 一起玩"的语义转换器。

🌞Ki 只陪伴不评判Ki 永远不说"你今天还没学习"，只说"想不想跟我看小鸭子？"——避免 streak 压力（Duolingo ABC 教训）。

🧸家具即导航四件家具对应四类活动（看/听/说/探索），不识字的孩子靠位置和颜色记住整个 App。

🎤输出环节轻量「跟说」只做句卡+录音回放（可 Web Speech 实现），不打分不排名——从消费者变创作者的最短路径。

🌤推荐可解释"Ki 推荐"用聚合数据做轻启发式（按年龄/主题轮换），每条推荐带"为什么"标签给家长看，不存逐条历史。

设计 Tokens

Visual language

陶土 Clay
#D98E5F

叶绿 Leaf
#8FAF7E

湖蓝 Lake
#7FA8BF

蜜金 Honey
#E9B44C

梅紫 Plum
#A882B8

暖纸 Room
#F9F4E8

今天想和 Ki 玩什么？

手绘水彩质感：家具用大色块+柔和双层投影，背景两团径向渐变模拟晨光/草地。ui-rounded 圆体；Ki 的表情用 SVG 分层（眼/嘴/腮红可切换）。对比 A/B/C/D/E 五案，本案是唯一"暖纸底+有机形状"的非高饱和方案——刻意做得安静，因为角色的存在感已经足够。

动效与反馈
· Ki 以 3.2s 周期轻轻浮动；点击家具前 Ki 的视线转向该家具（眼部分层位移）。
· 录音时 Ki 蒙住耳朵倒着听？不——Ki 张大耳朵，按钮同心圆波纹。
· 全部动效 CSS/SVG 实现，无 Lottie 依赖。
· 语音问候可选（默认开、家长可关）：Web Speech 合成中文短句。

关键界面 · 手机竖屏

Key screens · 390×844

9:41●●●

Ki · 还能玩 21 分钟

👪

你好呀，我是 Ki！昨天我们看到了小鸭子，今天想继续吗？

📺看节目6 个系列 · 21 集

🎧听儿歌42 首 · 随便听

🎤跟 Ki 说今天的新词 · Banana

🧩百科小卡海洋动物 · 8 张

😊

D1 · Ki 的房间（首页）四件家具=四类活动；Ki 悬浮在房间右侧并用语音气泡问候（内容来自昨天的聚合进度，不涉及逐条历史）；右上角家长角（口令门）。

9:42●●●

📺 看节目

全部已审核 · 21 集

Ki 今天推荐 WHY：你最近喜欢小动物

🦆已审核2:15

Six Little Ducks

儿歌湾 · SS Songs · 英音

🐘已审核2:12

Yakka Dee · Elephant

开口词 · CBeebies · 英音

故事时间

🦆7:00

Sarah & Duck

想象故事 · 4 集

🧸

Puffin Rock

安静叙事 · 5 集

数字与颜色

🔢5:00

Numberblocks

数学语言 · 3 集

🎨

Colourblocks

颜色词汇 · 2 集

🏠

房间

📺

节目

🎧

儿歌

⭐

我的

D2 · 节目格子流Lingokids 式「内容类型=分区」；Ki 推荐卡带 WHY 标签（对家长可解释）；内容卡带「已审核」徽章（原则 1）。

9:45●●●

‹

跟 Ki 说 · 今天的新词 1/3

CAN YOU SAY…?

Elephant

大象

🐘

🔊 听 Ki 说

🐢 慢慢说

❤说完 Ki 会把你的声音录进这颗词卡哦

🎙

按住说话 · 松开听自己

D3 · 跟说活动大词卡+慢速重听+按住录音（MediaRecorder 即可）；无评分无对错，录完可回听——伴鱼「配音创作」的轻量版，压力最小化。

21:30●●●

家长 · Ki 的推荐与记录

完成 ✕

😊

Ki 这周这样陪孩子

倾向：动物主题 60% · 儿歌 40%；平均每次 22 分钟；午间与睡前两个时段最活跃。

🦆

Six Little Ducks

本周 Ki 推荐 · 儿歌湾

喜欢动物

🐘

Yakka Dee · Elephant

新词预告 · 下周跟说

词卡复习

🧩

海洋动物百科卡

8 张 · 玩具箱更新

主题延展

数据边界：Ki 只依据按日聚合的主题倾向与时段统计做推荐（与 D1 存储契约一致，无逐条观看历史）；孩子跟说的录音只保存在本机，不上传。

D4 · 家长侧推荐面板每条推荐带「WHY」；明确标注数据边界（聚合、无逐条历史、录音不出本机）——把隐私契约写进界面本身。

iPad 横屏布局

1180×820 · 房间全景

你好呀，我是 Ki！今天想先看电视柜，还是先听唱片机？

😊

KI 的小信封

🦆今天的新儿歌

🐘新词卡 Elephant

🧩百科卡更新 8 张

📺看节目6 个系列 · 21 集

🎧听儿歌42 首 · 随便听

🎤跟 Ki 说今天的新词 · Banana

🧩百科小卡海洋动物 · 8 张

1横屏房间全景：家具一排四件、Ki 放大到 120px 常驻右侧；气泡提问引导选择——iPad 沙发场景下孩子与屏幕距离 1 米+，所有元素同比放大。
2Ki 的小信封：家长/系统投递的"今日内容"收件箱（Epic 的 Mail 隐喻），孩子逐件拆开，天然形成每日节奏。
3家具布局可被家长调整：只暴露"听儿歌/看节目"两件也行——适合先做最小集。

代价、风险与分叉选项

Trade-offs & forks

✅ 依赖与代价（中高）

核心资产是一个 2D 角色：Ki 只需 SVG 分层（脸/眼/嘴/手臂），一个迭代内可完成；不需 3D/动画外包。
跟说用 MediaRecorder + 本地回放；语音问候用 Web Speech（可关）。
推荐仅消费现有聚合 quota/主题字段；「小信封」复用 Admin 发布队列。

⚠️ 风险与对策

角色做成"假陪伴"会适得其反 → Ki 的台词库起步只做 20 条真实可用的短句，宁少勿假。
录音隐私敏感 → 默认只存本机、界面上明示（D4）；家长可整层关闭「跟 Ki 说」。
房间隐喻在大库容量下会挤 → 家具只是入口，内容列表仍在普通网格页（D2）。

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

分叉 1 · 首页形态：A-案「房间+家具」（情感强，当前选择） vs B-案「直接活动格子+Ki 角标」（更接近现状、迁移成本低）。原型提供切换。
分叉 2 · Ki 的推荐程度：只推荐 1 张卡（当前选择，克制） vs 整屏个性化信息流（需更多行为数据，暂缓——受聚合数据边界限制）。