文章目录
  1. 1. 之前,是课程简介、点评和笔记的切换(好像找不到这样的图,我印象里是这样!),戳不同的按钮,下方就显示不同的部分(像Bootstrap里的Tab),而不是现在页面上下放跳来跳去…现在跳的时候我感觉好乱啊=

今天看到果壳老相册(从2010年翻起),早就想写一篇贴子对比一下 MOOC学院的几次改版。

这个(https://archive.org/)网站是记录各个网站历史版本的,刚刚花了点时间在上面搜MOOC学院。

这是2014年MOOC学院被抓取的记录

好啦~我们从MOOC学院最早的样子说起吧!

(由于图片太小放在这里看不清,改变策略,看图戳链接,记得点击放大看哦!)

>>> 2013

【课程】
130710course.png

【讨论区】130916forum.png

【首页】130923home.png

【课程】130925course.png

【用户】131026user.png

【某一门课】131101onecourse.png

【观察】131113opinion.png

这是我搜到 MOOC学院 最早的样子,这个时候我还没有加入
MOOC学院,网页很朴素,大部分是白色,链接 和 导航之类重要的元素是蓝色。

已经有很多主要的功能了,网站的结构也很清楚了:两列,左边是主体内容(大一些),右边是相关内容(小一些)。主体内容又分为两部分,上面是精选/概要之类的框框,下面是按时间或者热门程度排名的列表。

这样的网站布局持续了比较长的时间,甚至2014年也没有大幅度的改变。

当然,对比 7月10日 和 9月25日的【课程】页面,差别不是很大。细心点你能发现,导航栏【课程】两个字是蓝色的了。对,这个阶段网站的改动往往是细节上的改进和功能和内容的增加。(网站布局这时候改的还不频繁)

就拿导航栏来说,最早只有【首页】和【课程】,后来又增加了【讨论区】,在后来又增加了【观察】。

也会有一些小广告出现在左下方,或者正上方,看起来蛮熟悉的。

比较有趣的是,你看网站上面的内容,会看到好多熟悉的课程、熟悉的老师、熟悉的用户。原来那时候他们就开始活跃(热门)啦!

* 2013 末

【首页】131120home.png

为什么要把
2013年11月20日的首页单独拿出来说呢?因为我觉得,首页的【精选推荐】实在是一大改进,我非常喜欢首页的推荐,一般每次来MOOC学院都会看精选。

后来,精选没了(大概是上上次改版的时候),我感到非常可惜= =

细心点你可以发现,导航栏按钮多了下方的蓝色横线,表明你当前处在这个页面。

我好喜欢这个时候的网站!

>>> 2014

* 上半年

【课程】140115course.png

【首页】140115home.png

【某门课程】140226onecourse.png

这时候我加入MOOC学院了。对比
140226onecourse.png

131101onecourse.png,会发现课程页面变化也不大,多了晒证书地方和字幕组的广告。我想半年多的时间,改进一定不少,只是不在首页这些明显看到的地方,所以通过网站历史不容易看出来(体验一下估计就能发现很多改进)。

* 下半年

【首页】140630home.png

【课程】40730course.png

【讨论区】140711forum.png

【观察】140711opinion.png

【用户】140714user.png

这是第一次大改版吧!对,不再是改进,而是改版。因为明显和之前很不一样了。我对这个版本的MOOC学院最熟悉。也很喜欢它的布局和设计!

相比之前有哪些改变呢?

  • 主色调,蓝色变得更明显!

最显眼的就是导航栏和页脚,都变成了“MOOC学院蓝”,我个人感觉和之前的蓝色是不一样的颜色。

  • 页面不再是全白,而采用类似“卡片式设计”或者“浮动的框框”

背景变成灰色,内容部分是白色,并且像是“盛在”白色的浮动方框里。这样,使得页面中的元素变得比较分散,不会有“黏在一起”,“太挤”的感觉。

以上两点改变,直到现在还基本保持。

还有一点值得夸奖,全站设计比较统一!对的,都是蓝色主题,内容区白色的方框浮动在灰色的背景上。还有就是,页面分为两栏,这在13年就是这样了:左边主体,右边相关。

当然有一个缺点,课程页面的分类框跑到了右边,而且很混乱 >_ 这个问题再下次改版的时候,解决了。

不过,这个版本应该是我最喜欢的版本了!

>>> 2015

2015年以来,MOOC学院频繁改版。。。上一次改版的样子没找到,感觉最近两次改版都是越改越差
> _ <

就拿现在的样子来说吧!(加链接是为了,下次改版!!)

【首页】150409home.png

【课程】150409course.png

【社区】150409forum.png

【留学】150409college.png

【某门课】150409onecourse.png

【贴子】150409post.png

【用户】150409user.png

有哪些明显的进步呢?

  • 手机端浏览效果好多了。也许 MOOC
    学院一时半会出不了App,所以就在这次改版,主要解决手机上浏览的各种问题。

有哪些不满的地方呢?

  • 首页没了精选!!

一开始还只是精选从首页跑到了社区,导致每次我要看精选都要从【首页】戳【社区】(多了一个操作),到后来就彻底没有了。没了精选以后,我几乎就不知道MOOC学院最新发生的事情了。当然我的贴子也不会再上MOOC学院首页了。然后,我觉得社区的前排的贴子也不会让我有看的欲望,不能顶替精选的作用。

  • 首页变得和课程页面一样,很鸡肋

首页不仅没了精选!连课程动态也没了。我几乎不看首页,因为它不会给我提供有用的信息,它变得和课程页面差不多,虽然下面有一些活动专题但我几乎不看。

  • 变单栏后不统一

虽然宽屏很流行也挺好看的,但是网站变得不统一了,给人一种乱乱的感觉。比如,【首页】【课程】【社区】【具体到一门课程】现在是单栏了,但是【具体到一个贴子】【用户个人主页】这些地方还是之前的两栏设计,似乎是改版不彻底…但是变得好乱啊。

我还是喜欢双栏,或者MOOC学院的单栏太宽了,导致我看完上一行,视线要从右到左的调整一下,好累。(比如课程简介部分,超宽)

(不过贴子部分,不能发大图也很累啊!因为左边栏不够宽…真是矛盾)

  • 具体到一门课程页面,简介/点评/笔记/讨论的切换,跳来跳去好乱

之前,是课程简介、点评和笔记的切换(好像找不到这样的图,我印象里是这样!),戳不同的按钮,下方就显示不同的部分(像Bootstrap里的Tab),而不是现在页面上下放跳来跳去…现在跳的时候我感觉好乱啊=

(新加:主要是跳的时候太快,变化太多,然后感觉点评/笔记/讨论之间的间隔也不够,不符合“亲密性”原则,不妨把它们分开一些)

所以,最近两次改版给我的感觉就是,整体比较乱…而且,首页变得好差。(细节上应该有写改进,但结构和布局上不喜欢)

不过我最近也很少因为学MOOC的用MOOC学院,最近我在尝试做网站,而且是模仿MOOC学院做学校的评课网站,所以经常有事没事看MOOC学院设计的各个细节。不知道这个版本,大家用起来感觉怎么样!

好啦~希望MOOC学院尽快改版,下次改版能够越改越好!

Updated: 2015-04-14

本文由果壳MOOC学院网站(mooc.guokr.com)导出,发帖用户为JING-TIME。

文章目录
  1. 1. 之前,是课程简介、点评和笔记的切换(好像找不到这样的图,我印象里是这样!),戳不同的按钮,下方就显示不同的部分(像Bootstrap里的Tab),而不是现在页面上下放跳来跳去…现在跳的时候我感觉好乱啊=