流利说发音

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

项目时间

2019 2月

所属公司

流利说

设计人员

关普键

个人职责

用户调研
交互设计
UI 设计

01 背景 Background

教学理念

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

基本课程交互

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

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

用户录音与评分反馈

02 过程 Process

发音符号设计

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

“语调“符号

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

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

部分测试示例

简化

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

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