走近「听说无忧」，为了让你拥有流利的伦敦音，开发者做了这些-绍兴微信小程序开放为你转播

名校学生也会因为英语而头疼吗？答案当然是会的。

获奖小程序「听说无忧」的开发者就是北大学子，「听说无忧」这款教育服务小程序的诞生也和他的英语学习经历有不小的关系。

「听说无忧」是一款英语学习小程序，看名字就知道，这款小程序更专注于英语听力和口语的学习。

小程序主页有一个「每日一句」版块，如果你现在正在学英语，很可能对这个版块爱不释手。这里每天都会更新一个句子，会有专业的人士对这个句子作出解析。

在页面下方还可以打卡，照着显示的句型念一遍句子，还会有用户对你打卡作出反馈评价，点评、送花和点赞。而「示范」按钮下的语音都是由点评老师来亲身示范的，可以多感受几种较标准的发音。你也可以点击「已评」按钮看一下别人的打卡获得了怎样的评价，也能学到不少宝贵的经验。

打卡还能得到 AI 老师的评论，它会从完整度、准确度、流畅度三个方面对你的打卡进行评价。AI 最棒的就是中立客观，它会把你读的好的词用颜色区分出来，哪些词句表现好一目了然。

如果得到的评分过低也不要急着伤心，因为我还要告诉你一个残忍的事实：AI 打分是 10 分制。如果分数在 3 分以下，那真的是需要提高了。也不要认为是 AI 老师过于严格才让你分数过低，毕竟你去「示范」区看看，还是能看到不少被 AI 评为 9 分的口语大神的。

如果觉得语音打卡太过单调，还可以选择视频跟读。「每日一句」一般来源于著名的歌曲、电影或电视剧，跟着视频一起读也会更加有趣一些。

还要安利一下「听说无忧」的同声传译功能。中翻英、英翻中，中文英文可互相翻译。你也可以对着这个小程序说英文，看看翻译出来的内容是不是你想要表达的。除了是实用的旅行神器，这也是一个检测自己英文发音准确与否的好方法。

一个人走得很快，一群人走得很远。如果觉得自己不是善于坚持的人，也可以加入班级，和大家一起互相激励。

但学习语言贵在坚持，工具再好，也需要使用的人坚持下去。只要相信自己，持之以恒用好「听说无忧」这款小程序，英语的口语和听力一定获得明显的提升。

「听说无忧」团队之前在一个英语学习平台上认识了一些专业的老师和外来留学生，他们和这些志趣相投的小伙伴一起做了一个公众号，名字就叫听说无忧。他们坚持在公众号上每天推送一篇英语发音的图文讲解，慢慢聚集起了数十个百人的打卡班级。但迅速发展带来的后果是用户管理工作的繁重，而这已经限制了听说无忧的进一步发展。

在听说团队看来，在这个阶段的小程序就是为微信社群服务的。他们在英语班级管理中提供管理员添加微信群二维码的功能，而从小程序入口进来的同学可以很方便的通过二维码进入社群，平台班级的转发功能也可以便捷的从微信触达需求用户。从小程序到微信群，再从微信群到小程序，听说团队所需的服务内容就在微信这个闭环中完美的完成了。需求被解决，产品也被验证，听说团队始终认为微信完美耦合的小程序能给团队带来更多的可能性。

事实上，在面对团队剧增的用户需求时，开发者一开始也想寻找外部的小程序供自己团队使用，但随着团队用户的增多，外部的小程序也不再能满足开发者的需求。最终，他们决定自己上。

开发者坦言，想自己上手做个小程序的心一直都有，但没有这次比赛的激励，他也不会马上行动起来。「听说无忧」的开发者 break 自评是「一个没有压力就没有动力的人」。全国大赛可以带给他更多的反馈，激励他完善项目。当然，比赛附加的奖金和名师点评，对他也很有吸引力。

做参赛的决定并不难，难的是解决小程序开发过程中那一系列的「坑」。「听说无忧」的主要功能就是音频讲解和录音打卡，但音频部分的内容受限于服务器配置太低，音频要缓冲很久才能听得到。

为了解决这个问题，break 想到了一个小技巧，先把讲解音频存到公众号里，再调用公众号里的音频链接，利用微信公众平台强大的后端为「听说无忧」服务。「傍上了大腿」之后，音频缓存的速度就变得非常快，还省下了开发者自己的服务器资源。而「听说无忧」用户自己提交的打卡音频，也能用腾讯云的 CDN 服务很好的解决，基本不存在音频卡顿的情况。

