提升高校图书馆网站用户体验的实证范文

摘要：良好的视觉设计、界面设计和导航设计是提升网站用户体验的必要条件。视觉设计，要符合视觉趋势，做好色彩搭配，通过问卷调查确保网站符合用户视觉审美；界面设计，避免使用用户不熟悉的词汇；通过网站分析工具和眼动跟踪技术确保关注度高的栏目放在醒目的位置上；通过如实观察法和可用性测试设计出视觉层次清晰、符合用户心智模型的界面；导航设计，通过卡片分类法做好信息的组织与分类，导航的功能模块设计。

关键词：用户体验；高校图书馆；网站

随着学生对互联网的依赖性越来越强，以及Googlescholar、百度学术等学术搜索引擎对图书馆学术资源主体地位的冲击，使得图书馆网站的用户体验变得越来越重要。图书馆网站必须进行优化设计，使用户可以方便地浏览网站的信息、使用网站的服务，让用户获得愉快的体验，才能吸引用户使用图书馆的网站，使用图书馆的资源与服务。用户体验强调在网站构建的过程中以用户为中心，充分考虑用户体验的内容及影响因素，通过设计满足用户需求，符合用户审美体验、认知特点、使用习惯的组织系统、导航系统等，从而让用户获得良好的体验效果。用户体验设计的目标可以归纳为：解决用户需求，减少用户理解和操作的成本，给用户留下美好而深刻的印象。基于用户体验的网站设计主要包括：视觉设计、界面设计和导航设计等。

1视觉设计

视觉设计是在用户审美文化的基础上，通过色彩、字体、图片、按钮、隐喻等的使用，设计出富有美感和艺术感的网站，从而实现在很短的时间内吸引住用户，并激发用户进一步的信息行为[1]。图书馆网站在视觉设计上要符合用户当前的视觉趋势，体现图书馆的文化内涵，通过图文、色彩、形状的搭配以及信息块的建立和整合，形成一个疏密有序、图文并茂、条理清晰、气氛和谐的网站视觉感受。

1.1符合视觉趋势

不同时期用户的审美取向与内心诉求是不同的，网站的设计一定要符合当前用户的视觉趋势。就目前而言，视觉趋势大致如下：响应式的网页设计让网站页面无论屏幕尺寸大小都能有最佳的显示效果[2]，宽屏、大图让页面更显大气；改变以往用线条来分割区域的方式，采用空隙和留白，让页面顺畅自由的呼吸，给用户留下广阔的思考空间；减少渐变和视觉元素，采用规整的布局、扁平化的视觉风格，让整体感觉更清爽。在网站构建之初，设计师一般会根据图书馆的需求结合当前的视觉趋势设计出至少3版首页设计图，图书馆可以采用问卷调查的形式从中选出最受目标用户欢迎的页面。

1.2做好色彩搭配

色彩是网站最具表现力和感染力的视觉元素，好的色彩搭配可以吸引用户的注意力，给用户带来过目不忘的效果。相反，太过单调乏味的页面会使用户视线游离；过于炫目多彩的页面又会对用户的实际需要造成干扰。网站的色彩搭配上要注意以下情况：（1）每种色彩都有自己特定的含义和象征，会给人带来不同的情感反应[3]，网站设计要合理恰当的运用，设计符合网站自身特色的色彩搭配，把网站的思想正确的传递给用户。例如，“红色”可以给人热情、喜庆、奔放的情感反应，也能给人危险的心理暗示；金灿灿的“黄色”给人富有、高贵之感，而混浊的暗黄给人凋谢、衰败之感；“蓝色”象征着智慧、理智、清爽，会让人感觉平静、深远、稳定、可靠。（2）不同色彩对眼睛刺激不同，会造成视觉上先后顺序和关注度的不同。在色彩的运用上，要考虑内容的先后顺序和优先级，正确的运用色彩。例如，冷色类和暖色类色彩是有明显的层次差别的，一般情况下，用户会先注意到暖色调色彩，且对暖色调色彩的关注度和点击量要高于冷色调色彩；色彩的反差更容易造成用户的关注度的不同，通常高反差色彩更能引起用户的关注[4]。（3）避免使用色盲不易区分的颜色对。网站的色彩设计要保证在辨识色彩方面存在缺陷的用户（如红绿色盲、蓝黄色盲、全色弱等）也能正常使用网站，避免使用深红和黑、深红和深绿、蓝色和紫色以及浅绿和白色这样的颜色对[5]。网站色彩设计时可在专业的色盲所见效果检测网站（如网站www.vischeck.com和colorfilter.wickline.org）上检测，确保需要辨识颜色的地方所用的颜色在色盲和正常人看来是一致的，不需要辨识颜色的地方，在色盲眼中是清晰的。

