高校院系网站的优化设计——以武汉轻工大学艺术与传媒学院为例

尹 雄 （武汉轻工大学艺术与传媒学院 湖北武汉 430024）

一、高校院系网站概述

高校网站指高等学校的网站，涵盖普通高等学校网站和成人高等学校网站，是高校利用网络信息平台，实现校内的信息交流、发布和管理的工具。具有学习性、交流性、传播性和互动性等特点，是高校品牌文化发展的有力支撑。其子系统众多，包括学校网站、下属职能部门网站、各种教学、资产、科研管理系统、高校论坛（BBS）以及下属院系网站等。

本文以高校院系网站的用户需求分析为切入点，围绕“以用户为中心”的设计思想，结合高校院系网站的自身特点，分析了目前高校院系网站存在的问题，以武汉轻工大学艺术与传媒学院为例（以下简称为“艺传学院”），重点从信息架构和界面设计两个方面探讨了应该如何对高校院系网站进行整体的优化设计，并提出了优化的具体措施和实现方法。

二、高校院系网站的用户需求分析

高校院系网站规划与设计的优化，首先要以高校院系的用户需求分析作为切入点，围绕“以用户为中心”的设计思想来进行。“以用户为中心的设计”的设计思想，要求网站设计者更应该关注“用户需求”，需要在“设计者需求”“客户需求”和“用户需求”三者中找到合适的平衡点，构建出“良好可用性”“有效易用性”“友好交互性”为一体的人性化网站。

高校院系网站有着相对固定的用户群，用户需求也相对明确。其主要用户分为两大类：学院师生和非学院师生。学院师生访问频繁，经常浏览，主要关注学院的新闻动态、公告通知、教学科研、实践实验、党政建设等情况，用于学习和工作。非学院师生较少访问，在特定时期浏览，主要关注学院环境、师资情况、专业建设等情况，用于了解和熟悉学院整体概况或者某一专业建设情况。

三、高校院系网站的特点、存在的问题以及优化建议

高校院系网站是高校下属院系的网站，是向外界提供信息服务的重要手段，也是用户了解学院教学和科研等最为直接、最为信任的途径。

（一）其特点主要有以下几点：

1.学科性质明显，不同的院系分属于不同的学科，院系网站的内容和页面设计上会体现一定的学科性。

2.栏目众多，栏目之间重叠部分较多，栏目相对固定，与其他部门链接紧密。

3.以展示和查询信息为主。相较于高校其他的职能部门网站以及各种管理系统、和论坛来说，其承担的更多的是信息展示以及宣传的功能。

4.内容更新快，主要是指学院的新闻、动态以及通知。5.可信度高，用户相对固定，访问频率高。

（二）目前存在的问题主要有以下几点：1.信息更新不够及时。特别是有些新闻几经转手，才能挂上网站，时效性以及信息的透明度都有待加强。

2.管理人员配置不合理，管理维护成本高。院系网站一般由院系的办公室人员或者实验技术人员负责，大部分的办公室人员和实验人员都没有或者缺少必备的网站建设知识，当网站需要更新维护时，只能寻求专业人员帮助，会产生一定的费用，并且沟通时间长，交接过程复杂。

3.导航栏目与内容不一致。导航栏目在设置时，可能过度求全，求细，导致有些栏目内容偏少，就只能填充非栏目内充数，导致栏目与内容表里不一。

4.界面设计有待进一步完善，主要指页面的可读性、美观性和易用性，纵观高校院系网站，一些院系的网站过多注重内容，界面设计粗糙，缺少细节。

（三）针对以上主要问题，高校院系网站的优化主要有以下几点建议：

1.责任到人：院系领导主持召开网站优化专题会议，成立网站优化小组，部署工作，责任到人。

2.更良好的信息架构：立足于高校院系用户分析，参考同类院系网站，全面清查院系网站栏目设置是否合理全面。

3.更合理的网站界面设计：从页面的艺术性、交互性、可用性三方面逐一优化网站页面，需体现一定的学科性质。

四、高校院系网站优化实例

时值武汉工业学院更名为武汉轻工大学之际，学校要求各学院同步更新优化院系网站。艺术与传媒学院领导召开专题会议，成立网站优化专题小组，部署工作，提出优化的硬性指标，分析目前网站存在的主要问题，确定优化的具体的方案，着手进行详细优化，具体如下：

（一）成立网站优化专题小组

