首页新闻招聘找找看知识库
  • 测评一|初印象:https://group.cnblogs.com/topic/75491.html
    测评二|在线教育的学习支持:https://group.cnblogs.com/topic/75536.html
    测评三|在线教育的学习交互:https://group.cnblogs.com/topic/75629.html
    测评四|前端纳米学位内容:https://group.cnblogs.com/topic/75696.html
     
    评测二中,我总结了优达学城的学习支持有职业支持、顾问支持、技术支持、社区支持、资源支持五个方面。本文将对优达学城的学习交互进行评价。
     
    一、真人与录屏的结合
     
    真人和录屏是两种截然不同的视频交互方式。
     
    很多年前,由于互联网带宽的发展,出现了Blog之外的以视频为载体的Vlog。直到现在Youtube上还有很多Vlog,都是真人在镜头前讲讲讲。
    现在我们看到很多应试培训的视频,比如公务员培训,也是真人在黑板前讲讲讲。
     
    计算机教学视频却几乎都是录屏,真人都不出现。
    一个因素是教学者考虑到应用场景是计算机,所以人的出场没那么重要。
    还有另一个因素就是节约成本,真人录像不仅需要器材,更需要布景、化妆和多次ng的准备,所以包括始创微课形式的可汗学院也基本不露面。
     
    大部分的计算机教学平台都是录屏的,就不举例了。
    但也有不是录屏的计算机视频,最开始的是大学公开课(吐槽:几乎没有录屏……),因为当中的教学者习惯当面讲,也因为大学讲师的身份而有出场的必要。
    后来真正做出创新的大概是coursera,以大学公开课形式为基础,加入了更细致的录屏课程。
     
    优达学城也是借鉴了courera的模式,在这方面的下了成本,大量使用真人出场镜头。估计也是考虑到学习者的交互感、带入感。
     
    效果上比起单纯录屏,学习者更容易接受和参与,与课程产生更自然的联结。
    但可能是没有专业导演的缘故,镜头虽没什么缺点,就是节奏不够自然。
     
    二、绘画笔的投影
     
    优达学城有个创新点,就是使用了绘画板投影。
     
    注意他右手拿着一只绘画笔,他的桌上是绘画板。课程的录屏都是通过绘画板操控的。
     
    在讲解的录屏中基本都有把绘画笔投影出来,提供了一个很明显的焦点,指明在讲的内容。如下图那样。
     
     
     
     
    三、练习体验
     
    大概是有一半的视频是带练习的,在视频的小标题中就会写着“练习:xxxxx”(英文版是“Quiz: xxxxx”)。
    这个练习分为 题目练习 和 操作练习。
     
    3.1 题目练习
    在讲解之后插入小题目,可以提高学习者主动性,避免被动地观看后注意力和意志力的下降。
    练习的时机并不确定,有些是让你先试误,有些是为了巩固。
    练习必有讲解,如果你不会,可以直接查看答案,练习并不评分。
     
    优达学城提供了完整的练习流程,大致分为三个步骤:描述练习->做练习->解答练习。
    对于一些选择题,会先在视频之中提问,然后无缝切换到选择题。
     
    图一:题目描述中
     
    图二:过渡到选择题,注意框框中出现了多选框
     
    图三:题目解答
     
    对这个练习的设计,我也无法分析太多,只能说是无可奉告……不对,无可挑剔!
     
    四、课程结构与导航
     
    在线课程都要面对的一个交互设计问题,就是要如何安排课程结构?
     
    我们看过的课程也很多了,怎么安排目录这些看似理所当然的事,其实并不简单。
     
    课程结构第一阶(常规课程):
    上学时,学校的常规课程,目录是很简单的,只有两级:“单元”和“课”。而一课中无论内容多少,都是连在一篇里了,所以没有再细分。
    而再上一层的“学期”,则形成了对不同程度的隔离——在读这个学期的时候,无需看其它学期的内容。
    这样的结构导致了一个很明显的问题:满足不了落后和超前学生的需求。他们都要在同个进度的课堂上浪费大部分的时间。
    对于普通的学生来说,也搞不清楚学习的不足和方向,只能被动地接受每节课的内容。课程结构不够透明。
     
    课程结构第二阶(学习路线):
    后来网上啥资源都有了,不懂就可以查。但是资源的公开固然是好事,但没有经过组织,随便看看也是很难进步的。
    可汗学院的出现,则开启了新的学习模式,微课、翻转课堂、MOOC的概念应运而生。
     
    在网站上,我们的课程就可以进行更多的组合了,于是可以做出学习路线,让每个学生明白自己做到哪里,哪里又有不足。实现了课程结构的透明化,就好像在游戏中点技能树那样透明。
     
    但是学习路线又引出了新的问题:容易知难而退。一个学习路线中前面要学习的太多太多,自己学了那么久却只是整体中的一点点。梦想总是遥不可及,是不是应该放弃?
     
    人就是这么贱,不给你看结构,又说没方向啊没动力,给你看整个结构,还是没动力。呵呵。
     
    课程结构的第三阶(路线隐藏):
     
    优达学城的纳米学位,涉及的内容太多,怎么组织课程资源呢?
     
    级别总共有五级:
    纳米学位
      |
     项目
      |
    课程单元
      |
     课程
      |
     微课
     
    举个例子,前端工程师大概有十个项目,有大有小。五个大项目耗时30小时左右。
    第一个大项目是《Project: Build a Portfolio Site》,课程时长为33.5小时,包括了16个课程。
    平均每个课程包含十几个微课。
     
    优达学城纳米学位分了两个界面,分解了课程结构的可视复杂度。
     
    在学位总界面中,你可以看到的最小单位是课程。一个项目看上去,课程量也是可以数得来的嘛。
     
    如该图中,在项目《Project: Build a Portfolio Site》中,大写的《SIZING ELEMENTS》、《INTRO TO HTML AND CSS》是课程单元,下面的一项项则是课程。
     
    而在学习界面中,只会展开当前学习的课程,你只会关注当前的课程。下面是我故意拖到下面才截图的,基本左边会被微课占满。
     
     
    如图,现在播放的是《Semantic Elements》这节微课。我拖到下面,就会看到这个项目的单元和课程都在里面,但其它的课程如《Box Model and Semant...》、《HTML, CSS, and Boxes》等等都是被折叠的,只显示出里面的微课数量。
     
    交互也可以说是视觉欺骗,为了尽可能地降低学习的焦虑。效果分析:
     
    1、进入了需要专注学习的界面,就用展开的微课占满了导航。你对自己整个学位学习时间的把握会变得模糊,在投入学习时不关注于大目标,才不容易受到打击。
     
    2、几分钟看完一节微课后,左边目录上就跳了一格,上方细细的绿色进度条(不是视频进度条)就会增加一些,让你觉得自己的进度过得很快啊。
     
    3、一个课程学完后,才展开下一个课程,你甚至还会觉得那么快又一个课程了,却忽视了总共有多少个课程。只有退出到学位总界面才会关注到整体的课程有很多。
     
    这些设计是为了尽量让学习者把注意力放在当下的课程中。
     
    总结
    整体上清晰的学习体验感,需要做好视频拍摄、练习设计、课程结构等方面的细节。可以看出优达学城是做足了功夫。对比其他学习平台,在使用上优达学城毫无疑问会省心得许多。
     
     
登录后才能评论,请先登录注册