单词电台 · 多屏原型评审文档

基于当前已调整版本整理。前半部分覆盖主流程与新手引导,后半部分集中展示播放范围、队列快照、离线、跟读、定时与数据生命周期等边界状态,便于产品、设计、研发和内容团队共同评审。

01 主播放界面

单词电台进入播放态后的默认横屏界面。

默认状态
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›
出现条件

用户从音频组件进入单词电台,已有当前词、教材来源、音频进度和电台逐字稿。

布局规则

左侧词卡只放当前单词、词性释义和词书标签;右侧是播放器区,逐字稿不再放进文本框,而是像歌词一样直接展示在内容区域。顶部右侧放背景音、文本显隐和内容选择图标;底部保留播放控制,左侧列表图标打开单词列表,右下角时钟图标打开定时关闭。

首次默认

播放范围为“已学单词”,五个内容模块全部选中,背景音乐关闭,定时关闭未开启,电台文本显示。用户修改后,后续进入恢复上次设置。

02 电台文本显示

用于听读时同步查看音频内容,逐字稿像歌词一样轮播当前句。

显示文本
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›
用户操作

点击右上角文本显隐图标后恢复歌词轮播区;图标保持同一视觉规格,状态由系统记录为显示文本。

成功结果

逐字稿以无框歌词轮播呈现:当前句居中高亮,上一句和下一句弱化显示;音频推进时高亮句同步切换。

边界规则
  • 音频切到下一词时,歌词内容同步切换。
  • 有音频但无逐字稿时正常播放,并收起逐字稿区域。
  • 显示/隐藏只影响文字内容,不影响音频播放和任务状态。

03 电台文本隐藏

隐藏后不显示占位框,释放右侧视觉空间。

隐藏文本
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
00:1800:48
‹Ⅱ›
用户操作

点击右上角文本显隐图标。

成功结果

文本区域整体隐藏,不显示空框、不显示“文本已隐藏”。文本显隐图标切换为可恢复显示的状态。

保留状态

隐藏状态下,播放控制和任务状态仍可操作。进入跟读时不展示单词、释义或跟读原文,只保留“第 1 遍/第 2 遍、正在听你读、确认中、已完成”等状态。

04 选择内容模块

内容模块支持多选,并用勾选 icon 表示选中。

多选抽屉
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

选择内容模块

模块顺序

基础释义、字母拼读、语境回顾、趣味拓展、跟读练习。

选择规则
  • 首次进入五项全部选中;后续恢复上次设置。
  • 支持多选,选中项显示实心勾选 icon。
  • 至少保留一项,取消最后一项时提示“至少保留一个内容模块”。
生效时机

当前正在播放的普通模块不受影响,新设置从当前词下一个未播放模块开始生效。新增已经错过的模块不回退补播;当前词后续模块全部取消时进入下一词。

跟读例外

默认流程包含互动跟读。用户取消“跟读练习”可进入纯收听模式;若正处于跟读等待、离线确认或麦克风错误,取消后立即退出当前跟读并记为“已跳过”。

05 定时关闭

用于控制单词电台停止播放的条件。

单选抽屉
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

定时关闭

用户操作

点击右下角时钟图标打开抽屉,选择一个关闭条件。

动态文案

最后一项跟随播放范围:已学范围显示“播完已学单词”;全部范围显示“播完当前词书所有单词”。切换范围后定时目标同步更新。

停止规则

触发后停止主音频和背景音、保留当前位置并清除本次定时。用户再次点击播放后从原位置继续,但需重新设置定时。

06 单词列表、播放范围与切词

列表顶部切换“已学单词 / 全部单词”,并解释当前队列展示范围。

列表抽屉
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

单词列表

↻
已学单词全部单词
共 12 词按词书顺序
范围规则

首次使用默认“已学单词”,后续恢复上次选择。列表只显示当前范围;切换范围立即生成新队列。

切词结果

点击单词后同步刷新词卡、逐字稿和进度,并从目标词第一个已选模块开始。当前处于暂停态时,切词后仍保持暂停。

