← 返回精选项目

开口伙伴

产品全栈设计儿童英语2026.4 至今

独立设计并推动一款儿童英语开口练习产品从课程体系到 iOS 上线的完整实践。

340 节课程 · iOS App Store 上架

01 项目概览

开口伙伴是一款专注儿童英语自主表达的学习产品。通过渐进式提示、随机组句与复习问答,帮助孩子从模仿跟读过渡到独立组织整句。

  1. 承担角色:独立产品设计师、UX/UI 设计、AI Coding 驱动开发。
  2. 产品范围:课程体系、内容生产、学习体验、付费体系、运营后台。
  3. 交付成果:340 节课程、PWA + iOS、App Store 正式上架;200+ 真实体验用户,累计完成 828 节次课程。
开口伙伴项目视觉:AI 时代孩子第一课
开口伙伴在 App Store 的上架页面
67.1%首课完成率141/210=67.1%。分子:141 位至少完成一节任意课程的用户。分母:210 位有课程开始记录的用户。首次学习体验
48.2%跨日学习用户占比68/141=48.2%。分子:68 位至少在两个不同的自然日完成课程的用户。分母:141 位至少完成一节课程的用户。持续学习行为
5.3%付费转化率10/190=5.3%。分子:10 位曾开通正式课程的账号,排除测试及 iOS 审核账号。分母:190 位有课程开始记录的账号真实商业验证

数据截至 2026.11.05 | 真实用户数据,排除测试账号

02 产品机会

从个人实践,发现产品机会

一个没时间备课、英语也不够自信的妈妈,如何为孩子创造持续开口练习的机会?

2.1 好的学习方法,为什么难以每天坚持?

在女儿的英语启蒙过程中,我实践了 Susan 体系中的随机组句、互动问答等方法,发现它们能帮助孩子从模仿跟读逐渐过渡到自主表达。

但作为英语水平有限、缺少备课精力的妈妈,每天准备素材、设计提问、引导表达和安排复习,实在难以坚持。同时,孩子放学后的学习时间也十分有限。英语练习不仅需要家长省力,也需要让孩子在较短时间内获得足够的开口机会。

于是我开始思考:能否将繁琐的教学组织工作交给系统,让孩子持续获得自主开口练习的机会?

2.2 市面上有合适的英语开口工具吗?

从丰富的输入资源中,发现专项输出练习的机会

目前,儿童英语启蒙已经拥有丰富的学习资源。英文动画、儿歌、分级绘本和综合启蒙课程,为家庭提供了多种语言输入方式。

我选取小小优趣、ABC Reading、Lingumi、斑马AI学、叽里呱啦和口语星球六款产品,重点比较它们的学习内容、口语交互形式与产品侧重点。

儿童英语启蒙工具的定位分布
零基础到初级
看听输入 自主整句输出
叽里呱啦
Lingumi
小小优趣
ABC Reading
斑马AI学
口语星球
开口伙伴
真人 1V1 外教
零基础到高级

横轴表示从看听输入到自主整句输出,纵轴表示学习覆盖阶段。点位依据内容与交互侧重点作定性示意。竞品图标来自各自的 App Store 页面。

2.3 一次看似简单的开口练习,家长需要完成多少工作?

HUMAN WORKFLOW / 人工组织一次练习,由家长串起五段工作
  1. 01

    准备内容

    选择句型、词汇和图片

  2. 02

    组织练习

    安排跟读、随机组句

  3. 03

    引导表达

    设计提问、提供提示

  4. 04

    安排复习

    确定学过什么、复习什么

  5. 05

    反馈激励

    鼓励孩子、判断是否继续

设计机会:

降低家长的组织成本,提高孩子单位时间内的有效开口机会。

2.4 让系统承担教学组织,让孩子专注自主表达

HOW MIGHT WE / 设计挑战如何在家长精力和孩子时间都有限的情况下,让英语互动变成可持续的自主开口练习?
三项设计方向的交集:自主开口练习体验 免备课、渐进式开口与持续练习三个相交圆,共同形成孩子可以持续参与的自主开口练习体验。 免备课 渐进式开口 持续练习 自主开口 练习体验
  1. 01

    免备课

    系统安排每天的新学与复习内容

  2. 02

    渐进式开口

    从跟读、提示到自主组织整句

  3. 03

    持续练习

    降低干扰,强化反馈与学习动力

