用户体验下高校网站界面优化设计

用户体验下高校网站界面优化设计

摘要:本文从用户的视觉体验、交互体验、情感体验3个方面分析九江学院和其他优秀高校门户网站的设计和使用现状,提出基于用户体验的高校门户网站界面未来设计建议。首先,要充分满足用户对信息优先的需求,并且内容分类要精准;其次,在信息优先的前提下提升使用沉浸感,优化用户的交互体验,满足用户感官及交互方面的需求;最后,不断迭代优化产品,满足新用户需求。

关键词:高校门户网站;用户体验;交互体验

0引言

高校门户网站是为师生提供资讯的重要渠道,是展示高校文化内涵的信息平台,是体现高校信息化水平的重要指标,也是影响考生是否报考的重要因素[1-3]。高校作为高新知识和技术的传播基地,面对的是高学历、高素质的教师队伍,以及年轻的学生群体,随着5G大数据时代的到来,高速的信息传输方式给传统的高校门户网站设计提出新的挑战。因此,如何不断优化高校门户网站界面,以满足用户需求是值得思考的问题。

1高校门户网站的现状

不少国内外知名高校门户网站每年都会改版一次,试图为用户提供更便捷、个性化的服务。一个制作精美的门户网站可以为高校塑造良好的形象,传达出学校的办学理念及学校特色,得到社会大众的认可。笔者在调查中发现,与国外高校相比,国内高校的门户网站设计还存在一定的差距,目前仅有部分高校的门户网站设计可与国外一些高校的门户网站相媲美[4-6]。本文试图通过用户体验的3个要素对九江学院的门户网站进行分析,并提出一些见解,试图改善用户的体验和感受,努力提高九江学院门户网站的影响力。

2用户体验概述

“用户体验”概念最早是由美国认知心理学家唐纳德·诺曼(DonaldNorman)在20世纪90年代中期提出,指出用户体验涵盖人对系统体验的所有方面,包括工业设计、图形、界面、物理交互等。约瑟夫·派因(B.JosephPine)与詹姆斯·吉莫尔(JamesH.Gilmore)在1998年的《哈佛商业评论》杂志上,首先提出“体验经济”的概念,进一步印证了“用户体验”的巨大影响力,并迅速被产业界接受与采用。营销专家BerndH借助认知心理学与大脑功能化分区模型将体验分为感官(Sense)、情感(Feel)、思考(Think)、行为(Act)和关联(Relate)五大体验体系。用户体验本质上是主观的,因为它关乎个人对系统的表现、感受和想法;个性化、人性化的互联网产品界面设计能大幅度提升用户的使用体验,有利于实现用户体验角度下的互联网产品生命周期的良性循环。用户体验是动态的,是在一定情境中获得的,因为它随着环境的变化而变化,具有很大的不确定性,因此用户体验也会随之经常变化。所以以用户体验为基础的设计是在协调这些因素的同时,为用户提供更好的交互体验。

3基于用户体验的高校门户网站界面设计分析——以九江学院为例

3.1视觉体验。人们对网站的第一印象来自于视觉体验,所以本文先从视觉进行探索。九江学院是一所二本院校,位于庐山之麓、长江之滨、鄱阳湖之畔,尤其是具有千年历史、享有“天下书院之首”美誉的白鹿洞书院,更为九江学院赋予深厚的文化气息和办学氛围,所以学校标志设计成“庐山、鄱阳湖和一只奔腾活跃的白鹿”,能够体现学校的文化内涵。校园门户首页的眉头由标志和校训组合而成,并将墨绿色作为背景,能够使用户感受到该校的文化气息,右侧有搜索框,整体眉头略显拥挤。下方一排是下拉式菜单栏,以动态颜色切换形式呈现;菜单栏下方以大幅滚动的校园景观横幅图片为主,用户通过图片能进一步了解学校的情况。再往下翻竖向被切割为图片新闻、校园要闻和校园动态3个版块,图片新闻由滚动图片加标题组成,校园要闻和校园动态均由文章标题加时间组成。网页中下部为通知公告版块,由横三竖二的圆角方块排列而成,但标题大部分显示不全;再往下就是滚动的“专题网站”栏目,由各种相关专题图片组成,下方由6个小标志加快捷菜单平均摆放一排,颜色也是标志色。网站底部由上浅下深的两种不同灰度组成,上浅内容是校园联系方式、友情链接和规定要摆放的网站标志,下深内容由版权、备案号和访问统计数组成。整体网站给人统一和谐之感,也符合高校门户网站设计的初衷,但网站色彩除了墨绿色之外只有黑白灰的搭配,显得单调、沉闷。

