基于信息可視化下的教學參考書系統界面設計探索

姜琪

摘 要：互聯網+的環境下，隨著高校中各種教學資源系統的建設和發展，利用信息可視化設計，實現教學資源的直觀可視化呈現顯得尤為重要。本文以武昌首義學院教學參考系統為例，從信息結構設計、視覺設計、交互設計方面進行探究，達到提高教學參考書的使用效率和輔助學校教學的目的。

關鍵詞：教學資源、教學參考書系統、信息可視化

基金項目：本文系湖北省高校圖工委基金項目“互聯網+環境下本科教學信息整合與云資源監控機制研究 ” （項目編號：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.