贯穿原则:短时高密度

减少无效等待与冗余操作,让有限的学习时间更多用于实际开口。

设计边界:不再重复建设大量英语输入资源,而是聚焦句型与词汇的开口练习、互动问答和复习组织,让产品专注解决自主表达问题。

03 课程体系与产品策略

3.1 设计目标

更容易开始,也愿意持续练习

产品的核心目标,是帮助孩子从模仿跟读逐步走向自主表达。但要让英语开口练习真正融入家庭日常,还需要解决两个问题:家长缺少备课与陪练精力,孩子难以持续保持练习。

因此,我明确了两项设计目标:

设计目标 01 降低学习门槛
  • 降低家长准备课程、组织练习的成本
  • 降低操作成本,让孩子能够跟随系统引导,独立完成学习。
设计目标 02 促进持续练习
  • 通过自动编排、短时学习,提升家长把开口练习融入日常生活的意愿
  • 通过正向激励,提升孩子开口意愿,并逐步建立持续练习的节奏

3.2 把有限的学习时间,更多地留给开口

策略与设计决策
目标 1
01 免备课
系统组织课程、练习与复习内容
02 一键上课
在首页点击按钮即可立即开始上课
目标 2
03 短时高密度
减少等待、复杂操作和无关动画
04 渐进式开口
逐步撤除提示,增加自主回答
05 持续练习
复习推荐、正向反馈和学习记录
有效开口次数 ÷ 实际学习分钟数

平均开口频率

3–4 次开口 / 分钟

3.3 从零散的句型练习,到一套完整的表达课程

在参考 Susan 英语启蒙体系的基础上,我将原本依赖家长组织的句型与词汇练习,转化为覆盖四大表达主题、8 个阶段、340 节课程的数字化学习体系,让课程内容能够支持自动编排、互动问答与持续复习。

四大主题,两条学习线
340 节课程8 个阶段
  1. 01 / 事物

    事物表达

    It's a ...
    This is ...

    Stage 01句型课Stage 02单词课
  2. 02 / 动作

    动作表达

    I Am Doing
    You Are Doing

    Stage 03句型课Stage 04单词课
  3. 03 / 描述

    描述表达

    A Good One Is Doing
    A Bad One Is Doing

    Stage 05句型课Stage 06单词课
  4. 04 / 生活场景

    生活表达

    The AC keeps you cool
    The air purifier removes dust from the air.

    Stage 07句型课Stage 08单词课

内容分类与教学思路参考 Susan 英语启蒙体系;数字化课程编排与交互体验由本人设计实现。

3.4 让新学与复习,成为一套自动运行的学习节奏

系统按照预设规则,将新学与不同间隔的复习内容组合进每节常规课程。家长无需手动安排复习,孩子也能在学习新内容的同时,反复运用已有表达。

一次练习的内容组合1 个新学槽位 2 个复习槽位
  1. 槽位 01

    新学

    本课新内容

  2. 槽位 02

    近期复习

    较近学过的内容

  3. 槽位 03

    间隔复习

    更早学过的内容

设计取舍:控制每次引入的新内容量,将不同间隔的复习融入日常课程,减少家长手动安排复习的负担。

3.5 课程组织、内容编排、练习递进

小猫抓球的课程动画
示范理解(问和答)
老师
Who catches the ball?
老师
now say: The cat catches the ball.

先理解问题和完整回答。

示范理解(问和答)· 真实课程演示

每步停留 2 秒,自动循环;点击上方步骤可切换。

开口伙伴渐进式表达展示:先跟读、再提问、引导自主回答

04 核心 UX 设计

4.1 让孩子愿意开始、能够完成,并愿意再次开始

在完成课程体系与学习规则设计后,我进一步关注孩子如何真正参与练习。参考福格行为模型,从行动提示、完成难度与练习动机三个维度,设计完整的自主开口体验。

BEHAVIOR / 目标行为孩子主动完成一次开口练习
主动开口练习的三要素飞轮 动机让孩子愿意开口,能力让练习容易完成,提示让孩子知道何时行动;三者共同支持孩子主动完成一次开口练习。 M愿意开口A容易完成P知道如何行动 孩子主动完成一次开口练习
M / 动机愿意开口
  • 宝石收集
  • 即时成就反馈
  • 进度可视化
