(0人评价)
阮佳骑士宣传图示范
免费

这次改版我们整体的范围是在pc端课程视频播放页:

我们针对现有问题,做了非常多深思熟虑的调整与设计,分为三个部分:

第一是优化视觉,改变界面传递出来的品牌感:我们调整了课程属性,标题、教程价格、订阅入口、课程目录以及课程介绍等

第二是优化产品功能,打通基本教学服务的路径,资料下载、提交作业等等

第三是优化用户学习体验,这个重点在视频播放器,比如快进后退等功能。但是由于时间关系,当前版本我们视频播放器就不做了

之前我们是有跟@炳超沟通过,

首先是第一个,优化视觉传递出来的品牌感:

从界面中传递出来的品牌感,就不像一个教学平台,我们借鉴了非常多的竞品的设计,去看他们是怎么做的,看他们怎么解决这个问题,所以重新构思了这么一个版本

 

首先是:优化视觉/品牌感(整体视觉、目录、简介)

  1. 原有界面的设计感不强
  2. 解决方案:
  3. 重新设计播放页提升设计感

 

  1. 原设计传递出来的视觉形象,不像一个教学平台;
  2. 原因是课程信息的摆放位置不科学,用户进到页面当中注意力无法集中在教学内容上,导致他像一个娱乐平台。
  3. 解决方案:
  4. 设计暗黑模式:在视频播放区域通过深色背景突出教学视频和课程信息
  5. 课程标题:标题移动到左上角,强调学习内容
  6. 课程学习人数:头部放一个学习人数,加强多人学习的感觉
  7. 播放器下方这里做了一个附加功能栏,这里的功能栏全部按钮都做了hover事件
  8. 这里面只有手机学习按钮触发的二维码做了调整,需要将以前安卓和ios的两个二维码合并成一个二维码,由程序判断跳转到哪里。
  9. 霸就可以了
  10. 安卓设备扫描,就打开应用宝的地址就好了
  11. (切换:首帧封面)首帧封面:用户刚打开视频播放页的时候,对目录没有任何操作与播放之前时显示

 

[展开全文]