但「坑」也不只一个，「听说无忧」有很多问题是因为机型不同造成的。比如 CSS 属性 absolute 在 iPhone8 解析有误，而 Android 平台和 iOS 平台对同一个消息的响应时间也有毫秒之差，这导致了消息下紧接的代码的实际效果也会有些许差别。

从用户角度看，同一个页面两条语音在 Android 手机和 iPhone 上的表现也是不一样的。在 iPhone 上语音的表现可能还不错，但在 Android 上，用户就可能看到上一条语音的按钮还没切换成暂停状态，下一条语音就开始播放了。

针对这种情况，开发者选择使用 setTimeout() 函数进行了调整。总的来说，也是用小技巧过「坑」了。

但「坑」虽然不少，「听说无忧」带给团队的成就感也是无与伦比的。他们对自己小程序的 UI 设计一直不算自信，还无比羡慕竞争对手 84 号邮局简约大气的 UI。

说起自己的 UI 设计，开发者的表情是这样的👇

但在广州决赛的时候被同为竞争对手的小伙伴夸赞界面很漂亮，开发者的表情是这样的👇

UI 可能是「听说无忧」变化最大的一次迭代了。Break 在提起「听说无忧」初赛版本的 UI 设计时常常无语凝噎。他坦言，现在的 UI 设计是经历了很多的借鉴和学习才形成了目前较为成熟的风格。成熟的应用 app、同比赛的对手都是他们借鉴学习的对象。

这也是比赛帮助开发者及其作品迅速的成长的证明，break 就直言「比赛是一个催化剂，让我们更快的迭代。」他表示，在学校做的产品，大多是在一个点上下功夫，产品的完整度，实用性，安全性都不大尽如人意，多数时候可能只能称之为一个 Demo。而比赛则是把在学校完成的 Demo 逐渐完善为一个实用性，稳定性，安全性更好的产品。

从初赛到决赛，听说团队耗费了更多的精力完善首页设计和班级管理系统。而在决赛训练营的学习，也给了他们关于产品打磨的更多灵感。

Break 表示用户交互课程中的一个老师说的「程序设计时要注意对用户的反馈，比如一个按钮，最好在用户触发时有个适当的状态变化」启发了他，在课程之后他也有针对这一部分进行改进，将之前的弱项默默弥补上了。所以你现在看到的「听说无忧」小程序和初版相比，已经有了很大的改变。

比赛结束了，但拿了奖的开发团队也没有止步于此。

「项目计划书已写好，正在组建团队。」

开发者对自己的小程序寄予了更大的期望，他们已经着手对产品的下一步进行了规划。做多个小程序，然后组成小程序矩阵是他们的构想之一。从听、说、读、写、单词、旅游英语、职场英语……他们想要利用微信生态构建全新的英语学习模式，用组合拳占领市场。

比赛让听说团队的思维逻辑产生一些变化，之前他们曾认为小程序要 app 化，要靠优质的服务和繁多的功能项才能留住用户。后来他们才意识到小程序和 app 的不同。小程序是品牌的载体，同一个用户可以同时使用同一品牌的不同的小程序，但如果让用户下载几个同品牌不同功能的 app 可能会有点儿困难。

而微信对单个小程序的限制也是比较大的，比如单个代码包不能大于 2M，分包加载的话也不能大于 8M，所以在一个小程序上集成太多功能是不太容易实现的。听说团队认为小程序矩阵才是未来的发展方向。他们想要做分级阅读、单词、旅游英语、职场英语……他们也希望分门别类的小程序能形成自己的品牌效应，帮助他们用组合拳去赢得市场。

比赛之前，听说团队想做的是一个大而全的小程序，比赛之后他们却更想做一个小程序矩阵。这些经过应用比赛试炼的开发者认为，功能拆分，特点突出的小程序才能得到用户的喜爱 。

以「听说无忧」的语言学习进行举例，大多数人学习最缺乏的就是持久力。而小程序、微信用户、微信群的紧密联系，能有效的帮助用户告别懒惰。就在线英语学习最简单的打卡来说，如果没有小程序，用户要切换到别的应用打卡；查看历史打卡记录也要切到别的应用；想要炫耀自己的学习成果也要从别的应用转到微信；在别的应用认识了志同道合的学伴还要互相加了微信才能聊的畅快。但小程序改变了这一切，它让语言学习都变的更加简单快捷。

一个比赛，一次真实的开发经验，一个不断完善优化的小程序，让开发者对于小程序的印象发生了极大的改变。从 app 化到特点突出，从大而全到小而精，从一个比赛作品变为一份项目计划书。开发者的小程序开发之旅，不止于比赛。