2界面设计

界面设计最基本的性能是功能性和使用性。通过界面设计，让信息更加流畅的传递给用户，让功能和操作变得更加简单。界面设计包括标识设置能否被用户所理解[1]、页面布局是否能够凸显页面重点、符合用户的习惯等。在标识设置方面重点是要避免使用用户不熟悉的词汇；页面布局方面，首页一定要将关注度高的栏目放在醒目的位置上；其它栏目的摆放位置要遵从网站形成的惯例，符合用户的心智模型；以信息呈现为主的页面要建立清晰的视觉层次。

2.1避免使用用户不熟悉的词汇

根据Krug的可用性第一规律，网页必须是清晰且自明的[6]，也就是说网页的内容对于用户来说是不言而喻、一目了然的。要做到这一点，就要避免使用用户不熟悉的词汇，比如，OPAC、E读、查收查引、题名、责任者、资源发现系统等。这些字用户都认识，但不代表真的理解了意思，因为新信息只有和已有的知识结构紧密结合，才能被彻底的理解吸收，而用户基本上是非图书馆专业的学生和老师，接受过的图书馆专业培训比较少，对这些词很难做到一看就懂。当用户在网站上寻找信息或者某个功能时，他们并不会认真阅读，只是快速而粗略地扫描屏幕上与目标相关的东西[4]，这些用户不熟悉的词汇往往被认为是与目标无关，直接被忽略掉。可以把“OPAC”换成“馆藏书刊搜索”；“E读”换成“全国高校馆藏搜索”；“查收查引”换成“论文收录引用”；“题名”换成“书名/篇名”；“责任者”换成“作者”；资源发现系统因为实现的是图书馆纸质和电子馆藏的一站式搜索，所以一般采用学校特色名字加上搜索或学术搜索的形式，例如，清华大学图书馆的“水木搜索”、北京大学图书馆的“未名学术搜索”、南方科技大学图书馆的“南科学术搜索”、浙江大学图书馆的“求是学术搜索”等。

2.2关注度高的栏目放在醒目的位置上

关注度高的栏目放在首页醒目的位置上可以有效提高网站的用户体验。网站栏目的关注度可通过网站分析工具来统计。目前，免费的网站分析工具有十余种，比如，GoogleAnalytics、CrazyEgg、Yahoo!WebAnalytics、百度统计和CNZZ的站长统计等。其主要采用当前较为流行的基于脚本（JavaScript等）的统计方式，这种方法需要在网站的Html代码中嵌入一段脚本来统计网站的被访问情况。馆员可通过网站访问情况统计分析，来确定网站中用户关注度最高的栏目。以南方科技大学图书馆旧版网站为例，关注度最高的栏目是“数据库导航”，关注度为11.32%；其次是“馆藏资源搜索栏”，因该版网站中没有资源发现系统，所以主要搜索馆藏纸本资源，关注度为9.47%；关注度第三的栏目是“我的图书馆”，关注度为7.02%。在新网站的设计中就要把这3个栏目放在网站中最醒目的位置。一般情况下，网站的上半部分和中左部分的被关注度要高于右半部分和下半部分。网站中最醒目的位置的确定可以在新网站的测试过程中，通过眼动跟踪技术记录用户在使用网站时所注视的网站的位置，从而找出网站的关注“热点”———网站中最醒目的位置。

