这次改版我们整体的范围是在pc端课程视频播放页:
我们针对现有问题,做了非常多深思熟虑的调整与设计,分为三个部分:
第一是优化视觉,改变界面传递出来的品牌感:我们调整了课程属性,标题、教程价格、订阅入口、课程目录以及课程介绍等
第二是优化产品功能,打通基本教学服务的路径,资料下载、提交作业等等
第三是优化用户学习体验,这个重点在视频播放器,比如快进后退等功能。但是由于时间关系,当前版本我们视频播放器就不做了
之前我们是有跟@炳超沟通过,
首先是第一个,优化视觉传递出来的品牌感:
从界面中传递出来的品牌感,就不像一个教学平台,我们借鉴了非常多的竞品的设计,去看他们是怎么做的,看他们怎么解决这个问题,所以重新构思了这么一个版本
首先是:优化视觉/品牌感(整体视觉、目录、简介)
- 原有界面的设计感不强
- 解决方案:
- 重新设计播放页提升设计感
- 原设计传递出来的视觉形象,不像一个教学平台;
- 原因是课程信息的摆放位置不科学,用户进到页面当中注意力无法集中在教学内容上,导致他像一个娱乐平台。
- 解决方案:
- 设计暗黑模式:在视频播放区域通过深色背景突出教学视频和课程信息
- 课程标题:标题移动到左上角,强调学习内容
- 课程学习人数:头部放一个学习人数,加强多人学习的感觉
- 播放器下方这里做了一个附加功能栏,这里的功能栏全部按钮都做了hover事件
- 这里面只有手机学习按钮触发的二维码做了调整,需要将以前安卓和ios的两个二维码合并成一个二维码,由程序判断跳转到哪里。
- 霸就可以了
- 安卓设备扫描,就打开应用宝的地址就好了
- (切换:首帧封面)首帧封面:用户刚打开视频播放页的时候,对目录没有任何操作与播放之前时显示