网络教育机构的网站互动设计初探 在无创新中求创新(2)_策划盈利教程

推荐：在线教育案例分析：网易云课堂——教育的众包尝试
[核心提示] 国外在线教育遍地开花，国内也有众多产品在做着不同的尝试，网易云课堂借助网易公开课的内容沉淀，将会有怎样的变化? 网易云课堂是网易公司旗下全新概念的互联网教育课堂，为用户提供教学内容的生成、传播和消费服务。 网易云课堂提供涵盖多个类别优质课程

　　以上是从网站结构视角观察的三种常见模式，相信这些不同的模式都是各机构多年摸索的结果，这对于创业者有较强的参考价值。不过值得一提的是，在UI角度，传统的网校的确拥有极大的提升空间，这恰恰是新近的创业者的机会。

　　三 把课程切碎

　　谈到这里，我想深谙教学的业内人士肯定会心一笑，这应该不算是什么秘密了。笔者之所以在文章中提及，是因为我们应该不仅从教学的角度，而是从UE的角度看待这个问题。

　　所谓把课程切碎，就是把一堂完整的授课视频，按照知识点和教学目标分解成多个小段，并且加以排列组合。例如老师讲了一堂英语课文，视频录制了2个小时，目前比较专业的做法是，把这2个小时的课程按照教学内容分解成课文部分、习题部分、词汇部分、复习部分等等。这样做的结果是，我们得到了N多视频，这些不同课程的视频即出现了多个组合方法。即，把所有课文的习题部分整合起来，就形成了习题班;把所有课文的词汇部分整合起来，就形成了词汇班……这样我们就拥有了多个班型，适合不同学员的学习口味。

　　做到这一点是教研的功夫，更是互动设计的思路。即，把课程切碎，为用户提供了大量，标准化的，个性化的课程自助选择空间。这个思路的确是初创的网络教育企业不能忽视的。

　　四 向电商靠拢，又得有教育味

　　不论任何学科的学习者，他们首先是普通的互联网用户，他们在生活里接触最多的肯定是淘宝、京东、凡客这样的电商平台。因此，作为付费者，用户使用网站的思维模式首先是被电商平台强化的。所以，在网络教育机构的产品设计上，千万不能和电商的UE相差太远，否则会导致用户迷惑。例如，课表式的展示虽然比较直观，但用户会多花一些心思去理解课表含义，如果从课表点击课程后却发现没有产品信息页，如果把课表嵌在海量的文本链接之中，这种方式很容易让用户眼睛疼，想必这对用户的耐心是一大考验了。其他诸如促销信息的展示，文案设计，按钮设计等等，也无不如此。

　　但是如果单纯地采用电商模版，这也有问题，会让用户感觉失去了教育感，对页面的专业性体验产生质疑。如何在二者之间拿捏分寸这真的是个功夫，是需要UE高手参与的工作。其实这就是本文在前面所提到的“从无创新处创新”，所谓“无创新”，是指网站的教育味不能变，所谓的“创新”，其实也就是把用户常见的成功的UE模式引入进来。

　　

 

　　Pinterest的瀑布流式网站设计

　　五 瀑布流、图片与文字

　　瀑布流的网站真的很诱人，因为大量的图片展示会吸引用户的注意力。但对于网络教育机构而言，瀑布流的设计会遇到难题，即，瀑布流的方式很难适应所有学科的学习者的内容需要。如果一个一级建造师的学习者，肯定希望看到一级建造师课程的瀑布流，但除非你是一建的专门网校，否则你就会损失大量的其他学科用户。但如果我们把所有学科的课程均匀的瀑布一下，又会使用户觉得专业性不足。而且作为教育类网站，能够用于瀑布流的图片内容比较单一，因此，个人的心得是，除非专业性很强的教育机构，否则应该慎用瀑布流。顺便吐个槽，我曾经见过瀑布流式的课程信息页面，当时的感受是，即便作为专业人士，我也看不懂。

　　网络教育机构能够展示的图片恐怕只有教师照片和促销广告了，那么在这个方面下功夫吧。把图片做精一些，背景丰富一些，这至关重要，因为这是打破页面枯燥性的利器。

　　说到页面枯燥，教育类网站也遇到一个不能回避的问题，即，如果我们不展示文字资料，那么用户会觉得网络页面缺乏专业性。如果我们展示了文字资料，那么大量的文本会让用户眼花缭乱。这是个两难，另外，大量的文本链接有助于SEO，这个也是网络推广的需要，所以很多网校宁可体现专业性排列大量文本，也要牺牲页面的易读性。因此，目前的状况对UE的设计者是个挑战，如果解决了这个问题，那你的网站肯定所向无敌。

　　六 UI设计，你可以做的更好

　　UI设计太敏感了，纵然在UE中我们有N多个“不得不如此”，但UI设计肯定能够缓解“不得不如此”的缺陷。在这里，我实在不明白为什么教育机构(包括线下机构)的UI还采取渐变按钮和金属感导航，大红大绿的主题色，复杂的线条分割，粗重的色彩点缀，小小的行距。这一点真的不得不吐槽，我目前能够理解的是，也许用户心理已经适应了这种美术设计，认为这才是教育机构的特点。但用户最终是以眼睛舒服为导向，现在的用户喜欢微软雅黑字体，简洁的色块，功能性区域分割，Web2.0的图标，手绘的banner。从网校网的用户感觉来看，这个真的可以有，而且这恰恰是在线教育机构的创意空间所在。因此，只要把握好用户传统心里和互联网设计潮流的尺度，完全可以极大提升网络教育机构的产品体验。

　　七 用户还需要什么

　　除了这些，用户还需要什么呢?在网校网与用户的接触中感觉到，用户除了授课之外，还需要教学组织和课后服务。用户不希望购课后在页面提问题没人搭理，不希望拨打客服电话态度冷淡。用户希望网校能有个管理感，例如给用户留个作业;定期提醒用户：“你该上课了，快点来”;甚至在用户长期不上课的时候，给用户打个2分，这都是用户心理所需要的，而这些恰恰是教育之外的东西，也是初创的网络教育机构可以下功夫的地方。

　　以上是对在线教育产品互动设计的一些观察和思考的心得，网校网是网络教育行业的第三方社区和选课平台，从自身来讲，最希望看到的是网络教育行业发展壮大。因此作为网校网CEO，把自己在一线工作的粗浅心得分享给各位同好，以期能够起到抛砖引玉的作用，如有观点偏颇之处，还望不要贻笑大方吧。

分享：网页设计：不懂Metro风格设计敢称资深设计师？
时代在变化，我们的审美观也在随之改变，做为所谓的资深设计师们，你们意识到了吗?现在很多网站和应用软件也开始玩平面化设计(Win8风格)了,也就是所谓的Metro UI风格，如360杀毒、hotmail、腾讯、易迅、天猫、酷狗音乐、iPhone版的QQ音乐等等都已经朝这个兴起的UI风格