刷新规则

刷新不打断当前词,新快照在当前词结束后生效。无网络且目标范围没有快照时,保持原范围并提示“该播放范围暂不可用”。

07 播放队列快照与刷新

播放中使用进入时生成的队列快照,避免学习状态变化导致当前队列突然跳动。

队列边界
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
00:1800:48
‹Ⅱ›
列表已更新 新队列将在当前词播放结束后生效
快照生成

进入电台、切换播放范围、重新进入或手动刷新时生成新快照。网络恢复本身不自动刷新,避免播放顺序变化。

学习状态变化

播放中即使单词被标记为已学或取消已学,也不实时增删当前队列;当前词继续正常播放。

手动刷新

刷新不打断当前词。当前词结束后切换到新快照;如果当前词已不属于新快照,不再重复加入。

切换范围

范围切换立即生效。当前词仍在新范围时从该词第一个已选模块重播;不在时从新队列第一词开始。

08 跟读练习模块

跟读练习不是普通音频播放,需要用户开口跟读两遍;系统识别到每遍读完后,才继续播放后续音频。

需用户参与
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪

跟读练习

请跟读两遍:Fly, fly, n. 苍蝇。

读完后会自动进入下一段。

示范已播放第 1 遍已完成等待第 2 遍
第 1 遍跟读音频
第 2 遍跟读音频
00:3100:48
‹Ⅱ›
出现条件

用户在“选择内容”中勾选“跟读练习”,并且播放流程到达该模块。

页面建议文案

主提示:“请跟读两遍:Fly, fly, n. 苍蝇。” 辅助提示:“读完后会自动进入下一段。”

播放与阻塞逻辑
  • 先播放示范/提示音频。
  • 进入第 1 遍跟读,暂停后续音频,等待用户开口。
  • 识别到第 1 遍读完后,进入第 2 遍跟读。
  • 识别到第 2 遍读完后,才继续播放后续模块或下一词。
当前版本边界

本期只判断“是否读完”,不展示分数、不判断发音好坏、不做纠音。识别失败时提示“没有听清,可以再读一次”,并停留在当前遍数。

退出规则

不提供“跳过当前遍”。用户点击“退出跟读”后,整个当前跟读模块记为“已跳过”而不是“已完成”,停止录音并继续后续模块。

上传内容

该模块需要保留 3 段音频:示范/提示音频 1 段,用户第 1 遍跟读音频 1 段,用户第 2 遍跟读音频 1 段。

后续扩展

数据结构需预留语音识别文本、开始/结束时间、完成状态、测评结果字段和 AI 对话轮次字段。后续可升级为发音测评、逐词纠音或跟读后的 AI 对话。

09 跟读练习 · 隐藏文本状态

用户隐藏文本后,不再展示跟读文案;播放到跟读练习时,只保留当前遍数、录音和等待状态。

隐藏文本例外
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪

跟读练习

正在听你读第 2 遍
示范已播放第 1 遍完成第 2 遍进行中
第 1 遍跟读音频
第 2 遍跟读音频:录制中
等待跟读00:48
‹Ⅱ›
出现条件

用户已通过文本显隐图标隐藏文字稿,且播放流程进入“跟读练习”模块。

界面原则

隐藏文本后,不再展示跟读文本内容。跟读任务卡只保留完成任务所需的状态信息。

视觉变化

逐字稿区域直接收起,不显示“文本已隐藏”标签或占位框。任务卡只保留当前遍数、录音状态和等待状态。

保留内容
  • 跟读练习标题。
  • 当前第几遍,例如“第 2 遍进行中”。
  • 系统状态,例如“正在听你读”或“没有听清,可以再读一次”。
  • 两遍跟读音频的完成状态。
按钮状态

右上角文本显隐图标处于可恢复显示状态,点击后只恢复电台逐字稿;不会中断当前跟读流程。播放区可显示“等待跟读”,避免用户误以为音频卡住。

完成后结果

