六级流程
版本号：v 3.3.2
一、任务背景
目前，有道精品课APP的音频课程太多，类别也比较多，根据数据反馈，用户在选择课程时，常出现犹豫不定的情况，所以，有道精品课APP的产品经理打算在1个月内对40%的音频课程进行分类、页面流程上的优化。
为「有道精品课 App」画出报名「四六级类别课程中」任意一门免费课程的页面流程图。
二、有道精品APP四六级免费课程报课流程图
三、有道精品报课界面截图
按照实际操作体验该流程，并将每一步按顺序截图，设定好页面名称并编号；思考了异常情况、相关帮助、说明，将截图梳理如上图所示。
四、有道精品报课页面流程图
将无关的内容去掉，找触发页面跳转的【关键功能按钮】，并将流程按照页面顺序链接起来如图所示。
五、免费报课流程体验及页面优化建议
1. 报名四六级免费课入口
首页-精选-手动查找感兴趣课程-报名
优点：为用户在不知道报什么科目的情况下推荐热门课程，帮助用户快速找到想报课程。
缺点：科目出现混乱，英语课程夹杂着数学课程。
首页-四六级-手动查找感兴趣课程-报名
优点：分为全程班、词汇语法、听力口语、超值拼团、英孚考试、考研英语和真题下载七个板块，用户可根据自己实际情况选择课程并报名。
缺点：每个板块详情页中免费课程夹杂付费课程，付费课程价格没有排序。
2. 报完课程查找课程入口
查看课程：点击开始学习顺序播放/点击课表手动选择播放课程。
查看全部课程：跳转到我的课程-点击进入学习-点击课表手动选择播放课程（默认没有像查看课程中的开始学习按钮）。
首页发现课程：精选/四六级-找到已报课程-学习。
优点：刚报名后及时对用户引导去上课，激活用户，提高活跃性和粘度。
缺点：报完名后有时用户还会去课程板块浏览，由于已报课程没有做出已报提示（如已报课程颜色变灰，或者有已报提示，或者已报课程置顶等），当用户在没记住已报课程名称时，很有可能再次进入课程，才发现自己已经报名了，造成较不好的用户体验。我的课程里只有全部、付费、免费和过期选项，没有根据课程科目汇总整理，用户找课只能根据记忆去回想是否为付费课程，当想不起来时只能去全部里一个个找，如果用户课程很多，要找很久。
3. 页面流程的优化建议，来减少用户在选择课程时，常出现犹豫不定的情况
在课程板块免费课程和付费课程界限要分明不要互相夹杂，且付费课程可按价钱升序，方便用户根据自己的需求和消费能力快速找到想要报名的课程。
首页发现课程中需对用户已报课程课程加以反馈（如已报课程颜色变灰，或者有已报提示，或者已报课程置顶等），减少用户在报课中不必要的路径，提高用户报课的效率。
在我的课程中，可根据科目汇总整理已报课程方便用户查找课程。
题图来自Unsplash，基于CC0协议
相关阅读
canvas - drawImage()方法绘制图片不显示的问题
canvas有个很强大的api是drawImage()（w3c）： 他的主要功能就是绘制图片、视频，甚至其他画布等。 问题： 慕名赶来,却一脚踩空,低头一看
风向玫瑰图和污染物玫瑰图是很漂亮的数据可视化展现方式，我们今天花点时间来进行一下实践。 我们先不使用第三方包来进行绘制，具体
matlab绘制三维图 1.1绘制三维图命令 plot3(x,y,z,’s’); plot3(x,y,z,’s’,x1,y1,z1,’s1’….); % 绘制多条三维图
两年前调试全向轮底盘的时候，曾经用到过贝塞尔曲线做路径规划。今天同学突然问起这个东西，回查了一下当时的代码，觉得有必要写个博
业务流程图是最常见的图表之一，能看懂读懂是必修课，能绘制便是非常重要的选修课。在实际生活中，我们会碰到各种各样的流程。比如你去