A / 能力容易完成
  • 免备课
  • 渐进式提示
  • 自动语音提交
P / 提示知道何时行动
  • 今日课程推荐
  • 开始练习入口
  • Now say 提示
设计目标:

有意愿、做得到,并在恰当时刻得到行动提示

4.2 让孩子愿意开始

01 家长:一键学习,降低负担

02 孩子:明确学习目标,免家长备课

03 孩子:收集宝石目标,提升意愿

开口伙伴开始练习界面,突出宝石收集进度、目标句子和开始收集宝石按钮
01今日课程推荐
02宝箱目标
03学习目标

4.3 让孩子能够说出来

01 孩子:示范跟读,降低自主表达难度

02 孩子:自动提交,减少操作

03 孩子:及时反馈,提升信心

老师
what can you see?
老师
I can see a sofa
儿童
I can see a sofa
视频加载中示范跟读16:9 · 静音循环播放

按视频时长依次播放并循环;也可点击上方 TAB 跳转。视频默认静音,点击画面或喇叭开启声音。

4.4 让孩子愿意再次练习

01 家长:了解学习进度,查看录音回放,提升掌控感

02 孩子:宝石收集进度增长,获得正反馈

03 孩子:搞怪组句,多种复习玩法,提升学习兴趣

了解学习进度,查看录音回放,提升掌控感

开口伙伴学习报告,展示学习进度与录音回放

宝石收集进度增长,获得正反馈

参考任天堂游戏【耀西的手工世界】中清晰的收集目标、及时的奖励反馈与轻量化成就感,设计了和课程对应的8阶段宝石收集,将游戏激励转化为儿童英语开口练习的持续动力。

与课程对应的八阶段宝石收集展示
学习报告中突出的宝石收集奖励

搞怪组句,多种复习玩法,提升学习兴趣

05 AI Coding 从设计方案到可运行产品

让设计不止停留在原型,而是真正交付给用户

没有传统研发团队,我尝试以 AI Coding 作为开发协作方式,将产品需求、课程规则与交互设计逐步转化为可运行的系统。从 Web 原型、PWA 到 iOS 正式上架,独立推进了产品开发、测试、发布与持续迭代。

AI CODING / 协作工作流从需求定义到上线迭代
  1. 01
    01 / DEFINE定义需求

    用户问题、课程规则、交互方案、验收目标

    设计师主导
  2. 02
    02 / BUILDAI 协作开发

    功能实现、组件开发、接口对接、问题排查

    AI Coding
  3. 03
    03 / VERIFY体验验收

    真机测试、异常检查、交互还原、问题反馈

    设计师判断
  4. 04
    04 / SHIP上线交付

    Web/PWA 发布、iOS 适配、App Store 正式上架

    设计师主导

5.1 定义需求

在进入开发前,我先将教学方法与体验设想拆解为课程规则、交互流程和验收标准,明确系统应该如何运行,以及怎样判断功能是否完成。

01 课程规则

Day 1 原始 Markdown:难度与练习规则 Day 1 原始 Markdown:卡片与救场策略

将新学、复习、随机组句等教学方法转化为明确的业务规则。

03 验收目标

Day 3 模拟学生连续完成五课的验收文档

使用模拟学生连续完成 5 课,验证课程生成、结果提交和状态更新是否正常。

以上为项目早期需求与开发记录,部分教学规则已在后续版本中调整。

5.2 AI 协作开发

从最小学习闭环开始,逐步构建完整产品

我借助 AI 将复杂产品目标拆解为可逐步交付的任务,优先打通课程生成、学习、结果提交与状态更新的最小闭环,再逐步扩展课程内容、互动玩法和完整的产品功能。

01 / DESIGN EXPLORATION AI 辅助设计探索

交互方案发散与收敛
视觉规范探索与统一

02 / SCALABLE BUILD 课程规模化构建

可复用的课程交互模板
课程素材批量生产流水线

5.2.1 AI 辅助设计探索

借助 AI 探索多种可能,由设计判断完成最终方案。