识别到第 2 遍读完后,继续播放后续模块或下一词。若用户之前处于隐藏文本状态,离开跟读模块后仍保持隐藏文本。

10 轻音乐背景音

主界面右上角增加音乐 icon,用于开启或切换轻音乐背景音。背景音不改变单词电台的主播放流程。

新增功能
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

轻音乐背景音

入口位置

放在右上角低频功能区,使用音乐图标按钮。未开启时为普通描边图标;开启后图标高亮。

用户操作

点击“♪”打开右侧抽屉,选择背景音类型。再次选择“不开启”关闭背景音。

可选类型

自然声、轻柔钢琴、白噪音。该项为单选,同一时间只能开启一种背景音。

默认与记忆

首次使用默认关闭;后续恢复上次的类型和开关状态。即使开关为开启,仍需等主音频进入播放态后才实际播放。

播放规则
  • 背景音低于主音频,切换单词、模块或文本显隐时不重启。
  • 主音频暂停或停止时同步暂停或停止。
  • 进入跟读录音前暂停,只有主音频恢复播放时才自动恢复。
失败与边界

加载失败时保持主音频正常播放并保留原背景音;离线时只能选择已缓存类型。用户已暂停、定时已停止、跟读仍在等待或队列已结束时均不自动恢复。

11 新手引导 · 欢迎页

首次进入单词电台时,用轻量弹窗告诉用户接下来会快速看一圈。

首次自动出现
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

欢迎来到单词电台

先带你看一圈:在哪里看单词、怎么播放、怎么选想听的内容。很快就能开始。

先跳过开始看看
出现条件

用户第一次打开单词电台时出现。看完或跳过后,下次默认不再自动弹出。

用户操作
  • 点击“开始看看”:进入第 1 个功能点。
  • 点击“先跳过”:直接进入正常播放界面。
状态记录

看完或跳过后记录为“已看过”。如果中途退出,下次可以从欢迎页重新开始;是否断点继续可后续确认。

12 新手引导 · 当前词卡

告诉用户左侧卡片是“当前正在听的词”,不是装饰图。

第 1 步
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

1正在听的词

这张卡片会告诉你现在听的是哪个词、它是什么意思,以及来自哪本词书。

先跳过下一步
高亮范围

整个左侧词卡。不要只高亮单词文字,避免用户误解为只介绍英文单词本身。

用户看到的文案

“这张卡片会告诉你现在听的是哪个词、它是什么意思,以及来自哪本词书。”

下一步规则

点击“下一步”进入播放控制说明。用户点击词卡本身不触发业务动作,避免引导中误操作。

13 新手引导 · 播放控制

用一句话说明底部按钮怎么控制收听,不逐个讲太复杂。

第 2 步
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

2控制播放

想暂停、继续、上一词或下一词,都在这里。也可以点左下角列表图标,快速换到想听的词。

上一步下一步
高亮范围

底部整排控制区。这里是核心操作,单独高亮比逐个按钮讲解更快。

用户看到的文案

“想暂停、继续、上一词或下一词,都在这里。也可以点左下角列表图标,快速换到想听的词。”

引导限制

引导期间点击真实按钮不执行切词或播放状态变更,只响应引导卡片的上一步、下一步、跳过。

14 新手引导 · 文本显隐

告诉用户:文字稿可以保留,也可以收起后专心听。

第 3 步
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›
点这里切换文本

3文字可显示或隐藏

右侧会显示电台文字稿。想看着听就保留文本;想专心听,就点右上角文本图标收起。

上一步下一步
高亮范围

主要高亮右侧歌词轮播区域,同时用小标注指向文本显隐图标。

用户看到的文案

“右侧会显示电台文字稿。想看着听就保留文本;想专心听,就点右上角文本图标收起。”

状态保持

文本显隐不影响音频播放、进度、当前单词或已选内容模块。切换下一词后沿用用户当前显隐偏好。

15 新手引导 · 内容选择

告诉用户可以自己决定听哪些内容,选中的内容会一起播放。

第 4 步
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

选择想听的内容

