程亚静201522080005

网站链接：http://www.speiyou.com/

一、公司简介

  学而思培优是好未来旗下历史最长、规模最大的课外辅导品牌，致力于为6-18岁的孩子提供高品质的课外辅导，涵盖从学前到高考各个阶段的课外辅导，学而思在北京、上海、天津、广州、深圳等19个城市建立分校。

二、设计分析

1、主页面设计

http://s5/mw690/0066bXDIzy6WEGhKRrmd4&690

进入“学而思培优”官网，以上为页面首页。网站整体以蓝色为主色，字体为白色字体。整体风格统一、清新。

页面首页注有“您无需排队就可以轻松实现选课、付款、转班、调课，而且您还可以与老师互动交流”字样，将网站的主要服务型功能进行了简要介绍，一目了然。

以上为网站的主页面，依旧延续了整个网站淡蓝色的背景设计和清新的页面风格。蓝色导航栏下面是四个滚动页面，展示了学而思最新的各项活动。页面左边是在线客服，提供受众与学而思的实时在线交流互动。页面右边是“北京学而思官方微信”和“学而思手机客户端”，对本品牌进行了二次营销。整个主页面内容多而不杂，信息全面而风格整体偏简约，视觉效果比较好。 

http://s13/mw690/0066bXDIzy6WEGrGkJm6c&690

     以上为主页面的下半部分，主要分为三个板块——明星学员、名师培养和八大优势。内容设计紧贴受众需求，展示了受众最关心的师资力量和学员学习成果等内容。明星学员中介绍有“2014年高考单科状元”，“东城区中考状元”等信息。名师培养中展示了“985重点高校名师”，“严格的教师选聘制度”等内容。能够第一时间向受众展示自身优势，吸引眼球。

2、分类与导航设计

http://s6/mw690/0066bXDIzy6WEGwRb2Rf5&690

   以上为首页的导航栏，进入学而思官网，首先需要选择进入哪一个地区的分站，全国19个分校都有自己的独立网站，点击某一地区后便可进入该地区的分网站，能够让受众更有针对性地了解自己需要的信息。

http://s8/mw690/0066bXDIzy6WEGAZ531e7&690

以上为网站主页面上端的导航栏，共分为“首页”、“学前”、“小学”、“初中”、“高中”、“英语”、“语文”、“搜名师”、“家长帮”、“网校”和“智康一对一”共11个板块，点击某板块便可得到该年级或学科的相关信息。

但个人认为该导航的设计稍显杂乱，年级、科目、家长帮等不同类型的板块列在一起，且科目仅设置了英语和语文两科，其他科目不在主导航栏中，会给用户的搜索增加一定困难。不如将导航栏进一步分成“年级、科目、其他”三类，各类别下再将不同板块信息进行归类，更加方便用户搜索。

在主导航栏点击“小学”后，会进入以上页面。页面上端对小学部分进行了详细的分类，按照“年级”、“学科”、“班次”、和“班级类型”分类，可以让受众快速查找自己需要的信息。在选择好年级、学科等信息后，页面下半部分会出现相应的班级信息，班级信息可以进一步选择“按时间搜”、“按地点搜”和“按老师搜”三种方式进行呈现，信息针对性强。

3、信息结构框架设计

http://s13/mw690/0066bXDIzy6WEGJV1jC8c&690

以上为“小学”页面的中间部分，左侧是一个导航栏，按照班级进行分类。中间部分是六个滚动页面，滚动显示“小学”部分的最新信息。页面下面是小学部分的一些重要新闻以及最新通知。页面的右侧是各班次的最新动态，以及“新手指南”、“入学测试”、“校区查询”等服务类信息导航。信息丰富，结构紧密，但右侧信息排列略显紊乱。

http://s3/mw690/0066bXDIzy6WEGNowWSd2&690

    以上为“小学”页面的下半部分，页面分为“学而思教研”、“互动话题”和“热报班次”三个部分。“学而思教研”主要为一些老师的教学心得，“互动话题”中主要是习题库供家长和学生使用，以及学生的成绩展示，“热报班次”是对部分班次进行介绍和推广。可以看出该页面主要提供一些服务性的信息。个人认为，该页面的设计比上个页面更科学，信息排列更有序，视觉效果也更好。

 4、多媒体元素设计

 http://s11/mw690/0066bXDIzy6WEGVke9k2a&690

    在“小学”页面中，有一个设计亮点——小升初时间轴。该时间轴运用了多媒体交互设计，点击某个月份，便会出现该月份准备小升初应该做的工作，如点击“5月”，下面会显示“特长生报名考试点补录跨区入学”。用户可以对各个阶段应该做的准备工作一目了然。

http://s3/mw690/0066bXDIzy6WEGY1j90f2&690

在主页面上端的教师搜索栏中，搜索想要了解的教师或者在“搜名师”板块中点击想要了解的老师，便会出现以上页面。页面左边会展示学生对该教师的满意度，教师所教科目和年级，右边会有该教师上课的视频，点击播放，可以看到老师上课的现场情况，可以很简单地对该老师有一个直观的了解。

该设计运用了多媒体视频展示的形式，属于网站设计的又一个亮点，容易吸引受众眼球，方便受众对该教育机构的直观了解。

5、人性化设计

http://s6/mw690/0066bXDIzy6WEH0rQPP25&690

    该网站有一个人性化的交互板块——“家长帮”社区，这是一个学而思学生家长的论坛，按照年级进行了分类，家长们可以在这里交流学生学习情况，为学而思提建议等，可以自由发言并与学而思工作人员互动。

    在自媒体时代，越来越多人开始有表达自己的欲望和需求，单方面的信息供给已然不能满足受众的需求。尤其是在教育这个话题中，家长需要这样一个平台互相交流，和对教育机构进行信息反馈。“家长帮”则很好的满足了这样的需求。 

http://s10/mw690/0066bXDIzy6WEH2Cdxnd9&690

    在“家长帮”社区中的下半部分，按照不同主题对论坛进行了分类，如家长最关心的“聊聊学区房”、“2016北京幼升小”等话题，都收获了较高的点击量和发帖量。这也侧面证明了该板块存在的价值。

http://s11/mw690/0066bXDIzy6WEH4bW6S1a&690

    在分页面的右侧，可以看到以上导航栏，这是一个服务性信息的导航，受众可以直接在网站上进行选课报班、登录查分平台、查看课后作业、课历、校区等。可以让受众足不出户就可以查询到各种信息，还可以直接网上报名，设计非常人性化。

http://s5/mw690/0066bXDIzy6WEH6HkDa74&690     

   点击“课后作业”可以看到以上页面——2015年秋季班课后作业答案及解析。按照班级和讲次进行分类，可以看到各个班的课后作业视频，可以方便学生和家长观看。

三、总结

在对比了众多教育培训机构的网站后，发现学而思的网站设计可圈可点，特拿来作为案例进行分析。

网站是一个机构的门面，是受众了解该机构的重要窗口。在我看来，一个优秀的机构网站，需要具备以下几个条件：内容丰富、索引便利、服务性强、互动性强、可视性强。而学而思官网则很好地具备了以上的各种条件。

当然，它也仍然存在一些明显的问题。如部分页面信息分类混乱，导致信息的冗杂和重复，一定程度上影响了其操作性和可视性。

此外，网站中多媒体形式的设计尚少，这也是大多数机构网站普遍存在的不足。信息呈现主要依靠的仍然是文字和图片，动态的交互设计、视频、音乐等多媒体形式的应用尚不普遍，容易给人枯燥单一之感，我想这也是各机构网站接下来应该努力的方向。