编辑导读:本文作者详细复盘了一款英语启蒙AI课产品设计的经历,从启动页到具体的课程内容环节,作者都展开了详细说明并分享了自己的项目思路以及需要注意的问题,供大家一同参考和学习。
2019-2020年主要做了三款幼儿游戏课程app,也都上线有段时间了,马上到年底了做个复盘,对过去这两年有个交代,也希望大家能给提些优化建议。
我们的app是基于TV端设计研发的(公司自产的带摄像、录音功能的电视机顶盒,app在机顶盒设备上使用),交互上跟常见的手机端app略有差别,但整体的设计逻辑还是大同小异的。
复盘(一):字母星球app(英语AI课):
字母星球AI 英语为一款 c 端英语启蒙 app,运用语音识别、人脸识别等技术,结合趣味动画游戏进行产品设计研发。
每课共分为单词跟读、互动问答、唱跳互动、趣味 PK、互动复习五个环节,内容包含了 26 个字母,78 个小游戏,包括课程播放、语音跟读、动画激励、智能拍照、家庭相册分享、游戏 pk、排行榜分享等功能。
一、启动页APP启动页为太空星球的风格,启动时做了渐隐效果,中部火箭旋转、星球漂浮,底部三个小星球从左至右滚动,我们的主人公斯泰、两位合作录制课程的小朋友一起跳跃着进入课堂首页。启动页的一些列动效主要想表现出欢快、有趣的课堂氛围,烘托游戏课程的特色。
二、课程首页首页主要展示本周的课表、课程的五个环节入口,默认显示即将学习的一课,左右键可以切换至下一课,每课分为5个环节,分别为单词跟读、问答互动、唱跳互动、趣味pk、互动复习。
英语AI课学习周期为一年,共45课,每课学习2-3个单词、1-2个短句,每周学习一课,学完一节课下节课才会被解锁;每周的课程设计按照单词学习、单词问答、短语学习、短语pk测试、本周复习五个步骤的逻辑进行,每天学习一个环节,因为用户群体是低幼儿童,课时较短,每天10分钟以内。
首页交互较为简洁方便,来到首页,小斯泰会播报下本周要学习的单词并引导小朋友开始学习,遥控器选中当天的课程,便开始上课,也可以选中课表,查看本周的具体的学习内容。
三、单词跟读环节(单词的学习)这个环节首先是播放一段2-3min的视频,主要内容为外教领读本周要学习的单词,例如第一周要学的apple、ant、alligator,视频支持快进、快退、暂停,支持喊关键词斯泰、斯泰召唤出小斯泰这个虚拟机器人。
视频播放完后,进入了单词跟读小游戏。每个单词都设计了一个小游戏,游戏玩法是从十几套设计好的通用模板中选取的,例如apple为,斯泰领读结束后,屏幕中出现录音机,开始监听声音,小朋友喊apple、apple,喊几声树上会长几个苹果,进度条也会前进几格,到6格就满了,斯泰就会跳出来,wonderful撒烟花激励。
这个环节主要是运用了语音识别、语音听写的技术,监听到几声单词做相应的游戏表现,通过有趣的画面交互,让孩子看得到自己读单词时的效果,并且给予了烟花、吹喇叭等随机的激励反馈。
从上线以后调研数据来看,这个游戏环节颇受小朋友们欢迎,在幼儿园调研时也出现了小朋友们争先恐后喊单词的现象,我们也在不停的优化各个单词的游戏交互表现,希望能给小朋友们带来惊喜。
四、问答互动环节(单词的小问答)这个环节首先也是播放一段2-3min的视频,主要目的为加强上节课单词的学习。视频结束后进入单词的问答环节,斯泰问简单的问题测试下学习的单词,小朋友用遥控器选择答案。
每个单词分别设置1-2个问题,针对性的考察,例如,斯泰会问小朋友哪个是红色的apple呢,小朋友用遥控器做出选择。问答环节在第二期做了优化,支持了语音回答,即小朋友不用遥控器,直接回答第四个,也会答对。
电视端大屏在做游戏交互时,没有手机端那么灵活,手机端可以做到拖、拽、点击奔跑、方向旋转、重力牵引等等各种有趣的交互,电视不可触摸的大屏确实交互手法有限,后期也在思考怎么融入些更为有趣的方式。
五、唱跳互动环节(短语的学习)因为我们的机顶盒设备是带摄像头的,利用这点我们做了一些镜像呈现。在唱跳互动环节,左边为视频课程在播放,外教老师以唱跳的方式教给孩子1-2句简单短语,例如 this is an apple,小朋友在电视机前跟着唱跳读短语,通过摄像头捕捉画面,屏幕的右边是可以看到小朋友的。
为了更为有趣些,做了虚拟贴纸功能,遥控器选择相应的滤镜贴纸,是可以把动态贴纸添加到小朋友的脸上的。第二期做了录屏的功能,点击录屏按钮,可以截取10s的屏幕录制下来,传到家庭相册发到朋友圈,实现了传播分享的目的。
六、趣味pk环节(短语的测试)这个环节主要是为了测试下短语的学习情况。首先是选择角色,共三个难度阶梯的角色可选(难度体现在机器人对手的抢答速度,比如露娜是最简单的对手,默认沉默10s后露娜才开始抢答,帕琪是最厉害的对手,默认沉默5s帕琪就开始抢答),小朋友选择好角色后进入pk游戏界面。
每道题会配置图片及语音问题,播报完问题后,小朋友选中抢答器按ok键,出现录音麦克风,开始作答,语音听写做了模糊处理和正确答案有一定的匹配度即算回答正确,此时会出现烟花激励。若沉默时间超过一定时长,机器人对手开始作答,小朋友则输掉了一题。最后全部答完后,会显示谁获胜了,对了几道题。
根据调研数据,这个环节也是小朋友比较喜欢的一个地方,喜欢和虚拟机器人pk,我们的语音识别模糊处理做的也不错,小朋友好胜心驱动下赢得比赛的概率也大。后期会考虑引入团队战的模式,邀请别的小朋友一起和机器人pk。
七、互动复习环节(单词、短语的总复习)这个环节主要是复习下本周所学习的单词和短语,每道题会配置图片及语音问题,播报完问题后,出现录音麦克风,小朋友可开始作答,语音听写做了模糊处理和正确答案有一定的匹配度即算回答正确,此时会出现烟花激励。
全部回答完之后,会显示一个学习成果的总结,此时斯泰会出来邀请小朋友一起拍照,通过人脸识别技术抠出来人脸,合成到学习成果的模板上,实时的学习效果拼图会自动保存至家庭相册,家长可转发至朋友圈。
通过这五个环节,单词学习–单词测验–短语学习–短语测验–总复习都来了一遍,一节课也就学完了,期间运用了各种语音、摄像头的趣味交互,学习成果也有所体现。
八、项目成果及反思成果:这个项目是我亲自主导设计的第一款游戏类课程app(之前做的事儿基本聚焦在线下早教课内容策划、幼儿启蒙视频课程app设计),也付出了蛮多心血,一路走来心情也跌宕起伏,设计受到过大BOSS夸赞,设计策略也获得了 2 项国家发明专利, 线下去幼儿园做调研满意度很高,然而从活跃数据来看成果挺惨淡的,课程激活用户数 1w+,活跃的也才不到2000,当然这个跟我们硬件销量及使用率直接相关。
反思:我们的一系列app有个先天性缺陷就是跟硬件设备捆绑,如果不买我们的机顶盒那么是无法使用这些app的,或者拿到了机顶盒却不用也是看不到这些app的。设备销量无法起来,app的用户量、活跃度就很低,没数据很难继续做精准优化,而设备定价导致销量很难起来。
展望:后续还会继续优化产品,希望可以适配到各个电视上,别被硬件束缚住;或者日后有机会的话挺想做触摸屏的启蒙游戏课设计的(手机、早教机都可以),触摸屏交互设计空间很大。
本文由 @贾凡 原创发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自Unsplash,基于CC0协议。