2.3遵从网站形成的惯例

当一个人访问一个新网站的时候，他寻找信息的第一个位置就是在其它大多数网站找到它们的地方，所以遵从网站形成的惯例可以减少用户的寻找成本，让用户找起来更方便。比如，语言切换、用户登录、站内搜索等独立于网站结构的功能或内容一般设置在网页顶端；重要的、需求大的栏目应该放在网页上方主导航的位置；相对而言不那么重要、需求不那么大的栏目应该放在下方导航条的位置；网站的隐私政策、免责声明、版权等一般放在底部。

2.4符合用户的心智模型界面设计

符合用户的心智模型主要为了让用户在使用网站的过程中思考降到最低、操作简单到极致。心智模型是影响用户与网站交互时内在的、可预测的认知模型[7]，是隐含在用户内心深处的一种思维方式和思想观念，直接或者间接的影响着用户的行为[8]。也就是说，当用户在网站上寻找某一元素时，并不是从上到下顺序寻找，而是在用户心中已经形成了关于这个元素应该放在哪个位置的预期[9]，然后根据预期去寻找该元素。了解用户的心智模型，可以知道用户心中栏目的位置，从而提升栏目位置与用户预期的位置吻合度；了解用户的心智模型，可以知道某一信息在用户心中应该属于哪个栏目，从而提高栏目的名称与用户心中名称的吻合度。要提高网站界面与用户心智模型的吻合度，可以在网站的建设过程中通过迭代的可用性测试[10]，不断地发现网站中存在的问题，通过布局的不断调整，让用户的操作变得简单、再简单；通过建立清晰的流程和界面，减少用户的思考和寻找时间。最后用户耗费时间最少的界面设计就是最趋近于用户的心智模型的界面。调研用户的心智模型可以通过如实观察法、远程测试法和眼动跟踪技术等方法来实现。笔者采用了如实观察法，无需远程监测法的屏幕共享技术，也不用眼动跟踪仪，只要有台可供用户浏览网站的电脑即可，而且不仅能清晰的观察到用户的操作，直接、及时地获取用户的反馈，还能够捕捉用户的细微反应，挖掘用户内隐的体验信息[11]。比如用户发出“咦？”、“哦！”等声音，或者皱眉、挠头等动作，这些都能反映出存在的问题。如实观察法主要是让被试用户在一个可控制的实验室环境里完成指定任务，通过观察用户信息搜索过程，总结用户的行为数据等[12]，在测试过程中，要减少语言对用户的干扰，切忌引导性过强，要更多地去关注用户的操作行为。可以鼓励用户采用“出声思维法”，即要求用户在操作时，将完成任务时所有的思考、行为、感受都描述出来，这样测试员更容易发现用户行为背后的原因。例如，在南方科技大学图书馆网站的调研中发现，用户在完成“查看我的借阅信息”的任务时，偶尔使用图书馆网站的用户，受其它网站的影响会在网站的顶端寻找“我的”相关栏目；经常使用图书馆网站的用户，因知道该信息会在“我的图书馆”中找到，所以找寻的栏目会锁定在“我的图书馆”，而找寻的位置会受到图书馆旧版网站的影响，在网站中间的直接导航部分找“我的图书馆”栏目。综合这两种情况，在新版网站的设计中将“我的”放置在网站上方全局导航的区域，“我的”这个栏目被设计为用户的个人空间，里面的内容包含用户的个人基本信息、借阅信息、荐购信息等“我的图书馆”中查询和操作的信息以及网站的个性化定制内容。另外，在网站的直接导航区域设置“我的图书馆”的入口，方便读者进入“我的图书馆”。

2.5建立清晰的视觉层次感