从早期 Figma 草稿出发,我借助 GPT 探索页面布局与交互路径,并对不同方案进行比较。最终结合儿童的理解能力、操作成本与学习目标进行筛选,将方案落实为真实的 App 界面。

交互方案发散与收敛
01 李青阳Figma 视觉草稿

确定页面信息和基础结构

02 CodexGPT 方案探索

比较不同交互与页面组织方式

03 李青阳真实 App 界面

筛选、调整并实现最终体验

首页
任务
宝箱
报告

点击图片可查看原图。

视觉规范探索与统一

在视觉层面,我先明确基础色彩、字体与组件方向,再借助 Figma Make 探索不同表现形式,最终整理为统一的设计 Token,保证后续页面与组件持续扩展时仍保持一致性。

01 李青阳Codex早期色板、按钮、字体、图标

视觉设计基础

02 FigmaFigma Make 不同风格的探索截图

利用 AI 扩展设计可能性

03 Codex最终颜色、字体、圆角、按钮规范

将探索结果收敛为可执行规范

点击图片可查看原图。

5.2.2 课程规模化构建

通过交互模板复用与音画素材批量生产,支撑 340 节课程的规模化构建。

为了让课程持续扩展,我将课程的内容生产与交互呈现拆分为两个相互衔接的部分:先批量生成标准化课程包,再由系统根据课程配置调用对应的交互模板,减少重复制作与开发成本。

课程素材批量生产流水线

将原始课程资料整理为统一的教学脚本,经过内容审核与改写后,分别批量生成 TTS 音频和图片素材。完成资源审核与整理后,再自动组装为可供系统使用的课程包。

原始课程素材 PDF 词汇资料 / Excel 句型资料
Codex课程文案审核与改写 内容准确性 · 表达难度 · 教学逻辑
Codex统一课程脚本
Gemini批量生成音频 TTS → MP3
Codex批量生成图片 Prompt → 图片资源
李青阳资源审核与整理
Cursor自动组装课程包 课程脚本 + 音频 + 图片 + 交互配置
标准化课程包
可复用的课程交互模板

标准化课程包包含课程脚本、音频、图片及相应的课程配置。系统读取课程类型后,调用对应的新学或复习模板,并复用音频播放、语音录制和结果反馈等基础能力。

通过内容与交互的分离,不同课程能够共享已有组件,无需为每节课程重新开发完整的交互页面。

标准化课程包
李青阳新学模板
李青阳复习互动模板
Cursor共用交互能力 音频播放 · 语音录制 · 即时反馈
Cursor统一提交学习结果

点击图片可查看原图。

BUILD OUTPUT / 实现规模
3,242 张课程图片文件
+
6,810 个音频文件
=
340 节课程

5.3 体验验收

从功能跑通,到真实场景下的顺畅使用

在功能实现后,我围绕流程完整性、语音交互、状态一致性和设备兼容性等关键环节进行验收,并在 iPhone、iPad 和 Android PWA 等设备上测试。

验收标准来自用户体验,而不只是技术是否通过。

检查维度核心问题
流程完整性孩子能否独立完成一节课程?
语音交互录音、提交、反馈是否顺畅?
状态一致性学习进度、宝石奖励是否正确更新?
设备兼容性iPhone、iPad、Android PWA 能否正常使用?
关键学习链路验收
  1. 课程开始
    开口伙伴首页与开始课程入口
  2. 语音互动
    单词课程中的语音互动
  3. 结果提交
    猜词练习的结果反馈
  4. 状态更新
    本课报告与学习状态
案例:减少语音交互的操作中断
  1. BEFORE / 问题

    部分设备存在音频权限、录音提交等交互障碍

    录音权限错误截图
  2. ACTION / 优化

    调整音频初始化、录音与提交机制

    录音权限问题的排查与修复记录
  3. AFTER / 结果

    减少额外操作,让孩子更连贯地完成表达

    Question Time 练习界面

以真实学习场景作为验收标准,持续降低操作中断和反馈不一致带来的体验损耗。

5.4 上线交付

从 Web 原型,到 App Store 正式上架

