Aha time 产品文档
面向少儿的英语学习陪伴型 App · 基于 Figma「Aha time」画布梳理
Aha 主 IP · 男孩形象
深蓝连帽卫衣 + 卡其短裤 + 蓝白球鞋的 3D 卡通男孩，作为品牌吉祥物贯穿启动页、答题反馈、挽留弹窗等触点。启动页出现的黄色卫衣女孩为另一形象款。
Figma 节点：78-6093 · 产品在启动页 Logo 使用「Aha TIME」+「Hello!」气泡，正式产品名为「啊哈英语」。
说明：本文档基于 Figma 文件
Aha time画布的整体结构梳理产出。用户直接链入的节点78-6093实际上仅为主 IP 男孩形象的插画素材，本文档已在其基础上扩展至整张画布（启动、登录、引导、首页、学习、资讯、挽留等模块），供产品／研发对齐使用。文中标注 待补充 的部分需要产品经理补录终稿文案。
一、产品定位
产品名：Aha time
一句话定位：面向少儿的英语学习陪伴型 App，通过强 IP 形象（男孩／女孩 3D 卡通角色）+ 个性化学习路径 + 沉浸式跟读讲解，让孩子在「每天一点点」的节奏里养成英语学习习惯。
核心价值：
- 用 IP 陪伴替代冷冰冰的题库，降低学习抗拒感。
- 通过分层引导（年龄／性别／目标／级别／时长／教师）在首次进入时就为孩子生成个性化学习方案。
- 用「原文跟读 + 解析」闭环覆盖听、说、读、理解四个动作。
二、目标用户
| 维度 | 描述 |
|---|---|
| 年龄段 | 学龄前至小学中低年级（引导流程中包含年龄选择步骤） |
| 使用场景 | 家庭陪伴学习、每日固定时长打卡（引导中包含「学习时长」选择） |
| 决策人 | 家长付费与授权（登录／运营商一键登录／用户协议／隐私政策已在设计中出现） |
| 使用者 | 孩子本人（IP 形象、性别选择、拟人化教师均围绕儿童体验） |
三、IP 形象设定
- 主 IP：3D 卡通男孩／女孩，可在「性别」环节由孩子自选，选中态与未选中态在设计中成对出现（
男孩_未选择/男孩_选择/女孩_未选择/女孩_选择）。 - 视觉锚点：链入节点
78-6093为深蓝色连帽卫衣 + 卡其短裤 + 蓝白球鞋的男孩形象，作为品牌吉祥物贯穿启动页、挽留弹窗、答题反馈等触点。 - 陪伴场景：在挽留弹窗、答题错误、鼓励反馈中均以 IP 拟人化对话形式出现，替代弹窗文案的冷冰冰系统语气。
四、核心功能模块
4.1 引导注册流程（首次冷启 Onboarding）
设计中已确认的引导页顺序（对应 Figma 画布上的独立 Frame）：
- 启动页：品牌 Logo + IP 形象亮相。
- 登录：手机号／运营商一键登录，含「用户协议」「隐私政策」「运营商认证协议」三份法务文本入口。
- 年龄：孩子年龄段选择，用于后续内容分层。
- 性别：男孩／女孩，用于绑定主 IP 形象。
- 目标（「使用啊哈英语，你的主要学习目标是？」）—— 4 选一：
- 提升英语阅读／听力，看懂英语新闻
- 拓展国际视野，日常兴趣阅读
- 应对校内考试
- 备考出国
- 级别（「你现在的英语水平是？」）—— 3 档：
- Level 1：单词量少，简单短句勉强看懂
- Level 2：能看懂短简单新闻，长文吃力
- Level 3：无障碍阅读原版长新闻
- 学习时长（「每日可投入学习时长」）—— 4 档：10 分钟以内 / 10-20 分钟 / 20-40 分钟 / 40 分钟以上。
- 教师列表 → 教师选择 → 教师简单介绍：从教师列表中选定一位陪伴教师，进入简介确认。
- 进入首页：完成个性化配置后落地首页。
设计原则：每一步都是单一决策，避免让孩子／家长在一屏内做超过一个选择。
4.2 首页
- 形态：关卡地图（类似 Duolingo 学习路径），当前定位「Level 1」，节点样式为章节卡片「1.1 Hello the world」串成 S 形路径，IP 女孩形象站在当前节点旁陪伴。
- 顶部栏：左上 Level 徽章（Level 1 ♥）、右上圆形入口（消息／个人）。
- 今日资讯：顶部一条 NEW 卡片，日期 07/07，标题「火烈鸟的羽毛为什么是红色？ / Why are flamingos' feathers red?」，作为「资讯 → 学习」的引流入口。
- 迭代记录：Figma 中同时存在
首页原型框架 1与首页原型框架 2两版布局，最终收敛版本为关卡地图形态。
4.3 学习功能：原文跟读 + 解析
学习页顶部为 4-tab 切换：原文 · 跟读 · 题目一 · 题目二，配合关闭按钮（×）和整节进度条（如 Sentence 3/12 · 25%）。
跟读页（reading-aloud-state）关键元素：
- 句卡：每屏一句，标题给主题（如「Beijing - A Breathtaking Sunset Over the Summer Palace / 北京 - 颐和园上空令人惊叹的日落」），高亮句给出英中对照（"A breathtaking sunset glow covered the sky above the Summer Palace on Sunday evening. / 周日傍晚，一场令人惊叹的日落余晖笼罩了颐和园上空。"）。
- 评分：每句朗读完给出得分气泡（例：⭐ 92 分 / ⭐ 85 分），未跟读的下一句以「待跟读」灰色态排队等待。
- 底部录音条：三键组合 —— 再听一遍 ↺ · 点击录音 🎙（居中黄色主按钮） · 下一句 ⇥。
- 解析（
answer-explanation）：针对做错或不懂的内容，由 IP 教师形象给出讲解。 - 选择题：包含「正确」「错误」「挽留弹窗」三种状态（
选择题一_错/选择题一_挽留弹窗），错误后不直接结算，而是通过挽留弹窗尝试挽回学习意愿。
4.4 重点词汇
独立词汇卡列表页（页头标题「重点词汇」）：
- 每条词汇为一张白色卡片，未查看时右侧显示灰色「点击查看 →」按钮。
- 查看后卡片变为黄色高亮态 + 右侧打勾徽章，展开显示音标（如
/əˈkɑːmplɪʃ/）和中文释义（如「完成」「益处」）。 - 页面底部固定黄色「继续」主 CTA，将本节生词过一遍后进入下一环节。
- 示例词条：abandon / accomplish / benefit / challenge / determine …
4.5 时事资讯
专门的资讯 Feed 页「时事与读书」，顶部 tab 4 选一：热点时事 · 尚品老师视频 · 老师 2 讲述 · 老师 3（教师会以「讲述人」形式出现在资讯里做二次讲解）。
- 顶部大卡为 HOT / NEW 标签的推荐条目（例：「2025 全球英语教育峰会即将召开 - 来自 21 个国家的教育专家将于⋯」「暑期英语夏令营报名火热进行中」）。
- 列表条目带日期戳（如 07/03、07/05）和左侧分类色标签（历史 / 教育 / 外教分享）。
- 建议默认走「轻松浏览」信息流，在具体条目内嵌「转入专注学习」入口，让孩子在情境间切换。
4.6 磨耳朵 · 精读原著
面向进阶用户的英文原著阅读模块。以《Harry Potter and the Philosopher's Stone / 哈利波特与魔法石》为示例作品：
- 作品页：书封 + 中英文标题 + 作者（By J.K. Rowling）+ 阅读进度条（例：
3/17 章已完成 · 18%）。 - 章节列表：17 章逐条列出，每条含英文原名 + 中文译名（Ch1 The Boy Who Lived / 大难不死的男孩，Ch4 The Keeper of the Keys / 钥匙保管员 …），右侧状态徽章分「✓ 已读 / 📕 在读 / 未读」三档。
- 文章阅读页：分「原文」与「中英文对译」两种视图（对应
文章阅读/文章阅读_中英文对译两版设计），配合translation-toggle组件让孩子按需切换。 - 周边：另有「磨耳朵_在读书籍」「磨耳朵_学习回顾」两个入口，构成 " 选书 → 阅读 → 回顾 " 闭环。
4.7 选择题 + 挽留策略（Retention）
选择题为学习节的收尾评估，设计中至少存在 题面 · 答对 · 答错 · 挽留弹窗 4 种态：
- 题面（
选择题一）：完形／选词题为主，例："The beautiful _____ painted the whole sky pink and orange after sunset."，3 个选项按钮（snow / glow / fog）。 - 答对（
选择题一_对）：反馈动效 + 得分累加。 - 答错（
选择题一_错）：错误选项红框标注，触发 IP 形象出场安抚。 - 挽留弹窗（
选择题一_挽留弹窗）：孩子想退出时不硬拦，弹窗以 " 抱膝坐姿男孩 IP + 语音气泡 " 出现，气泡话术例：「放弃很容易，但坚持一定很酷！」，底部黄色「继续努力」+ 红色「退出」双出口。
挽留策略核心手法：
- 用 IP 形象作为发声人，避免系统式冷弹窗；不同放弃场景对应不同姿态／表情。
- Figma 里存在一整套挽留文案设计，覆盖 7 类常见放弃场景（如：答错抗拒、时长未到就想退出、连续挑战失败、切换任务、临时打断等，完整列表 待补充）。
- 默认给出「继续」与「退出」两个出口，不做强制阻拦。
五、关键页面清单
| 模块 | 页面 | Figma Frame 名 |
|---|---|---|
| 冷启 | 启动页 | 启动页 |
| 冷启 | 登录 | 登录 |
| 引导 | 年龄选择 | 年龄 |
| 引导 | 性别选择 | 性别 |
| 引导 | 学习目标 | 目标 |
| 引导 | 当前级别 | 级别 |
| 引导 | 每日学习时长 | 学习时长 |
| 引导 | 教师列表 | 教师列表 |
| 引导 | 教师选择 | 教师选择 |
| 引导 | 教师简介 | 教师简单介绍 |
| 主线 | 首页 v1 | 首页原型框架 1 |
| 主线 | 首页 v2 | 首页原型框架 2 |
| 学习 | 原文跟读 | reading-aloud-state |
| 学习 | 讲解／解析 | answer-explanation |
| 学习 | 选择题（正误） | 选择题一_错 |
| 学习 | 挽留弹窗 | 选择题一_挽留弹窗 |
| 品牌 | IP 世界 | aha_world_editable 1 |
六、界面展示
下方共 30 张截图，为 Figma「Aha time」画布导出的全部 top-level 界面，按 " 冷启动 & 引导 / 首页 & 学习流 / 词汇 & 时事 / 精读原著 / 选择题 & 挽留 " 五组分类。截图为 402×874（iPhone 逻辑尺寸，原著阅读为长页），点开可查看原图。
6.1 冷启动 & 引导（10 屏）
6.2 首页 & 跟读学习（4 屏）
6.3 重点词汇 & 时事资讯（3 屏）
6.4 磨耳朵 & 精读原著（5 屏）
6.5 选择题 · 判定 · 挽留（8 屏）
七、核心用户流程
首次进入 → 定制学习路径：
启动页 → 登录（协议勾选） → 年龄 → 性别（选 IP） →
目标 → 级别 → 学习时长 → 教师列表 → 教师选择 → 教师简介 → 首页日常学习 → 完成一次任务：
首页 → 今日任务 → 原文跟读 →（评分／未通过则触发解析） →
选择题 →（错误 → 挽留弹窗 → 继续／退出） → 完成结算中途放弃 → 挽留回收：
用户触发退出 → 命中 7 类场景之一 → IP 形象挽留话术弹窗 →
（点击继续 → 回到学习）／（点击下次再来 → 记录本次原因 → 允许退出）八、法务与合规
设计中已实现：
- 用户协议
- 隐私政策
- 运营商一键登录认证协议
需要在首次登录 & 关键授权节点强制勾选。儿童向产品还需补充 儿童个人信息保护声明、监护人同意流程 与 家长控制入口（时长上限、消费拦截）。待补充
九、指标建议（首版）
| 层级 | 指标 | 说明 |
|---|---|---|
| 获客 | 启动页 → 登录完成率 | 首屏跳失定位 |
| 引导 | 引导 9 步各步骤流失率 | 定位路径过长风险 |
| 激活 | 首日完成 1 次跟读 + 1 次选择题 | 激活定义 |
| 留存 | 次日／7 日／30 日打卡留存 | 结合「学习时长」承诺值 |
| 学习效果 | 跟读平均得分／单节完成率 | 学习质量 |
| 挽留 | 挽留弹窗曝光率／挽回率 | 挽留策略有效性 |
十、后续待办
- 补齐 7 类挽留场景的触发条件与文案终稿（挽留弹窗设计已存在，需要文案对齐）。
- 补齐跟读评分维度与阈值（发音准确度、流利度、语调、⭐ 分数换算规则）。
- 明确资讯板块「轻松浏览」与「专注学习」的默认策略。
- 补充儿童合规相关的家长同意流程与家长控制模块。
- 沉淀 IP 形象在各触点的表情／姿态素材规范（男孩、女孩各一套，含挽留、鼓励、错误、庆祝四类表情）。
- 关卡地图章节体系（1.1、1.2 … Level N）内容规划与解锁规则。