基于用户体验的高校门户网站建设研究

李盈颉

摘 要：文章基于高校门户网站的用户体验，从网站建设出发，以东华大学校园网主站为例，探讨了高校门户网站内容规划和网页界面设计等方面的问题。

关键词：高校门户网站；用户体验；网站内容规划；网页界面设计

近年来，随着高等教育信息化的飞速发展，作为学校对外形象展示的重要工具及校内信息化管理的主要载体，高校门户网站的建设在校园文化建设中占据了更加举足轻重的位置。高校门户网站的建设除遵循一般网站建设的基本流程外，还需结合高校具体特点及用户使用需求进行优化，从设计到功能均应充分考虑用户体验以满足实际需要。

一、用户体验对高校门户网站建设的制约

用户体验（User Experience，简称UE），是指人们在与产品、服务或品牌交互过程中的道德印象总和，是人与机器通过输入和反馈形成的抽象关系。网站作为新媒体的核心，最大的特点在于用户交互。用户体验是使用者的心里感受，属于用户的纯主观感受，通常情况下无法完全模拟或在线，在网站的浏览过程中，内容规划、界面设计、响应时间等都将直接影响到用户体验，用户体验设计正成为网站建设的新的核心和出发点。美国印第安纳州的政务网站经过重新设计之后，用户能够找到所需信息和数据的成功率由72%提高到95%，用户搜索所用的时间也减少了62%，由此对用户访问质量的提高是非常显著的。因此，基于用户体验的高校门户网站建设，对于提升用户访问效率，甚至是其对网站的综合印象有着显著且本质的影响。

二、基于用户体验的高校门户网站内容规划

高校门户网站的内容规划是指在建设前期，结合已有内容和用户需求，对网站的整体逻辑进行梳理。内容规划是校园网建设的基础。

（一）网站首页主体板块规划

通过对现今国内大多数高校门户网站的主流板块规划方式的调研，综合考虑东华大学旧版网站用户的使用习惯及需求，在新版校园网首页中，菜单栏（显示网站主要框架内容）、新闻（包括文字及图片新闻）、公告及活动通知等板块仍需保留，以保证网站改版后首页各板块内容的延续性。调研显示，大多数国内外高校门户网站的主页除了展示学校重大事件、发布校园重要通知之外，也非常注重学校学术氛围的营造，而东华大学旧版网站的学术信息发布功能并没有满足用户的需求，因此在新版网站的主体板块中，学术信息的相关内容应当有所体现，经过整理，网站首页的主体板块应当包括：菜单栏、大图、新闻、学术信息、公告、活动等板块。

（二）网站首页快速链接分类

调研显示，互联网用户的信息获取方式逐渐由被动接受向主动查询转变，越来越多的高校也将用户体验放在网站建设的首位。在对本校师生的问卷调研中，有53.1%的受访者认为门户网站应当适当增加服务性内容。因此，为了提高用户的信息获取速度，网站的首页除了主体板块部分，还应为站点内常用页面设置快速链接。

1.不同用户身份的快速链接划分

问卷显示，45.5%的受访者希望新版网站根据不同群体设置分类内容，国内外大多数高校网站的快速链接的设置也是采用这种方式。通常情况，高校门户网站的主要用户有在校生、教职工、校友、考生、家长、媒体、招聘单位等多种类型，根据用户对信息需求差异，可分为在校生、教职工、校友、考生及访客四个大类。在此分类的基础上，需要结合东华大学现有信息化服务，对大类的需求进行详细梳理，得出东华大学校园网用户身份链接内容分类表，如下表所示。

2.校园信息化应用功能集成

随着校内信息化管理在高校的普及，很多高校都有一些针对本校人员工作、学习需求特殊定制的信息系统及应用，如校园邮箱、财务系统等。经过整理，东华大学针对在校师生定制了如下应用：校园邮箱、信息门户、教务系统、图书系统、财务系统、就业系统、新闻系统，以上七项应用在旧版网站中分属不同部门，但使用频率较高，寻找起来并不方便。在本次网站改版工作中，我们将这些常用应用在网站首页集成了一个“快捷方式”，用户可以一键访问相关页面，减少了用户的点击障碍。

3.其他常用快速链接

除了以上两种类型的快速链接，另有一些不适合划入分类，或者由于访问需求大等原因需要在首页直接显示的链接，如图书馆、基金会、本站地图、电话黄页、党务公开、信息公开等，对于这类链接，也应当在首页设置合适的位置进行排列。