4选你想听的内容

释义、拼读、语境、拓展、跟读都可以选。打勾的内容会一起播放。

上一步下一步
模块顺序

基础释义、字母拼读、语境回顾、趣味拓展、跟读练习。

选择规则
  • 首次进入五项全部选中,后续恢复用户上次设置。
  • 模块为多选,选中项左侧显示勾选 icon。
  • 点击模块后抽屉不自动关闭,至少保留 1 项。
  • 取消跟读后进入不需要开口的纯收听模式。
用户看到的文案

“释义、拼读、语境、拓展、跟读都可以选。打勾的内容会一起播放。”

16 新手引导 · 定时与背景音

说明两个低频功能的位置:右下角设置定时关闭,右上角开启轻音乐。

第 5 步
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›

5定时和背景音

想听完自动停,就点右下角时钟图标。想加一点背景氛围,就点右上角音乐按钮。

上一步知道了
背景音在这里开启
定时说明

点击右下角时钟图标进入单选抽屉,可选择不开启、10/20/30 分钟后,以及随范围动态变化的“播完已学单词/播完当前词书所有单词”。

背景音说明

音乐 icon 位于右上角辅助操作区。新手引导只简单提示“背景音在这里开启”,详细规则见第 10 屏。

用户看到的文案

“想听完自动停,就点右下角时钟图标。想加一点背景氛围,就点右上角音乐按钮。”

17 新手引导 · 完成页

结束语要轻,不像任务完成提示;重点是让用户放心开始听。

结束状态
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
A:今天这个词,合上时安安静静,打开以后却能带你走进一个故事。
B:是会讲故事的东西吗?
A:对。它有封面,里面还有一页一页的文字和图画。
B:我知道了,是 book!
A:没错,book,书。
00:1800:48
‹Ⅱ›
✓

可以开始听啦

引导已经看完。现在就可以开始收听,之后也能从帮助里再看一遍。

再看一遍开始收听
完成条件

用户点击最后一步“知道了”,或在完成页点击“开始收听”,就视为已经看过引导。

返回结果

关闭引导蒙层,回到进入引导前的播放状态。若进入时正在播放,完成后继续播放;若进入时暂停,完成后保持暂停。

再次查看

点击“再看一遍”会从欢迎页重新开始。后续需要确认入口放在右上帮助、设置,还是单词列表中。

18 已学单词为空

默认播放范围没有内容时,由用户决定是否切换到当前词书全部单词。

空状态
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
00:00--:--
‹▶›

单词列表

↻
已学单词全部单词

暂无已学单词

可以先听当前词书里的全部单词

空状态原则

不自动切换到全部单词,避免改变用户预期。点击“播放全部单词”后再切换范围并生成队列。

切换结果

切换成功后关闭抽屉,从全部单词队列第一词开始播放;若主播放器原本为暂停态则保持暂停。

无网络

无已学快照时提示“网络不可用,暂时无法获取已学单词”。只有全部单词队列和音频已有缓存时,才展示可继续播放的入口。

19 离线播放与资源缺失

队列快照、模块设置和音频缓存分别判断,避免“列表存在但实际无法播放”。

离线状态
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
当前使用离线内容
A:今天这个词,合上时安安静静。
A:对。它有封面,里面还有一页一页的文字和图画。
趣味拓展暂不可用,已跳过
00:2300:48
‹Ⅱ›
缓存判断
  • 队列快照决定有哪些单词。
  • 模块设置决定每个词播放哪些内容。
  • 音频缓存决定哪些内容可以离线播放。
缺失处理

单个模块没有音频时标记为“暂不可用”并跳过,不记为完成;当前词所有模块都不可用时进入下一词。

整体不可播放

整个范围没有可用音频时停止并提示“暂无可播放内容,请联网后重试”。有音频但无逐字稿时正常播放并收起文本区域。

范围切换

无网络且目标范围没有本地快照时不执行切换,保留原范围并提示“该播放范围暂不可用”。

20 跟读确认失败与离线选择