院长书记任组长，牵头负责整体工作；副院长副书记以及“两办主任”（行政办公室、学生工作办公室）担任主要成员，负责提供具体内容；实验技术人员提供技术支持。

（二）提出优化的硬性指标

（三）目前存在的主要问题

经过讨论分析，目前艺术与传媒学院网站的栏目设置基本合理，首页较为美观，有一定的交互性。但在信息架构和页面设计两方面也存在不少问题，主要有以下几点：

1.部分二级栏目设置过多过细，导致与其他二级栏目重复，或者没有足够的内容支撑。比如“新闻中心”的二级栏目多达5个（学院动态、学工动态、科研动态、学术讲座、媒体聚集），本身的二级栏目间有重复（学院动态、学工动态、媒体聚集），且与其他栏目（学术研究）有两个二级栏目（科研动态、学术讲座）重复。

2.部分二级栏目名称与内容不符，排序不当，需按重要性或相关性先后排序。

3.页面细节有待调整，比如图文排版，标题文字和正文文字的颜色、大小、样式、留白的统一规范。

4.部分内容更新不够及时，有些栏目内容过少，存在部分死链。

5.有过多原人文系的内容，需清理掉。

（四）优化方案

因时间急，经费紧张，“网站后台”程序无法彻底更换，只能通过操作“网站前台”进行优化操作，使用网站管理后台结合页面html和css文件，必要时使用ftp工具下载操作数据库。

（五）优化的具体内容和方法

1.精简栏目，准确命名

去掉重复冗余的栏目，同时准确命名各个栏目名称。需要特别注意的是，栏目最好在网站管理后台增加，在数据库里删减。即网站管理后台结合页面html文件，通过添加或修改新闻分类实现栏目的增加和修改，用ftp工具下载数据库，直接进行删减栏目操作后，上传覆盖即可。

2.增加图文的可读性

增大新闻页面列表字体为14号；统一全站内容正文字体为小四号（14pt），黑色，间距为1.5倍行距，段落之间回车键手动空行（如图1-1所示）；图片宽度不超过600px（像素），大小不超过100K，居中显示，与段落文字间空行显示。

3.美化图文排版布局

如图1-1所示，弱化“面包屑”样式，由16号绿色黑体优化为12号绿色宋体，去掉醒目的绿色横线；美化内容标题，内容标题文字由16号黑色宋体，变为16号绿色宋体，增大行间距（margin-top），底部添加灰色横线。

4.适度添加图片

如图1-1所示为“教学团队”、“教授风采”栏目添加教师照片，一方面活跃美化页面，另一方面方便用户更直观的了解教师，乃至整个教学团队。教学团队照片尺寸统一为60*75 px（像素），教授风采统一为120*150 px（像素）

图1-1 优化后的界面显示

结语

优化高校院系网站是一个系统工程，合理的网站优化有助于提高高校院系对内对外服务水平、树立高校品牌文化形象和提升院系的竞争潜力。笔者通过对武汉轻工大学艺术与传媒学院网站规划与设计的优化实例，在实践中探讨了高校院系网站优化的具体措施和方法，推进了高校院系品牌文化的建设，也为其他高校院系网站平台的优化设计提供了借鉴。

[1]童彦婷; 陆江艳.高校品牌文化的网络传播平台构建与设计研究—以武汉理工大学国际交流网站设计为例[J].设计艺术研究，2011(04)：64-67，75

[2]郭泽德; 孙苗; 李晶晶 中国高校网站交互探析[J]唐山师范学院学报，2011(05)：58-60

[3]李葳以用户为中心的高校网站界面设计[J]中国教育信息化，2012(08)：51-53

[4]贺延辉 我国高校信息公开制度建设——基于高校网站的调查与分析[J]现代情报，2012(04)：25-30

[5]许兴，王琪全，杨秀梅. 高校网站建设对大学排名的影响研究[J]实验技术与管理，2011(05)： 116-118，121

[6]陈红红 高校网站管理问题分析及解决方案[N]西北成人教育学报，2012(02)：42-43

[7]荣毅虹; 王彩霞战略管理视角下的高校网站评价[J]情报理论与实践，2011(09)：95-99

[8]员勃 网页设计中GUI视觉系统元素的解读[J]包装工程，2012（04）：38-40

[9]李晓宁 网页设计中的视觉要素分析[J]大舞台2011（08）：141-143

[10]赵志云 以用户体验为中心的品牌传播网站设计[J]设计艺术研究，2012(10)：68-70