Work        About

流利说发音



流利说发音是一款通过 AI 分析、教导用户英文发音的App。我作为最初参与的设计师之一,负责了部分主要课程的 UI/UX 设计。




项目时间

2019 2月

所属公司

流利说

设计人员

关普键

个人职责

用户调研
交互设计
UI 设计








01   背景 Background



教学理念


流利说发音以”语调、音节与重音、节奏、音准、连读”五个维度分析学生的发音,每个维度都由专门的课程进行练习,并根据表现给出针对性的指导。比如用户在“音准”中表现不佳时,我们会给予更多跟音准相关指导和练习。









基本课程交互


上图展示的是流利说发音的基础教学流程:观看教学视频、听示例发音、练习发音、获得反馈,然后进行下一个练习或重试。 其他课程遵循类似的过程。

右方是显示其中部分过程的演示视频。


用户录音与评分反馈












02   过程 Process



发音符号设计



我们的每一门课都专门练习一种发音现象。由于很多发音现象中文并不具备,为了方便用户理解它们,我们使用了符号化的方式进行标注,并配合教学进行练习。





“语调“符号


我负责的语调属于较为复杂的部分。在听了示范音频后我发现,一般单词在音节之间就已经会有调的变化,于是我猜想是否可以对每个音节会坐落的 key 进行视觉化?建基于这个想法,我尝试了以下不同的表现形式。


但是,这个方向在一次内部测试中被推翻了,很多的测试者表示这种表达并不好理解,虽然比较准确,但他们往往要花更多的时间去思考发音,甚至有测试者并不能准确识别出其中的单词。这让我不得不去反思这个方向的可行性。

部分测试示例





简化


带着第一次的经验,最大限度地减少阅读障碍成了这次设计的重要指标。我回到语调本身的分类上看,实际上它分成了两类变化:升调、平调(也有分成升、降、平三种的说法)。也许只用简单的箭头表示语调变化的起点和终点,就足以能让人理解?我对此进行了以下方案的尝试。

最终的测试中我们发现,这个简化后的方案是最被测试者所接受的,一般情况下测试者都能仅仅通过箭头表示的趋势,补足中间的变化过程,从而作出相对正确的语调发音。

最终方案






03   成果 Outcomes


测试结果



进行声调练习前


进行声调练习后




成果


第一个版本发布后,我们收集到如上的数据。显然,学习效率目前来看不是很高。但是另外两个数据(课程完成率、留存率)却很高。我们猜测是因为这款产品满足了其他竞品所无法满足的需求点。因此团队应该继续把重点放在学习效率的提高上,以继续领先于竞品。