基于信息可视化下的教学参考书系统界面设计探索

姜琪

摘 要：互联网+的环境下，随着高校中各种教学资源系统的建设和发展，利用信息可视化设计，实现教学资源的直观可视化呈现显得尤为重要。本文以武昌首义学院教学参考系统为例，从信息结构设计、视觉设计、交互设计方面进行探究，达到提高教学参考书的使用效率和辅助学校教学的目的。

关键词：教学资源、教学参考书系统、信息可视化

基金项目：本文系湖北省高校图工委基金项目“互联网+环境下本科教学信息整合与云资源监控机制研究 ” （项目编号：2016YB01）。

高校资源建设中教材、教参对于教学质量和教学水平有着直接的影响，伴隨信息技术高速发展，教学参考书系统界面设计中的信息可视化也面临着机遇与挑战。信息可视化设计目的在于通过图形化、图表化手段对信息进行直观的视觉表达，创造良好的交互体验，将信息更有效地传递给信息受众，以实现“视觉表达”的最终目的。本文结合武昌首义学院图书馆教学参书系统界面设计实践，从信息结构设计、视觉设计、交互设计方面对此界面的信息可视化设计进行探究。

1 信息可视化的概述

1.1 信息可视化

信息可视化源于图形学，由罗伯森（Robertson）、卡德（Card）和麦金利（Mackinlay）于1989年提出“信息可视化”概念。此后，信息可视化方面的研究和文献陆续出现，信息可视化作为一个学科逐渐成长起来。信息可视化（Information Visualization）是一个跨学科领域，旨在研究大规模非数值型信息资源的视觉呈现。伴随着网络信息空间的诞生而形成的， 是必然的产物。[1]互联网+时代，信息可视化不单是运用图形或图像来呈现信息， 需要借助于图像技术及相关的视觉语言，对数据、文本进行视觉展现，有利于使用者更好地分析与理解信息内容。

1.2 信息可视化设计

信息可视化的本质是从抽象数据到可视结构的映射，用来增强认知抽象数据的交互式的视觉展示。[2]信息可视化设计是将繁琐难懂的信息以最简易有效的方式展现给观者， 把看不见的信息转化为视觉内容， 让用户形成优质的体验。

2 信息可视化在教参系统界面设计中的应用

在教学参考系统界面设计中，结合我校的办学特色及科研资源的实际情况，从信息结构设计、视觉设计、交互设计方面对此界面的信息可视化设计进行探究。

2.1 信息组织结构设计

信息架构（Information Architecture，IA）又叫做信息的组织结构，最早由美国建筑师Richard Saul Wurman于1975年提出。在软件领域，信息架构概念最早来源于数据库设计。Morville和Rosenfeld¨州在《InformationArchitecture for the World Wide Web》一书中，将信息架构概括为数字领域的一门新兴学科和社会实践。[3]我校图书馆自主研发的教学参考书系统的信息组织结构设计主要针对组织、搜索系统方面进行分析。

组织系统是由组织体系和组织结构组成的。我校图书馆的教学参考书系统使用模糊性组织体系中的按主题式的组织体系，按照学院、专业、课程的主题线组织。便于学生根据自己的所隶属的院系、选择专业方向、所学课程名称来定位自己需要研读的参考书籍。在组织结构上自上而下的等级式按照组织结构，建立按学院、专业、课程、参考书籍逐级展开的树形目录，从属关系简单明了，便于学生的浏览、查找和选择。

搜索系统在信息架构中帮助用户搜索他们想要的数据和内容。通过搜索引擎，过滤器等组件，将用户可能需要的结果呈现出来。我校图书馆的教学参考书系统中的搜索系统可以在选择院系后通过输入教学参考书的名称查找相应的参考书籍，可以帮助学生快速查找到所需参考书籍。

2.2 视觉设计

我校图书馆的教学参考书系统在界面信息可视化设计的视觉表现层面，使信息结构与图形、文字、符号、色彩等视觉元素之有效呈现。依据视觉习惯，即从上至下，从左到右，对界面进行合理布局。上方是主题，左侧是按学院、专业、课程、参考书籍展开的树形目录，右侧是对应的参考书目。在进行信息可视化整体设计时，首先统一的视觉元素，表现形式及风格上的统一性。其次色彩是最具有表现力的视觉语言，参考书系统把握色彩的设计原理、视觉特性和色彩的情感因素，创造和谐统一的视觉画面。

2.3 交互设计

界面信息可视化的交互体验主要通过界面操作工具和操控信息元素进行实施。我校图书馆的教学参考书系统界面中嵌入箭头、返回、翻页、等图标工具，让用户在浏览过程中根据需求灵活操控信息，通过工具图标切换信息，或通过点击信息节点探索深层信息内容，灵活地控制可视化页面。

3 结语

科学技术的发展推动着信息化的进程，对于高校图书馆而言，可视化能够使复杂的信息变得易懂，本文以武昌首义学院教学参考系统为例，从信息结构设计、视觉设计、交互设计方面进行探究，希望能在信息可视化的发展中不断提高自身能力，提高教学参考书的使用效率和实现图书馆辅助我校教学的目的。

参考文献

[1]李晓梅，黄朝晖.科学计算可视化导论[ M].长沙：国防科技大学出版社，1996.

[2]熊瑛，尤斐.信息可视化与视觉设计[J].艺术与设计（理论），2012，2（05）：40-42.

[3]周晓英.信息构建（IA）—情报学研究的新热点.情报资料工作，2X（）2（5）：6一8.

[4]Web信息架构[M]. 电子工业出版社 ， （美） 莫维里 （Morville， 2008.