建立清晰的视觉层次感可以在用户浏览网页时形成良性引导，从而减少用户的寻找时间。用户在浏览页面时会对网站页面的视觉层次进行分解，筛选出需要的东西。好的视觉层次通过预先处理，用一种用户能快速理解的方式对页面进行组织并根据模块的优先级进行排列，从而减少了用户的寻找时间。大小、颜色、对比、对齐、亲密性、紧密与留白都是制造视觉层次的好工具。大小往往与重要性结合起来，最大的元素大部分情况下都具有最大的重要性。颜色在组织和个性两方面都起到作用，醒目、对比强烈的颜色在特殊的元素中会引起更大的关注（比如，按钮、超链接或错误信息）；在个性方面，豪华、舒适的颜色会给页面带来感情上的吸引力。对比能够体现出相对的重要性。对齐能够体现出元素们之间的组织关系。亲密性是将关系紧密的内容组织起来的最快方式。紧密与留白的和谐搭配，既能体现内容之间的相互关系，又能避免紧密给用户带来的信息过量之感。

3导航设计

导航是网站内用户的指示路标，可以说是网站最为重要的设计环节，它引导着用户进行浏览和查找信息，一个好的导航能够让用户在离开网站时犹如享受了一次愉快的旅程。导航设计首先要将网站的信息进行组织分类，一个精心组织分类的链接体系能够采用简约的风格，将信息梳理到最符合逻辑、最易于用户理解的类目，让用户不经迟疑、无需复杂操作就能访问到他们想要的内容。

3.1信息的组织与分类

信息的组织与分类是导航设计的基础[13]，好的导航能够将繁复的页面内容组织起来，梳理出其中的逻辑，按照层级关系，建立起简洁易懂的栏目信息架构。卡片分类法是一种以用户为导向的有效的组织信息的方法，可以设计出符合用户心智模型的信息架构。卡片分类法分为开放式和封闭式两种[14]。开放式卡片分类法给被试人员足够的自由度来进行信息归类，测试者不仅可能会得到丰富的分类结果，而且有力于发现栏目命名存在的问题，所以一般用于信息分类的前期，用于获取用户对图书馆服务及资源项目的理解情况。开放式卡片分类法由测试者将写有图书馆的相关介绍、服务、资源等名称的卡片完全打乱后分发给被试人员，被试人员可以完全自由地决定把卡片分成几组，每组有多少张卡片，最后再由被试人员为分好组的卡片命名。在开放式卡片分类阶段，能够发现命名不合理的栏目，能够获得被试人员理想的分组命名。例如南方科技大学图书馆网站在开放式卡片分类调查过程中发现，“新馆风貌”页的名称存在问题，因为对于馆员而言，启动校区的图书馆为旧馆，当前使用的图书馆为新馆。但是对于学生而言，他们并不知道启动校区图书馆，所以当前使用的图书馆就称不上新馆，使用“馆舍风貌”命名则更为合适；关于栏目的分组命名也有收获，旧版网站中使用“关于图书馆”栏目，而用户会更喜欢给它命名为“关于本馆”；“资源查找”用户更喜欢给它命名为“资源导航”等。封闭式卡片分类法可在开放式卡片分类法之后使用，由测试者先确定出栏目分组的个数和名称，再将属于这些分组的卡片分发给被试人员，让被试人员根据自己的期望，把卡片归类在不同的分组名称下。如果有些卡片被测人员不知道该将它分到哪个分组名称下，可以将它拿出来，不一定要把所有卡片分完。封闭式的分类更利于掌控，可以用于对信息架构设计结果的有效性进行验证。

3.2导航功能模块设计