3.2交互体验。交互体验是指体验者使用服务的过程中所感受到的、所获得的交互内容的总和,是一种主观感觉。网站的交互体验主要体现在用户在操作上的可用性和易用性。可用性体现在产品是否能够满足体验者的需求,对于不同用户群体都希望快速获得所需要的信息,例如高考生需要快速了解学校的相关信息和招生资讯,教师需要快速进入相关办公信息系统等,在九江学院网站为不同用户提供了单独的链接,点击链接便可进入不同的界面,能够满足不同的资讯需求。可用性强调的是满足用户的主要需求,而易用性则是指在交互中缩短操作的时间。在九江学院的网页上,从主页菜单栏机构设置中点入后直接在原有框架不变的基础上列出机构分类及二级菜单,再点单个二级菜单直接跳转到另一个窗口,进入一个风格完全不同的界面。这种操作模式比较容易找到返回菜单,基本符合客户需求,但用户想立刻进入二级学院时,这个菜单并不好找,它隐藏在“教学机构”下“机构设置”下5个二级菜单中的第2个。

3.3情感体验。从情感体验来看,颜色带给体验者的心理感受会直接影响观者的行为,不同类型的网站及其色彩搭配所传递的情感是不同的,所以通过合理搭配网站色彩有利于情感传递。交互过程中的情感体现在用户实际操作网站时的心理安全感、方便性和合理性等方面。以九江学院为例,网站界面的主菜单设置虽然合理,但搜索栏设置得比较隐蔽,在点击二级菜单时,等待时间较长,没有设置等待进度条,界面不够友好。

4基于用户体验的高校门户网站界面设计建议——以九江学院为例

4.1信息优先。为满足用户的需求,信息优先就显得非常重要,只有在网页能提供相关信息时,用户才会有进一步操作的可能;如果没有发现相关有用信息,用户就没有兴趣进行下一步操作,甚至会直接关闭网站。所以九江学院的网站布局应尽量满足人们的心理预期,搜索栏可以放在画面右上角,以避免画面拥挤。同时,高校可以在门户网站中加入“内容推荐系统”,根据用户浏览的历史数据智能优先版面的信息内容,给用户带来更好的体验感。

4.2沉浸式体验。沉浸式体验有助于用户获得更好的体验,可以从交互体验和视觉上进行优化。比如香港大学的门户网站将鸟瞰校园风景动态视频作为主导画面,能够给人一种强烈的沉浸式体验;下方的引导箭头“探索”二字更能吸引用户点击。九江学院的门户网站也可以把校园风景视频放在首页,甚至可以加入AR(增强现实)、VR(虚拟现实)等技术,还可以增加一些引导标志,例如“进入探索校园”等字样。在等待新页面打开的过程中,可以增加等待进度条的趣味动画设计,给用户提示进度的同时又可以给用户带来良好的沉浸感。

4.3网站迭代设计。清华大学和北京大学的门户网站都是国内体验感较好的网站,以标志色彩作为网站主基调,菜单栏下采用滚动的校园活动图片来吸引眼球,往下翻是不同的栏目模块,均以图片配文字标题呈现,只是图文切换方式不同。色彩搭配始终以各高校的标志色为主搭配辅助色,使网站整体简洁美观和谐统一,用户能很好地感知校园的文化气息,其他一流高校网站都有向这两所高校网站靠拢的趋势。当今信息传播迅速,高校门户网站也要跟上时展的步伐,从而才能吸引更多的用户访问,尤其是高校每年都有新的学生群体进入,不同时代的年轻人有着不同的需求,从而对网站提出更多的要求,所以及时进行网站迭代设计也是非常有必要的。因此,九江学院网站也需要每年更新网站设计,以更好地服务于用户群体。

5结语

随着5G时代的到来,用户的需求也日益多样化,所以如何实现沉浸式交互体验是当前研究的重点。本文针对九江学院的门户网站进行分析,提出了基于用户体验的门户网站设计建议,以供参考。

作者:高川 单位:九江学院