三、高校门户网站的网页界面设计

网站的建设，不仅要对网站的内容进行规划，网页的界面设计也是影响用户体验的重要因素，界面美观的网站会大大提高用户访问的舒适度。

（一）网页设计中的色彩应用

网页的色彩应用首先应当确定该网站的主体色。通常情况下，主体色应当与学校的VI标识色或学校LOGO标准色统一，如果VI标识色不适合大面积使用，则应选择与标识色能够搭配的颜色作为主体色。东华大学的LOGO标准色为吉祥红，色彩的明度、纯度都比较高，如果大面积使用会加速用户的视觉疲劳，因此并不适合用作网站主体色。经过对在校师生的调研，综合考虑学校老版网站以及校徽、建筑等方面的用色，最终选取比吉祥红明度降低一度的深红色作为网站的主体色。

除了主体色之外，页面上还需要有与之搭配的辅助色。考虑到单个页面上颜色不宜过多，而我们网站的首页已有大图板块的规划，未来会有各色各样的照片、图片在此呈现，因此，辅助色不适合选用与深红色由相似色彩饱和度的其他色彩。而灰色是一种基本不受限制、可与任何色彩进行搭配的颜色，最终我们选定灰色为网站的辅助色。

（二）网页设计中的文字应用

纵观近几年改版的高校网站可以发现，大多數的网页设计更加趋于扁平化，想要使页面的视觉效果足够扁平，除了要减少高光、阴影等立体效果设计元素的应用之外，字体的选择也很重要。另一方面，如果仅仅是考虑设计风格，而选择较为生僻的字体，在大多数用户的电脑上并未安装该字体的情况下，系统会使用默认字体对生僻字体进行替换，如在页面中内嵌字体，则会大大影响网站的访问速度。因此，网页设计中的文字应当在常用字体中进行选择，以求在绝大多数用户的电脑上都可正常显示。而针对应用较少的文字，如菜单栏、板块标签等，可以选用更有设计感的字体，采用图片切片的形式在网页中实现，因其体量较少，对网站的访问速度不会产生明显影响。

除了字体，字号也是影响网页视觉效果因素之一。网页中的字号选择应当根据文字功能，如菜单栏、板块标签等位置的文字需要使用稍大一些的字号，而一般文字则选用常用字号即可。目前国内高校网站一般文字所采用的大约为12～14号字，该范围内的文字大小在视觉上较为舒适，基本可以保证阅读需求，且不影响页面美观。

（三）网页设计中的板块布局

根据前文中梳理的主页板块，综合调研显示的用户使用习惯和近年来国内外高校网站的设计趋势，我们认为学校LOGO及菜单栏、大图板块应当放在页面的主要位置。各类快速链接可合理分布在页面的顶部和底部，并且在二、三级页面保持统一。

作为学校重大事件宣传和校园学术氛围营造的重要阵地，首页的新闻及学术信息版块都应放在醒目位置。在设计过程中，我们减少了头部的空间留白，让用户打开网站后在第一屏页面即可看到新闻和学术信息的板块，提高了用户获取信息的速度。

在新闻、学术信息的下方，设有公告/活动、专题以及新媒体访问图标。其中公告/活动由于性质相似，设计过程中将这两个板块设置在同一位置，通过鼠标悬停书签来满足浏览需求。专题板块的内容则主要是学校针对思想宣传、重大活动等事件制作的专题网站的图标链接。近年来新媒体成为学校宣传及形象塑造的重要工具和阵地，设计中，我们在页面的右下方给新媒体工具预留了图标链接位置。

（四）网站二、三级页面设计

网站的二、三级页面作为站点的子页面，在设计风格上跟主页不应有太大的差异，因此页面仍以暗红色为主体色、灰色为辅助色。此外，根据使用习惯，子页面的顶部、菜单栏、底部都应与首页保持一致，其内容的具体布局则由各页面内容及展示形式需求决定，本文不做详细赘述。

四、结语

高校门户网站既要实用又要美观，其建设过程应当不断完善，需要综合学校的发展方向、未来的设计趋势、用户的使用需求持续更新和改善，才能带来更好的用户体验。

参考文献：

[1][美]Janice Redish.胜于言传：Web内容创作与设计的艺术[M].北京：机械工业出版社，2013.

[2]肖海鵬.高校网站设计初探[J].电脑知识与技术，2008（11）：1084-1085.

[3]赵侃.用户体验设计——网页界面设计的重中之重[J].艺术与设计（理论），2010（9）：55-57.