【编者按】如果是一□□个工厂，其网站设□□□□计有固定“套路”，如功能、配色、导航、UX都是有经□□□□验和模板◈可循。但是一些□□□新业态，网站设计□□则无“先验”。如何为这□□□□些行业企□□□业做网站呢？J9国际集团□□□推出“新业态网□□□站设计”专题。本篇简要□□□□分析在线□□教育网站□□□设计。

如果我们□□□□按照活动□□□□类型对网□□□□站进行划□□□□分，可以划分□□出电商网□□站、直播网站、展示网站，而在线教□□□□育网站是□□□多种类型□□网站的综□□合，至少，至少从功□□能上面来□□看，是这样的。

在线教育网站的功能

首先，在线教育□□□网站是“电商网站”。电商网站·的核心功□□能是“交易”。在线教育□□网站本质□□□□上也是“电商网站”。其一，其与电商❖网站一样，需要对产◎品进行分□□□类，其教育内□□容与商品□□□□一样，也是门类□□繁多，五花八门。其二，与电商网□□□站一样，用户需要□□□在线购买“教育服务”，也要具备◢在线支付、选购、购物车等◤功能。
其次，在线教育□□网站也是“直播网站”。在线教育□□□平台的核▽心资源是□□□课件以及□□师资，显然，最受欢迎□□的教育方□□□式还是老·师与学生○之间的视▲频直播，所以，在线教育□□□□平台也需□□□要实现直□□□□播，包括一对□□一和一对□□多两种直□□播方式。
最后，在线教育□□□网站还是“展示网站”。在线教育◆网站也拥◈有“产品页”，“产品页”主要是对□□□□课程进行□□□□较为详细□□□的介绍。所以，从这一点□□上，在线教育□□□网站也具□□□备“品牌网站”的展示功□□□能。
另外，在线教育网站还是“视频网站”，因为不少课堂内容是录播。
可以说，在线教育网站是各个类型网站的“大杂烩”。
按照这一□□逻辑，在设计在□□线教育网□□□□站的时候，也应该参◉考其他类✦型网站的□□□□设计思路。

在线网站设计如何参考其他类型网站？

导航，参考电商网站。
电商网站□□的导航十◆分关键，这是因为□□将庞大的□□产品种类□□□□和数量合□□□□理化组织，本就是一◣项复杂的◢工作。而在线网□□□□站也拥有□□□庞杂的“商品”类别和数□□□□量，就是各种▼各样的课◉程。
所以，在线教育□□网站的导▲航设计，是可以参□□□考电商网□□□□站的。电商网站□□导航设计□□有一些基□□□本原则，如双导航、避免重复□□分类、符合用户□□□习惯（如鼠标停□□留多长时□□间出现子▽导航）、符合网站✦的特点、定期进行□□□□活动更新□□□和提醒等□□等，这些设计□□□原则和优□□□□秀和设计□□理念，在设计在□□□□线教育网▼站的时候，可以借鉴□□□□和参考。

学习页面布局，参考直播网站。
 

为什么在□□□线网站的□□学习页面，要参考直□□播网站的□□□构架和布□□□局呢？两个原因，其一，在线学习□□□页面本质◇上就是直◤播。其二，很多用户□□已经养成□□的看直播※的习惯，这种习惯◎可以延续□□□到在线学□□习上，降低了学□□□习的成本。一般来说，在线教育丨网站的学□□□□习页面，应该布局□□□有视频区、交流区、编辑区等□□□区域。
课程展示页面，参考企业网站产品页面。

课程或者□□□师资，就是在线□□教育网站□□□的产品。我们是如□□□何展示企◣业产品的□□□呢？一是图文❖并茂，二是卖点□□突出，三是情感□□□□带入。同样，在设计课□□□程介绍页□□面的时候，如上三个□□原则，也是可以□□□□参考的。
如上，是我们在□□设计在线□□教育网站◤的过程中，总结出来□□的一点经□□验，仅供商榷。