网易云课堂改进（一）

标签云的方式更适于对数据量关心的用户，更适合于数据展示，而不是普通的标签

网易云课堂的改版

最近在上网易云课堂的前端微专业，课程内容还是不错的，对我们这些小白来说是一份很好地知识梳理和入门，值得推荐！but...今天主题并不是给云课堂微专业打广告，虽然前段时间拿出了一些精力着学前端，但设计练习还是不能怠慢了。

大概设计师都有用不顺手的东西自己DIY的习惯，所以我这次就拿网易云课堂的学习中心这个模块开刀了，作为"资深用户",可以说上云课堂时99%的时间都在学习中心里兜兜转转，用起来确实略感不适，深以为要配的上网易云课堂这么优质的课程内容，那交互和视觉体验也需要更进一步的精雕细琢。就像看电影，同样一部很棒的片子，票价差不多，大部分人一定会选择视听效果更棒的影院观看。

当然设计师不能只凭主观感受和自身习惯做设计，那绝对会被产品经理压得死死的，所以我尽量做到讲专业讲逻辑，从产品角度出发。但自己能力和见识有限，肯定会有考虑不周的地方，希望使用过的朋友一起讨论。

我每天学习的主要流程基本为：
找到要学的课程进入——执行具体任务：学习/讨论/考试等——切换或离开课程
这样划分颇有点把大象装进冰箱分三步的意味，但我想说明的是在这里“打开冰箱门”这一步非常重要，而且做得好并不容易，本人在刚开始使用云课堂时，在找到要学的课程就遇到了一系列问题。比如我到底该从哪去上《页面重构》这门课？！

先看一下现有的学习中心内容构架
在学习中心中分为我的课程、我的微专业、我的学习计划、我的题库等几大块内容。内容架构上我的课程中除了普通课程实际上也包含微专业的课程，虽然在逻辑上是可以这么分，但是层次结构却变得不清晰了，尤其是购买了微专业的用户一般会先到我的微专业中查看课程，但是。。。从我的微专业进来就是个坑！

图1：现有学习中心结构

如上图1所示，我至少需要四次的点击才能进入学习。虽然步骤已经很多了，但更致命的是，整个流程经过的页面（图3）感觉是在向一个未购买课程的用户做宣传，在还没达到目的地就已经晕了，而我只是想找课件上课啊有木有，后来才发现想要学习某门课必须到“我的课程”模块内里面，这里包含了所有购买的课程，包括微专业课程。

图2：我的微专业
图3：页面制作介绍页
实际上“我的微专业”在这一标签只是对没购买过微专业的用户起到了广告作用，对已购买用户起到展示成绩申请、证书的用处。但是由于微专业的是网易云课堂精心打造的重点业务，因此可以理解产品需求将其提到更重要的位置展示但是这种内容结构却给用户带来了一些困惑。当你们认为用户都会自觉的到课程中心查看课程，但用户却偏偏无法理解。很多产品由于业务的需要把自身的逻辑变得越来越复杂，但是设计师的挑战性就在于平衡这两者的，我们必须在保证良好用户体验的前提下尽量满足产品需求。
这时候我认为如果“分”就应该分的干净，不同的业务在不同的模块展示；如果“合”，那么在展示给用户时就应该隐藏好内部逻辑，而不要给用户徒增理解的成本。
所以我认为在课程中心外无需增加我的微专业这一模块，第一我的微专业这个标签只提供了一个展示的作用对于用户没有不是必须，第二，微专业应该是在课程的一种分类，在课程内展示更符合逻辑。
图4课程中心 学习中心.png
课程中心设计
接下来进入课程中心
各类课程按照最近学习过的顺序排列。虽然这样排布的方式看起来好像符合用户的学习习惯，但是网易云课堂的课程很多都是系列课程，例如我本人添加的系列课程就有“前端微专业”，“简快阅读”，“大学计算机”等，系列课程之间并无联系，但很多时候这些课程都是混乱排在一起的，每次打开这个页面有种眼睛被塞满却找不到东西的感觉。

为什么会出现这样的情况？因为用户的行为是及其复杂和多样的
1.由于我的学习计划可能今天学习前端，明天学习时间管理，导致不同系列的课程交叉排列。
2.前端的微专业有五门课，课程之间其实是紧密联系着的，在学习页面制作时，偶尔想了解下JS课程，却发现一直没打开过的JS课程被其他新添加的课程挤到了最后。

想想打牌时的感觉，大家都习惯花色相同的牌放在一起，出牌时更加一目了然。这样的课程排列方式对于用户也无法形成所学课程类别的视觉感知，我甚至都不知道自己到底添加了哪些系列课程

同样在课程中心中还提供了其他的分类方式，由于不知道具体的用户数据是如何，用户有多大的概率使用，妄加修改显然是不好的，这和每个用户的使用习惯，添加课程的多少都有关系。但我觉得我们应该秉持一个原则，简洁为先。因为这不是购物页面，只是个人中心，每个用户添加的课程是很有限的，同时间在学习的课程就更少了，而筛选显然是为了应对大量未知的数据，在这里我认为筛选的需求并不是非常强烈，所以尽可能合并分类，也可以使页面保持简洁。

（二）
课程观看页
主要问题与学习内容无关的元素过多，不利于为用户打造沉浸式的学习体验，

1.课程展示页
新课程--最想了解课程的内容安排，
学习中的--最想直观的了解学习进度，并快速进入学习，最新最要消息

为什么使用横导航？因为空间有限，所以我们要尽可能为用户展示最重要的内容分类；避免随意设置新的导航标签，增加用户的记忆负担；同时用户的视线是从上到下，由左到右，竖栏导航中越靠下的导航越不易被注意到。采用横导航靠左放置使得内容不易被忽视。
精简不必要的导航标签，合并到类似内容中
2.学习进度页面的展示方式并不直观，文字叙述的内容完全没有仔细看过
图形表示的稍微看过，但这并不是我非常关心的数据，也并没有让我觉得这些数据对我而言有何重要性。内容的展示缺乏吸引力，以致很少打开这一页

3.评分标准内容很少完全没必要独立一页显示，但要保证用户随时能找到

课程主页.png

4.课件展示页，比较想了解课程时长，这样方便进行学习时间的规划，以免出现后期任务紧张的状况。测验和作业的状态展示过于像按钮，而且完成作业后并没有已提交的反馈，一直显示“提交阶段”，让人迷惑

5.测验与作业的同样没有已完成的提示，用户会疑惑到底有没有提交成功，提交期过去同样显示“前往测验”

总体的内容板块排布不够清晰直观，重点不够突出

学习者无法直观了解到课程的每个任务版块，部分用户混淆了单元测验和考试，甚至漏掉 了考试，因此在进入的默认页面要清晰地展示这些必须信息。