在完成核心功能与体验验证后,我逐步将产品从 Web 原型扩展为可安装的 PWA,并推进 iOS 原生适配、应用审核与正式发布,让设计方案真正成为用户可以下载和使用的产品。

  1. 01 Web 原型

    验证核心功能

    开口伙伴早期 Web 原型
  2. 02 PWA
    开口伙伴 PWA 安装界面 支持移动设备安装
  3. 03 iOS App
    开口伙伴 App Store 上架页面 正式上架 App Store

06 上线运营与迭代

从主观设计判断,走向真实数据验证

从最初为女儿解决英语开口练习问题,到面向更多家庭开放使用,我开始通过用户行为数据与真实反馈,检验产品是否降低了学习门槛、帮助孩子持续练习,并据此识别问题、推动产品迭代。

6.1 真实用户使用与行为分析

从完成第一课,到持续学习与付费转化

产品正式开放使用后,我开始关注用户从首次体验到持续学习的行为表现,重点观察课程完成、跨日学习和付费转化情况,检验产品是否真正解决了家庭英语开口练习的需求。

200+ 用户规模 真实用户
67.1% 首课完成率 首次学习体验
48.2% 跨日学习用户占比 持续学习行为
5.3% 付费转化率 真实商业验证

数据截至 2026.11.05 | 真实用户数据,排除测试账号 · 统计口径见项目概览

设计目标关键指标验证的问题后续观察项
设计目标1:
降低学习门槛
完成首课 首课完成率达到 67.1%,说明多数进入首课的用户能够完成初次学习流程,为低门槛学习体验提供了初步验证。 仍有部分用户未完成首课,后续需要进一步关注退出环节与使用障碍,持续降低首次学习的操作成本。
设计目标2:
促进持续练习
持续练习 48.2% 的跨日学习比例,说明部分用户在首次体验后,愿意再次使用产品。相比单次课程完成,跨日学习更接近产品希望建立的持续练习习惯。 后续需要进一步观察学习频次、使用间隔与长期留存情况。
商业价值 付费意愿 5.3% 的付费转化率,表明部分用户愿意为产品的课程内容与学习体验付费。这为产品价值提供了初步市场信号。 需结合付费用户的使用行为、购买动机与后续学习情况,进一步判断产品的长期价值。

6.2 从用户反馈中发现新的产品机会

真实使用场景不断暴露出设计阶段尚未解决的问题。

07 真实反馈与用户价值

当设计目标,成为用户日常生活中真实发生的改变

相比功能上线和数据增长,更让我感到有价值的,是家长反馈中那些具体的变化:
孩子开始主动要求学习,家长不再需要每天准备练习内容,也有孩子从被动跟读逐渐开始愿意主动开口。
这些真实反馈,让最初的设计目标有了更具体的回应。

01|从家长安排,到孩子主动学习
02|从每天备课,到打开就能开始
03|从被动跟读,到愿意主动表达

第一次明显感受到孩子愿意主动开口

通过渐进式引导与低压力反馈,让孩子逐步尝试自己组织语言,而不只是重复听到的句子。

产品设计策略:渐进式开口

聊天记录提到孩子练得兴奋,开口明显

08 设计复盘与个人成长

AI 时代,UX 设计师的价值不止于界面设计

从设计方案到产品正式上线,这个项目让我重新理解了 UX 设计师在 AI 时代的角色。
AI Coding 扩展了设计师的实现能力,也让我开始承担更完整的产品判断与体验质量责任。

8.1 从设计页面,到设计系统

设计不只是单个界面的呈现,更需要考虑内容、交互、状态和长期一致性。
在构建 340 节课程的过程中,我逐渐从关注单个页面,转向思考课程规则、交互模板、视觉规范与学习状态如何协同运行。

8.2 从交付设计稿,到交付可用产品

AI 缩短了设计与实现的距离,也让设计师更直接地面对真实使用问题。

从 Web 原型、PWA 到 iOS 正式上架,我不仅需要判断设计方案是否合理,也需要关注功能验收、设备兼容与最终交付质量。

8.3 从主观设计判断,到真实用户验证

设计决策不再只依赖经验,而是通过真实使用数据与用户反馈持续修正。

课程完成、跨日学习、付费转化和家长反馈,让我能够从不同角度观察产品价值,并进一步识别需要优化的体验问题。

原图预览