虚拟的网络世界不像现实世界中有明显的方向感，若没有清晰的导航和位置信息可能导致用户迷失方向。成功的导航通过各种标识和路径的显示，让用户在导航系统中清楚地认识到网站信息结构和自己浏览到的位置[15]。导航按照在网站中所处的区域与功能的不同分为：全局导航、局部导航、直接导航、面包屑导航、网站地图等。全局导航，也就是通常所说的主导航，是网站的一级菜单，通常以横条的形式设置在网站全局区域较为显著的位置，提供覆盖整个网站的通路，能够展现网站的全貌。用户通过全局导航可以随时从网站的最底层页面到达任何其它页面，实现各个页面之间的跳转。局部导航，也称为副导航，是全局导航的补充和延伸，专门针对网站二级以下的栏目，在帮助用户浏览网站页面时起辅助作用，主要用于有序浏览目录内的具体内容。直接导航，是在首页中设置的直接将用户引导到网站内任意指定位置的导航，直接导航可以跨越多个层级而直接指向链接目标，是为迎合用户需求而设置的到达页面的快捷途径。面包屑导航，这个导航名称来自于童话故事，面包屑是汉赛尔在进入森林的路上偷偷洒下的，是一种“历史记录”的应用方式。面包屑导航能够呈现用户当前在网站中所处位置，记录用户的浏览路径，表达当前内容的归属关系，可以帮助用户方便地通过路径返回到上一级页面。网站地图，将网站的所有页面名称按照结构层次放置在一个页面中，展现整个网站的信息架构，通过链接的方式，帮助用户在一个页面中快捷、准确地找到想要的页面。网站的导航设计就是通过上述不同类型导航的合理设置与相互搭配，最终实现网站的便捷浏览、信息的有效获取。

4结语

网站设计的重中之重不是界面设计的多么美观，运用的技术多么炫酷，而是网站的设计是否符合用户体验，能否让用户轻松、快捷的完成操作。基于用户体验的网站设计强调以用户为中心，设计出符合用户审美体验、认知特点和使用习惯等与用户心智模型相契合的系统，但用户的审美、认知特点、使用习惯以及心智模型都不是一成不变的，而且包含很多隐性的因素，需要经过一系列细致的调查、测试、优化等步骤，才能逐步提升用户的体验。

参考文献：

[1]李小青.基于普遍心理分层理论的Web用户体验模型设计[J].情报资料工作,2010,(1):62-65.

[2]毕剑,刘晓艳,张禹.使用响应式网页设计构建图书馆移动门户网站———以云南大学图书馆为例[J].现代图书情报技术,2015,255(2):97-101.

[3]张晓景.网站用户体验全程揭秘[M].北京:清华大学出版社,2014.

[4]如何运用视觉表现建立网页的信息层级[EB/OL].[2015-03-19].

[6]SmashingMagazine.众妙之门：用户体验设计的秘密[M].邱胤炎,林本杰,译.北京:人民邮电出版社,2014.

[7]吴鹏,张佩佩,甘利人.网站用户信息获取中的心智模型研究[J].情报学报,2011,30(9):935-945.

[8]黄群,朱超.基于用户心智模型的产品设计[J].包装工程,2009,30(12):133-136.

[9]SusanWeinschenk.设计师要懂心理学[M].徐佳,马迪,余盈亿,译.北京:人民邮电出版社.2014.

[10]林一,陈靖,刘越,王涌天.基于心智模型的虚拟现实与增强现实混合式移动导览系统的用户体验设计[J].计算机学报.2015,38(2):408-421.

[11]李海涛,宋琳琳.用户使用网站的心智模型测量方法的选择及应用[J].情报理论与实践,2015,38(2):11-16.

[12]孙丽,田才.基于用户体验的网站信息构建模型[J].情报科学,2010,28(6):907-910.

[13]刘津,李月.破茧成蝶：用户体验设计师的成长之路[M].北京:人民邮电出版社,2014.

[14]蔡剑,詹庆东.基于卡片分类法的网上书店信息构建实证研究[J].图书情报工作,2011,55(10):121-125.

[15]胡昌平,邓胜利.基于用户体验的网站信息构建要素与模型分析[J].情报科学,2006,24(3):321-325.

作者：邱建玲 单位：南方科技大学图书馆