【摘要】在互联网技术快速发展的今天，高校门户网站建设也日新月异。通过对国内外高校门户网站建设现状进行对比分析，从网页内容、版面设计、技术应用等角度寻找进一步提高国内高校门户网站建设水平的思路。
【关键词】高校门户网站；设计；用户体验
引言
在互联网快速发展的今天，高校门户网站逐渐成为塑造大学品牌形象[1]、完善校园文化的一个窗口，它承载着高校宣传的作用，同时又是师生信息服务的平台，可以为高校的老师、学生、职员、校友提供综合服务。它是展现大学综合实力的一面镜子[1]。一流的大学建设不仅仅进行学术科研和价值追求，还应该跟随新思想、新知识、新文化去引导社会不断前进。高校门户网站建设可以在一定程度上反映各高校的信息化程度和水平，一个设计优秀、有着优良用户体验的门户网站将有助于高校品牌形象的推广，有助于高校软实力的提升[2]。由于网站本身的特殊属性，我们在浏览时一般无说明书，无教师指导，网站的可用性、易用性问题相对于其他产品尤为突出[3]。因此,借鉴国内外网站建设的设计思路和技术,用于本校的门户网站建设,是提升本校网站建设水平的一个捷径。下面通过对国内外高校门户网站的对比分析，寻找提升国内高校门户网站建设水平的思路。
1内容安排上以用户需求为中心，突出特色
通过对牛津、哈佛、剑桥、斯坦福等国外高校和清华、北大等国内高校门网站进行分析，认为这些知名的高校门户网站都十分重视用户的需求，并能体现出高校自身建设的特色。1.1重视用户需求对于高校门户网站来说，不论怎样改版与设计，最终都不应偏离服务于广大师生这个最终目的[4]。内容设置上应该更多地从用户使用角度出发。比如剑桥大学主页中给新生的入学指南这一项就很有实用价值，能清楚地让学生知道在这所大学里的生活、课程、需要学会的技能、能使用的资源等，让学生在还没入学时就可以通过门户网站知道该如何去安排大学的生活。在其主页的导航栏中“新学生”这一栏能帮助新生尽快适应在学校的生活。网站充分从用户角度出发安排内容，让人感觉很有人性化。而部分国内的高校门户网站建设存在以下问题：在内容安排上，多是信息的堆积罗列，用户无法第一时间找到自己想要的信息；在内容设置上，偏向于招生就业、教学管理、科研学术等，对用户体验重视不够；面向群体也有所差异，只有北大、清华等部分高校有中英文页面，而大部分高校的门户网站只有中文页面，更新时间也不够及时，往往会停留在某个时间点，与国际化接轨有一定距离。因此，高校门户网站建设，必须充分了解老师、学生、职工、校友等用户的需求，注重用户体验，合理安排网页内容。在网站的建设和维护过程中，重视用户的使用感受和所提的意见建议，及时进行更新完善。1.2突出高校特色不同的高校有不同的特色，高校门户网站应将本校的特色凸显出来。比如哈佛、牛津等国外高校门户网站在内容上比较简洁，以凸显学校的科研和服务功能为主。哈佛大学在主页的显著位置放置的是最新科研成果的相关照片，给人以很强的视觉冲击力，能使人感受到很强的学术氛围。牛津大学主页的显著位置放的是科研和学生当前最关心的话题，起到对外宣传和对内服务的功能。在功能模块设计上应根据自身学校特色选择相应的功能模块，而不能盲目套用模板。以仰恩大学为例，我校有学生出国游学，也有与台湾做交换生，那么在功能模块上可以凸显这一内容作为宣传特色。1.3增加互动功能高校门户网站不但要体现学校的核心文化价值理念，还应有一定的互动性。比如哈佛大学就把社交媒体放在主页下面，体现了一定的人文关怀，而国内也有类似这样的社交网站，比如易班，微博等社交媒体，但很少有高校把这样的社交网站放在主页上。
2界面设计上以用户体验为中心，美观实用
2.1注重色调搭配牛津、哈佛、剑桥、清华、北大等高校的门户网站，整体页面基本上都是图文并茂，让人视觉上很愉悦。优秀的高校网站主页都有自身的颜色主色调，比如哈佛大学以白色为底色，配以蓝绿灰；斯坦福大学以红灰白为主色调，剑桥大学以黑绿白为主色调；牛津大学以蓝灰为主色调；清华大学以（紫色）为主色调。这在某种程度上体现了一个学校内在隐含的校园文化趋向。部分高校网站在色调搭配上容易出现以下问题：界面设计同质化，给人以套用模板及雷同的感觉。很多网站看起来风格类似，毫无个性可言，无法体现自身学校的品牌特色，也很难给使用者带来深刻的印象。有的高校则以文字为主，容易产生视觉疲劳。色调的选择应能体现出学校的历史与特色，比如说清华大学数次改版，均以紫色作为网站主色调，具有很高的辨识度。2.2优化网页布局在网站布局设计上，许多高校网站采用“同”字型网站布局，让用户浏览时产生内容过多、过“满”的感觉。而哈佛大学和牛津大学采用一栏式，斯坦福和剑桥采用两栏式，均不会给人以太满的感觉。网站版面的设计也应敢于创新，不要局限于“同”字型结构，给人太满感觉，尽量采用两栏即可。另外，国内外大部分的高校都会把学校校徽放在网页最显著的位置。2.3选好banner图片网站中banner图片的选择也很重要。富有内涵的图片胜过千言万语。图片的选择应摆脱纯粹的官方色彩，更多关注与网站相关的各类用户群体[2]。比如，把科研、学校要闻或学生最关心事件的相关图片放在首页。
3使用Bootstrap技术实现自适应功能，扩大网站影响
牛津、哈佛、剑桥等国外高校门户网站的页面，可以在除电脑之外的其他设备上显示时自适应屏幕，不影响用户体验。国内除了清华大学、北京大学、厦门大学、华东师范大学、北京师范大学、复旦大学、中南大学等这些知名高校门户网站有应用自适应技术外，相当多的高校门户网站仍然采用固定宽度像素的设计，在除电脑之外的其他设备上显示时会导致内容显示不全，无法自适应屏幕，影响用户体验。所谓用户体验是指用户在操作或使用一件产品或一项服务时候的所做、所想、所感，涉及到通过产品和服务提供给用户的理性价值和感性体验[5]。从这个角度出发，首先要考虑的就是自适应技术的应用。可以选用当前比较流行的bootstrap技术，它使用当前最新的html5与css3技术，能根据终端的用户设备对网站进行设计与重新缩放，并产生与所用设备相适应的客户端页面。另外，为了提高用户体验，也要从SEO的角度出发，网站结构采用扁平树型网状结构，尽量使用文字导航，且结构扁平，每分页采用面包屑导航，内链结构上可通过热门推荐、相关推荐把它们相互连接起来，以方便搜索引擎对网站进行收录。要注意网站内容的质量，多写原创性文章；对于各页面间尽量降低相似度；通过这些设计来提高搜索引擎对网站的收录。
4结束语
建设一个高水平的高校门户网站，需要有一支专业的网站制作及维护团队。当前许多高校的网站都是由教师利用业余时间做或请学生做的，维护起来难度大，技术更新也很慢。很显然，这样的网站是无法胜任当前高校门户网站的窗口功能，因此，需要有一支精通网站制作的专业队伍，学习当前比较流行的前、后台技术，网站运营管理等技术，打通学校各院、系、部门网站间的技术障碍，协同运行，从而实现网站的制作、维护及更新和改版工作。高校门户网站建设应能够顺应移动互联网时代的潮流，提高网站的易用性、健壮性，满足日益增长的用户需求，充分实现信息技术与高校数字化的结合，充分发挥校园信息门户网的作用。
参考文献：
［1］李海龙，杨晓生，钱成思,中、美大学体育网站的文化差异———以美国“常春藤”联盟与中国“Ｃ９”联盟大学为例［J］中国体育科技2015(5)
［2］孙荣，王菊用户体验视角下的高校门户网站再设计研究［J］中国教育信息化2015(9):73-76
［3］余兰亭.基于用户体验的独立学院门户网站界面研究［J］学术论坛，2015.5:283-284
［4］康丽.论信息时代下高校网站的泌尿外科期刊优化策略［J］信息与电脑2014（12）
［5］王晓艳,胡昌平.基于用户体验的信息构建［J］.情报科学,2006(8):1235-1238.
作者：王琴 单位：仰恩大学