跟读需要接口确认才能推进;离线时允许等待,也允许退出当前跟读继续收听。

阻塞恢复
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
网络不可用

跟读已保存

联网后会继续同步。确认完成前不会播放下一条跟读音频。

示范已播放第 1 遍待确认等待第 2 遍
第 1 遍跟读音频已保存本地
等待联网暂时关闭跟读
等待确认00:48
‹Ⅱ›
等待联网

保留当前遍和本地录音,网络恢复后自动重试确认。确认成功前不推进下一条跟读音频。

继续收听

选择“暂时关闭跟读”后,当前跟读模块记为“已跳过”,继续后续模块;该选择只作用于当前播放会话。

识别与权限失败

未听清时停留当前遍并允许重读;麦克风不可用时提供“重试”和“退出跟读”,不提供“跳过当前遍”。

背景音乐

进入录音前暂停背景音乐。只有主音频恢复播放后才恢复;等待联网、用户暂停或定时停止时均不自动恢复。

21 播放范围结束与定时停止

播放完成不自动循环;定时停止后保留位置,等待用户主动恢复。

停止状态
‹单词电台
16:20
Book
n. 书
《人教版PEP三年级上》
♪
✓

已学单词播放完毕

本轮已播放 12 个单词

重新播放查看全部单词
播放完成12 / 12
‹▶›
自然播放完成

最后一个单词结束后停止,不自动循环。已学范围提示“已学单词播放完毕”,全部范围提示“当前词书播放完毕”。

首尾切词

第一词点击上一词提示“已经是第一个单词”;最后一词点击下一词提示“已经是最后一个单词”。

定时停止

到时后停止主音频和背景音、保留位置并清除本次定时。再次播放从原位置继续,定时不会自动恢复。

跟读期间到时

不强行中断当前录音;录音结束后停止,不进入下一条跟读。再次播放时先处理待确认状态。

22 设置记忆与播放恢复

区分首次默认和用户历史设置,并定义重新进入后的续播位置。

恢复状态
‹单词电台
16:20
Fly
n. 苍蝇
《人教版PEP三年级上》
♪
已恢复上次播放进度
基础释义 已完成
继续播放:语境回顾
下一模块:趣味拓展
00:1800:48
‹Ⅱ›
首次默认

已学单词、五个模块全选、背景音乐关闭、定时不开启、文本显示。

后续进入

恢复上次的播放范围、模块选择、背景音类型与开关、文本显隐,以及上次播放的单词和模块。

恢复失败

上次单词仍在范围内时从尚未完成模块继续;不在范围内时从新队列第一词开始;原模块已取消时进入下一已选模块。

会话临时状态

“暂时关闭跟读”等操作不覆盖长期设置。定时关闭为一次性状态,触发后不会在下次进入时恢复。

23 技术实现与数据生命周期附录

以下内容不直接出现在用户界面,但需要研发和测试共同验证。

研发验收
跟读幂等

每遍跟读使用唯一标识。接口超时、重试或重复返回时,同一遍只能推进一次,避免重复播放下一段。

录音生命周期

离线录音同步成功后立即删除。用户退出跟读时删除对应未提交录音,仅保留“已跳过”状态。

本地空间不足

录音保存失败时不得标记为完成,停留在当前遍并提示清理空间或退出跟读。

缓存结构

队列快照、模块设置、文本资源和音频缓存分别维护版本与可用状态,不以“列表存在”推断音频可播放。

背景音切换

切换类型不得中断主音频;连续操作只执行最后一次有效选择。进入录音前必须完成背景音暂停。

定时与待确认状态

定时触发后清除定时实例。若存在待确认跟读,保留状态但不自动推进,下一次播放先恢复确认流程。

设备范围

本项目运行于学习机,本期不纳入手机来电、App 退后台等边界;设备重启后按持久化的队列与跟读状态恢复。

验收重点

重点覆盖范围切换、刷新后队列生效、五模块默认态、离线资源缺失、跟读退出、文本隐藏、定时停止与背景音恢复条件。