Files
doodle-mini/docs/产品设计文档.md
T

514 lines
25 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Doodle Mini 小程序 - 产品设计文档 v2.0
> 定位:3-8 岁早教 A4 纸打印资料小程序
> 版本:v2.0 产品重设计方案
> 最后更新:2026-03-24
---
## 一、现状问题诊断
### 1.1 内容层面
| 问题 | 现状 | 影响 |
|------|------|------|
| 品类单一 | 仅有数学计算、专注力训练、识字、练字四类 | 缺少英语启蒙、科学认知、艺术创造、生活常识等早教核心板块 |
| 题型趋同 | 数学 26 种题型多为数字计算变体,缺少生活化数学 | 用户容易审美疲劳,低龄段(3-5岁)可用内容少 |
| 缺乏体系 | 题型平铺排列,无年龄分级/难度递进 | 家长无法按孩子年龄/水平选择合适内容 |
| 无趣味化 | 缺少迷宫、涂色卡、手工折纸等高趣味性内容 | 与竞品(kiddoworksheets)差距大 |
| 内容静态 | 所有内容均为代码写死,无法动态扩展 | 新增题型需要发版,运营效率低 |
### 1.2 用户体验层面
| 问题 | 现状 | 影响 |
|------|------|------|
| 首页缺吸引力 | 入口卡片列表式排布,无分类筛选 | 题型多时找不到内容,新用户不知从何开始 |
| 无用户体系 | 无登录/收藏/历史记录 | 用户无法追踪使用情况,留存差 |
| 缺少预览图 | 进入题型前看不到最终效果 | 试错成本高 |
| 无批量打印 | 每次只能生成一张 → 保存 → 打印 | 需要多张时操作繁琐 |
| 无打印指引 | 保存到相册后缺少从相册打印的引导 | 用户可能不知道如何打印 |
### 1.3 技术层面
| 问题 | 现状 | 影响 |
|------|------|------|
| 云函数名不一致 | 代码调用 `robotaxi`,目录名 `doodle` | 可能存在线上风险 |
| 无效代码引用 | `index.js` 引用不存在的 `station/area` 等模块 | 部署可能失败 |
| debug 页有死链 | 指向不存在的 `demoPages/shapePrint` | 功能残缺 |
| 无 PDF 导出 | `createPDF` 云函数仅实验性代码 | 缺少直接生成 PDF 的能力 |
| 渲染方案限制 | 全部 Canvas 渲染,交互受限 | 难以实现复杂交互(如拖拽、填写) |
---
## 二、竞品参考与差距分析
参考 [kiddoworksheets.com](https://www.kiddoworksheets.com/),对比如下:
| 维度 | kiddoworksheets | Doodle Mini 现状 | 差距 |
|------|----------------|------------------|------|
| 内容品类 | 30+ 大类(字母、拼写、涂色、迷宫、折纸、找不同、时钟...) | 4 大类 | 严重不足 |
| 年龄覆盖 | 学前 - 5 年级 | 3-8 岁(但内容未分级) | 缺少分级体系 |
| 题目数量 | 每个品类数十到数百张 | 每种题型动态生成(无限但变化有限) | 模板多样性不够 |
| 下载方式 | 直接 PDF 下载 | 保存 PNG 到相册 | 体验略差 |
| 视觉风格 | 彩色卡通插画 | 简约线条风格 | 视觉吸引力弱 |
| 内容更新 | 持续更新 | 代码写死 | 运营效率差距大 |
| SEO/分享 | 独立网页,搜索引擎友好 | 小程序,依赖微信生态 | 获客渠道不同 |
---
## 三、产品重设计方案
### 3.1 全新信息架构
```
┌──────────────────────────────────────────────────────────────┐
│ 首页(重设计) │
│ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌─────────┐ ┌────────┐ │
│ │ 数学 │ │ 语文 │ │ 英语 │ │ 益智 │ │ 创意 │ │
│ │ 启蒙 │ │ 启蒙 │ │ 启蒙 │ │ 游戏 │ │ 手工 │ │
│ └────┬────┘ └────┬────┘ └────┬────┘ └────┬────┘ └───┬────┘ │
├───────┼──────────┼──────────┼──────────┼─────────────┼──────┤
│ ▼ ▼ ▼ ▼ ▼ │
│ 数字认知 识字卡 字母学习 迷宫 涂色卡 │
│ 计数练习 练字帖 自然拼读 找不同 折纸 │
│ 加减运算 看图说话 词汇练习 连线题 手工 │
│ 时钟练习 成语接龙 闪卡 拼图 贴纸 │
│ 形状认知 笔顺练习 描红 数独 ... │
│ ... ... ... ... │
└──────────────────────────────────────────────────────────────┘
```
### 3.2 新 TabBar 设计
| Tab | 名称 | 说明 |
|-----|------|------|
| 1 | 发现 | 首页,分类浏览所有可打印资料,含推荐/热门/最新 |
| 2 | 分龄 | 按年龄(3-4/4-5/5-6/6-7/7-8)筛选适合的内容 |
| 3 | 收藏 | 收藏的题型、已下载的历史记录 |
| 4 | 我的 | 用户中心、打印指南、设置、意见反馈 |
---
## 四、新增功能规划(按优先级排序)
### P0 - 核心改进(1-2 周内完成)
> 低开发成本、高用户价值,优先推进
| # | 功能 | 描述 | 开发难度 | 用户价值 |
|---|------|------|---------|---------|
| 1 | **年龄分级体系** | 为所有题型标注适合年龄段(3-4/4-5/5-6/6-7/7-8),首页增加年龄筛选 | ⭐⭐ | ⭐⭐⭐⭐⭐ |
| 2 | **难度标签** | 每个题型标注难度(入门/基础/进阶/挑战),方便家长选择 | ⭐ | ⭐⭐⭐⭐ |
| 3 | **效果预览图** | 入口卡片展示真实的打印效果缩略图,非 icon 风格 | ⭐⭐ | ⭐⭐⭐⭐ |
| 4 | **首页重设计** | 增加分类导航(横向滚动标签)+ 搜索 + 推荐区域 | ⭐⭐ | ⭐⭐⭐⭐⭐ |
| 5 | **打印指南页** | 新增「如何打印」图文引导页(从保存→打印→装订的完整教程) | ⭐ | ⭐⭐⭐⭐ |
| 6 | **修复技术问题** | 清理云函数无效引用、统一函数名、移除死链 | ⭐ | ⭐⭐⭐ |
### P1 - 内容扩充(2-4 周)
> 显著丰富产品内容,提升竞争力
#### 4.1 数学新增题型
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 7 | **时钟练习** | 认识钟表、读时间、画时针分针 | ⭐⭐⭐ |
| 8 | **形状分类** | 按形状/大小/颜色分类,圈出不同类 | ⭐⭐ |
| 9 | **规律填空** | 数字/图形规律,找出下一个 | ⭐⭐ |
| 10 | **货币认知** | 认识人民币面值,简单找零练习 | ⭐⭐⭐ |
| 11 | **测量启蒙** | 用尺子量长度、比较长短 | ⭐⭐ |
#### 4.2 语文新增题型
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 12 | **拼音练习** | 声母/韵母/整体认读音节描红、拼音组合 | ⭐⭐⭐ |
| 13 | **笔画练习** | 基本笔画(横竖撇捺等)描红练习 | ⭐⭐ |
| 14 | **偏旁部首** | 偏旁部首认知、组字练习 | ⭐⭐ |
| 15 | **看图说话** | 提供图片场景,引导孩子看图说话/写话 | ⭐⭐⭐ |
| 16 | **成语/古诗填空** | 常见成语、古诗的填空练习 | ⭐⭐ |
#### 4.3 英语启蒙(全新模块)
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 17 | **字母描红** | A-Z 大小写字母描红练习 | ⭐⭐ |
| 18 | **字母闪卡** | 字母+对应单词+插图的闪卡 | ⭐⭐ |
| 19 | **字母找一找** | 在字母方阵中找出目标字母 | ⭐(复用 numberFind |
| 20 | **单词描红** | 常见英语单词描红(颜色/动物/数字/水果) | ⭐⭐⭐ |
| 21 | **自然拼读练习纸** | CVC 单词拼读、元音辅音分类 | ⭐⭐⭐ |
### P2 - 益智游戏(4-6 周)
> 高趣味性内容,显著提升差异化
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 22 | **走迷宫** | 不同难度的迷宫(简单路径/多分支/主题迷宫) | ⭐⭐⭐⭐ |
| 23 | **找不同** | 两张相似图片找出差异点 | ⭐⭐⭐⭐ |
| 24 | **数独入门** | 4×4 / 6×6 简易数独 | ⭐⭐⭐ |
| 25 | **控笔练习** | 虚线描画(直线/曲线/锯齿/螺旋) | ⭐⭐ |
| 26 | **连线画图** | 按数字/字母顺序连点成画(Dot-to-Dot | ⭐⭐⭐ |
| 27 | **图形拼图** | 七巧板/图形拼合练习 | ⭐⭐⭐ |
| 28 | **记忆力翻翻卡** | 可打印的配对翻翻卡(打印→剪切→玩) | ⭐⭐ |
### P3 - 创意手工(6-8 周)
> 拓展品类边界,吸引更多用户群
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 29 | **涂色卡** | 卡通主题线稿涂色(动物/交通/节日/恐龙等) | ⭐⭐⭐ |
| 30 | **折纸模板** | 可打印的折纸展开图+步骤说明 | ⭐⭐(主要是素材制作) |
| 31 | **字母/数字手工** | 打印→剪切→粘贴的立体字母/数字 | ⭐⭐ |
| 32 | **主题手工** | 节日手工(春节/中秋/圣诞等)、季节手工 | ⭐⭐⭐ |
| 33 | **贴纸打印** | 可打印的奖励贴纸、装饰贴纸 | ⭐⭐ |
| 34 | **自制绘本** | 打印→装订的简易绘本模板 | ⭐⭐⭐ |
### P4 - 体验升级(持续迭代)
> 提升产品专业度和用户粘性
| # | 功能 | 描述 | 开发难度 |
|---|------|------|---------|
| 35 | **用户体系** | 微信授权登录 + 用户信息 | ⭐⭐ |
| 36 | **收藏功能** | 收藏喜欢的题型,快速访问 | ⭐⭐ |
| 37 | **下载历史** | 记录每次下载的内容和时间 | ⭐⭐ |
| 38 | **批量生成** | 一次生成多张不同题目的练习纸 | ⭐⭐⭐ |
| 39 | **PDF 导出** | 支持直接生成多页 PDF(需云函数) | ⭐⭐⭐⭐ |
| 40 | **自定义纸张** | 支持 A4/B5/Letter 等纸张尺寸切换 | ⭐⭐ |
| 41 | **打印套餐** | 按周/月推荐「每日一练」打印计划 | ⭐⭐⭐ |
| 42 | **社区分享** | 用户分享打印效果、使用心得 | ⭐⭐⭐⭐ |
| 43 | **数据统计** | 记录孩子使用数据,生成学习报告 | ⭐⭐⭐⭐ |
---
## 五、页面重设计方案
### 5.1 首页「发现」页重设计
**现状问题**:四个独立的 Tab 页各自为政,用户需要在 Tab 间跳转寻找内容。
**改造方案**:合并为统一的「发现」首页
```
┌─────────────────────────────────────┐
│ 🔍 搜索框 │
├─────────────────────────────────────┤
│ [全部] [数学] [语文] [英语] │
│ [益智] [创意] [手工] │ ← 横向滚动分类标签
├─────────────────────────────────────┤
│ │
│ 📌 今日推荐 │ ← 每日精选 2-3 个内容
│ ┌────────────────────────────┐ │
│ │ 🎄 圣诞主题涂色卡 [NEW] │ │
│ │ [效果预览图] │ │
│ └────────────────────────────┘ │
│ │
│ 🔥 热门下载 │ ← 横向滚动卡片
│ ┌─────┐ ┌─────┐ ┌─────┐ │
│ │迷宫 │ │涂色卡│ │加减法│ │
│ └─────┘ └─────┘ └─────┘ │
│ │
│ 📚 数学启蒙 │ ← 按分类展示
│ ┌─────────┬─────────┬─────────┐ │
│ │ 数字认知 │ 计数练习 │ 加减运算 │ │
│ │ [缩略图] │ [缩略图] │ [缩略图] │ │
│ │ 3-5岁 │ 4-6岁 │ 5-7岁 │ │
│ └─────────┴─────────┴─────────┘ │
│ │
│ ✏️ 语文启蒙 │
│ ┌─────────┬─────────┬─────────┐ │
│ │ 识字卡 │ 练字帖 │ 拼音 │ │
│ └─────────┴─────────┴─────────┘ │
│ │
│ 🌈 创意手工 │
│ ┌─────────┬─────────┬─────────┐ │
│ │ 涂色卡 │ 折纸 │ 贴纸 │ │
│ └─────────┴─────────┴─────────┘ │
│ │
└─────────────────────────────────────┘
```
### 5.2 分类详情页
点击分类标签或「查看更多」进入的二级页面:
```
┌─────────────────────────────────────┐
│ ← 返回 数学启蒙 │
├─────────────────────────────────────┤
│ 年龄筛选: │
│ [全部] [3-4岁] [4-5岁] [5-6岁] │
│ [6-7岁] [7-8岁] │
│ │
│ 难度筛选: │
│ [全部] [⭐入门] [⭐⭐基础] │
│ [⭐⭐⭐进阶] [⭐⭐⭐⭐挑战] │
├─────────────────────────────────────┤
│ │
│ ┌────────────────────────────┐ │
│ │ [效果预览大图] │ │
│ │ 数字排序 │ │
│ │ ⭐⭐ 基础 | 适合 4-6 岁 │ │
│ │ 📥 12.3k 次下载 │ │
│ │ [立即生成] [❤️ 收藏] │ │
│ └────────────────────────────┘ │
│ │
│ ┌────────────────────────────┐ │
│ │ [效果预览大图] │ │
│ │ 凑十法练习 │ │
│ │ ⭐⭐⭐ 进阶 | 适合 5-7 岁 │ │
│ └────────────────────────────┘ │
│ │
└─────────────────────────────────────┘
```
### 5.3 生成/预览页重设计
```
┌─────────────────────────────────────┐
│ ← 返回 凑十法练习 ❤️ ··· │
├─────────────────────────────────────┤
│ │
│ ┌────────────────────────────┐ │
│ │ │ │
│ │ A4 打印效果预览区 │ │
│ │ (Canvas 实时渲染) │ │
│ │ │ │
│ └────────────────────────────┘ │
│ │
│ ⚙️ 参数设置 │
│ ┌────────────────────────────┐ │
│ │ 范围:[10以内 ▼] │ │
│ │ 题数:[12 ▼] │ │
│ │ 纸张:[A4 ▼] │ │
│ │ 页眉:[显示 ▼] │ │
│ └────────────────────────────┘ │
│ │
│ ┌──────────┐ ┌──────────────┐ │
│ │ 🔄 换一批 │ │ 📥 保存并打印 │ │
│ └──────────┘ └──────────────┘ │
│ │
│ ┌──────────┐ ┌──────────────┐ │
│ │ 📄 存PDF │ │ 📤 分享好友 │ │
│ └──────────┘ └──────────────┘ │
│ │
└─────────────────────────────────────┘
```
### 5.4 「我的」页面(新增)
```
┌─────────────────────────────────────┐
│ 我的 │
├─────────────────────────────────────┤
│ ┌─────┐ │
│ │ 头像 │ 微信用户昵称 │
│ └─────┘ 已生成 128 张练习纸 │
├─────────────────────────────────────┤
│ │
│ 📥 下载历史 > │
│ ❤️ 我的收藏 > │
│ 📋 每日打印计划 > │
│ 📊 学习统计 > │
│ │
├─────────────────────────────────────┤
│ │
│ 🖨️ 打印指南 > │
│ ⚙️ 打印设置 > │
│ 💬 意见反馈 > │
│ ℹ️ 关于我们 > │
│ │
└─────────────────────────────────────┘
```
---
## 六、视觉风格升级建议
### 6.1 现状问题
- 入口卡片仅为简单的文字+icon,缺少视觉吸引力
- 配色单一,整体观感不够「儿童友好」
- 缺少品牌感(Logo、IP形象等)
### 6.2 改进方向
| 维度 | 建议 |
|------|------|
| 主色调 | 采用温暖明亮的渐变色系(橙黄 → 粉紫),传达活力与童趣 |
| 品牌 IP | 设计一个可爱的 IP 形象(如小恐龙/小兔子),贯穿全应用 |
| 卡片风格 | 入口卡片使用真实打印效果预览图 + 圆角卡片 + 柔和阴影 |
| 字体 | 标题使用圆体/手写风格字体,正文保持清晰易读 |
| 图标 | 使用统一的手绘风格图标替代 emoji |
| 动效 | 适度加入微动效(卡片进场、按钮反馈、生成加载) |
| 空状态 | IP 形象配合趣味文案(如「还没有收藏哦,去发现好玩的练习纸吧~」) |
### 6.3 打印页面风格
| 维度 | 建议 |
|------|------|
| 页眉 | 统一品牌 Logo + 小程序码 + 日期 + 孩子姓名(可选) |
| 页脚 | 鼓励语/小贴士(如「做得真棒!」「今天又进步了!」) |
| 装饰 | 页面边角增加可爱装饰元素(星星、花朵、小动物) |
| 排版 | 优化题目间距,确保打印后字体大小适合儿童辨认(≥14pt) |
---
## 七、技术改造建议
### 7.1 架构优化
| 改造项 | 现状 | 目标 | 优先级 |
|--------|------|------|--------|
| 内容配置化 | 题型硬编码 | JSON 配置 + 云端下发,新增题型无需发版 | P0 |
| 模板引擎 | 各题型独立 Draw Service | 抽象通用模板引擎,减少重复代码 | P1 |
| 云端渲染 | 本地 Canvas 导出 PNG | 云函数生成 PDF,支持多页/高清 | P2 |
| 素材管理 | 素材随代码打包 | CDN + 按需下载,减少包体积 | P1 |
| 数据埋点 | 基础 tracker | 完善用户行为分析(使用频率、下载量、题型偏好) | P1 |
### 7.2 分包优化
```
当前分包结构: 建议优化后:
├── 主包 ├── 主包
│ ├── mathIndex │ ├── home (发现首页)
│ ├── focusIndex │ ├── category (分类页)
│ ├── index (识字) │ ├── profile (我的)
│ └── copyBook (练字) │ └── guide (打印指南)
├── mathPages ├── mathPages (数学相关)
└── focusPages ├── chinesPages (语文相关)
├── englishPages (英语相关)
├── puzzlePages (益智相关)
└── craftPages (创意手工)
```
### 7.3 数据模型扩展
```typescript
interface WorksheetType {
id: string;
page: string;
title: string;
desc: string;
// 新增字段
category: 'math' | 'chinese' | 'english' | 'puzzle' | 'craft';
subcategory: string;
ageRange: [number, number]; // [minAge, maxAge]
difficulty: 1 | 2 | 3 | 4; // 入门/基础/进阶/挑战
previewImage: string; // 真实效果预览图
downloadCount: number; // 下载次数(可云端维护)
tags: string[]; // 搜索标签
isNew: boolean; // 新上线标记
sortOrder: number; // 排序权重
}
```
---
## 八、实施路线图
```
Phase 1(第 1-2 周) ← 夯实基础
├── 修复技术问题(云函数/死链)
├── 增加年龄分级和难度标签
├── 首页重设计(分类导航 + 搜索)
├── 新增打印指南页
└── 效果预览图优化
Phase 2(第 3-4 周) ← 内容扩充
├── 新增:控笔练习
├── 新增:时钟练习
├── 新增:拼音练习
├── 新增:字母描红
├── 新增:字母闪卡
└── 新增:笔画练习
Phase 3(第 5-6 周) ← 趣味内容
├── 新增:走迷宫
├── 新增:涂色卡(引入线稿素材)
├── 新增:折纸模板
├── 新增:找不同
├── 新增:控笔练习升级版
└── 新增:记忆力翻翻卡
Phase 4(第 7-8 周) ← 体验升级
├── 用户体系(登录/收藏/历史)
├── PDF 导出功能
├── 批量生成
├── 每日打印计划
└── 数据统计与学习报告
Phase 5(持续迭代) ← 生态建设
├── 更多主题手工内容
├── 节日/季节限定内容
├── 社区分享
├── 内容创作者入驻
└── 会员体系(免费内容 + 高级内容)
```
---
## 九、商业化思路
| 模式 | 说明 |
|------|------|
| **免费 + 广告** | 基础内容免费,展示原生广告(现有模式) |
| **会员订阅** | 月/年会员,解锁高级内容、去广告、批量导出 PDF |
| **内容付费** | 特定高级内容包(如「幼升小全套」「暑假特训」)单独购买 |
| **打印服务** | 接入云打印平台,用户一键下单,直接邮寄打印成品 |
---
## 十、关键指标(KPI
| 指标 | 当前预估 | Phase 2 目标 | 长期目标 |
|------|---------|-------------|---------|
| 内容品类 | 4 类 | 8 类 | 15+ 类 |
| 可打印题型 | 41 种 | 60+ 种 | 150+ 种 |
| 日均使用 UV | - | 500 | 5,000 |
| 人均停留时长 | - | 3 min | 8 min |
| 日均下载量 | - | 1,000 张 | 10,000 张 |
| 用户次日留存 | - | 25% | 40% |
| 分享率 | - | 10% | 20% |
---
## 附录 A:竞品功能对照表
| 功能 | kiddoworksheets | Doodle Mini 现有 | Doodle Mini v2.0 规划 |
|------|----------------|-----------------|---------------------|
| 字母描红 | ✅ | ❌ | ✅ P1 |
| 草书练习 | ✅ | ❌ | ❌(非目标用户需求) |
| 缺失字母 | ✅ | ❌ | ✅ P1(字母找一找) |
| 数字描红 | ✅ | ✅ 看数字写一写 | ✅ |
| 缺失数字 | ✅ | ✅ 填上缺少的数字 | ✅ |
| 闪卡 | ✅ | ❌ | ✅ P1 |
| 形状练习 | ✅ | ✅ 识别形状 | ✅ |
| 规律练习 | ✅ | ✅ 颜色找规律 | ✅ 扩展数字/图形规律 |
| 涂色页 | ✅ | ❌ | ✅ P2 |
| 画画教程 | ✅ | ❌ | ❌(优先级低) |
| 点连线 | ✅ | ✅ 数字点连线 | ✅ 扩展字母连线 |
| 加法 | ✅ | ✅ 多种加法题型 | ✅ |
| 减法 | ✅ | ✅ 多种减法题型 | ✅ |
| 乘法 | ✅ | ✅ 九九乘法表 | ✅ |
| 计数 | ✅ | ✅ 多种计数题型 | ✅ |
| 英语练习 | ✅ | ❌ | ✅ P1 |
| 高频词 | ✅ | ❌ | ✅ P2 |
| 词汇拼写 | ✅ | ❌ | ✅ P2 |
| 字谜 | ✅ | ❌ | ✅ P3 |
| 填字游戏 | ✅ | ❌ | ✅ P3 |
| 常识问答 | ✅ | ❌ | ❌(优先级低) |
| 描线练习 | ✅ | ✅ 线条识别 | ✅ 控笔练习 |
| 配对连线 | ✅ | ✅ 连连看/连线 | ✅ |
| 找相同 | ✅ | ❌ | ✅ P2 |
| 人体部位 | ✅ | ❌ | ❌(优先级低) |
| 时钟 | ✅ | ❌ | ✅ P1 |
| 贴纸 | ✅ | ❌ | ✅ P3 |
| 滑动拼图 | ✅(在线游戏) | ❌ | ❌(非打印类) |
| 找不同 | ✅ | ❌ | ✅ P2 |
| 折纸 | ✅ | ❌ | ✅ P2 |
| 迷宫 | ✅ | ❌ | ✅ P2 |