基于信息可視化下的教學(xué)參考書系統(tǒng)界面設(shè)計探索

姜琪

摘 要：互聯(lián)網(wǎng)+的環(huán)境下，隨著高校中各種教學(xué)資源系統(tǒng)的建設(shè)和發(fā)展，利用信息可視化設(shè)計，實現(xiàn)教學(xué)資源的直觀可視化呈現(xiàn)顯得尤為重要。本文以武昌首義學(xué)院教學(xué)參考系統(tǒng)為例，從信息結(jié)構(gòu)設(shè)計、視覺設(shè)計、交互設(shè)計方面進(jìn)行探究，達(dá)到提高教學(xué)參考書的使用效率和輔助學(xué)校教學(xué)的目的。

關(guān)鍵詞：教學(xué)資源、教學(xué)參考書系統(tǒng)、信息可視化

基金項目：本文系湖北省高校圖工委基金項目“互聯(lián)網(wǎng)+環(huán)境下本科教學(xué)信息整合與云資源監(jiān)控機制研究 ” （項目編號：2016YB01）。

高校資源建設(shè)中教材、教參對于教學(xué)質(zhì)量和教學(xué)水平有著直接的影響，伴隨信息技術(shù)高速發(fā)展，教學(xué)參考書系統(tǒng)界面設(shè)計中的信息可視化也面臨著機遇與挑戰(zhàn)。信息可視化設(shè)計目的在于通過圖形化、圖表化手段對信息進(jìn)行直觀的視覺表達(dá)，創(chuàng)造良好的交互體驗，將信息更有效地傳遞給信息受眾，以實現(xiàn)“視覺表達(dá)”的最終目的。本文結(jié)合武昌首義學(xué)院圖書館教學(xué)參書系統(tǒng)界面設(shè)計實踐，從信息結(jié)構(gòu)設(shè)計、視覺設(shè)計、交互設(shè)計方面對此界面的信息可視化設(shè)計進(jìn)行探究。

1 信息可視化的概述

1.1 信息可視化

信息可視化源于圖形學(xué)，由羅伯森（Robertson）、卡德（Card）和麥金利（Mackinlay）于1989年提出“信息可視化”概念。此后，信息可視化方面的研究和文獻(xiàn)陸續(xù)出現(xiàn)，信息可視化作為一個學(xué)科逐漸成長起來。信息可視化（Information Visualization）是一個跨學(xué)科領(lǐng)域，旨在研究大規(guī)模非數(shù)值型信息資源的視覺呈現(xiàn)。伴隨著網(wǎng)絡(luò)信息空間的誕生而形成的， 是必然的產(chǎn)物。[1]互聯(lián)網(wǎng)+時代，信息可視化不單是運用圖形或圖像來呈現(xiàn)信息， 需要借助于圖像技術(shù)及相關(guān)的視覺語言，對數(shù)據(jù)、文本進(jìn)行視覺展現(xiàn)，有利于使用者更好地分析與理解信息內(nèi)容。

1.2 信息可視化設(shè)計

信息可視化的本質(zhì)是從抽象數(shù)據(jù)到可視結(jié)構(gòu)的映射，用來增強認(rèn)知抽象數(shù)據(jù)的交互式的視覺展示。[2]信息可視化設(shè)計是將繁瑣難懂的信息以最簡易有效的方式展現(xiàn)給觀者， 把看不見的信息轉(zhuǎn)化為視覺內(nèi)容， 讓用戶形成優(yōu)質(zhì)的體驗。

2 信息可視化在教參系統(tǒng)界面設(shè)計中的應(yīng)用

在教學(xué)參考系統(tǒng)界面設(shè)計中，結(jié)合我校的辦學(xué)特色及科研資源的實際情況，從信息結(jié)構(gòu)設(shè)計、視覺設(shè)計、交互設(shè)計方面對此界面的信息可視化設(shè)計進(jìn)行探究。

2.1 信息組織結(jié)構(gòu)設(shè)計

信息架構(gòu)（Information Architecture，IA）又叫做信息的組織結(jié)構(gòu)，最早由美國建筑師Richard Saul Wurman于1975年提出。在軟件領(lǐng)域，信息架構(gòu)概念最早來源于數(shù)據(jù)庫設(shè)計。Morville和Rosenfeld¨州在《InformationArchitecture for the World Wide Web》一書中，將信息架構(gòu)概括為數(shù)字領(lǐng)域的一門新興學(xué)科和社會實踐。[3]我校圖書館自主研發(fā)的教學(xué)參考書系統(tǒng)的信息組織結(jié)構(gòu)設(shè)計主要針對組織、搜索系統(tǒng)方面進(jìn)行分析。

組織系統(tǒng)是由組織體系和組織結(jié)構(gòu)組成的。我校圖書館的教學(xué)參考書系統(tǒng)使用模糊性組織體系中的按主題式的組織體系，按照學(xué)院、專業(yè)、課程的主題線組織。便于學(xué)生根據(jù)自己的所隸屬的院系、選擇專業(yè)方向、所學(xué)課程名稱來定位自己需要研讀的參考書籍。在組織結(jié)構(gòu)上自上而下的等級式按照組織結(jié)構(gòu)，建立按學(xué)院、專業(yè)、課程、參考書籍逐級展開的樹形目錄，從屬關(guān)系簡單明了，便于學(xué)生的瀏覽、查找和選擇。

搜索系統(tǒng)在信息架構(gòu)中幫助用戶搜索他們想要的數(shù)據(jù)和內(nèi)容。通過搜索引擎，過濾器等組件，將用戶可能需要的結(jié)果呈現(xiàn)出來。我校圖書館的教學(xué)參考書系統(tǒng)中的搜索系統(tǒng)可以在選擇院系后通過輸入教學(xué)參考書的名稱查找相應(yīng)的參考書籍，可以幫助學(xué)生快速查找到所需參考書籍。

2.2 視覺設(shè)計

我校圖書館的教學(xué)參考書系統(tǒng)在界面信息可視化設(shè)計的視覺表現(xiàn)層面，使信息結(jié)構(gòu)與圖形、文字、符號、色彩等視覺元素之有效呈現(xiàn)。依據(jù)視覺習(xí)慣，即從上至下，從左到右，對界面進(jìn)行合理布局。上方是主題，左側(cè)是按學(xué)院、專業(yè)、課程、參考書籍展開的樹形目錄，右側(cè)是對應(yīng)的參考書目。在進(jìn)行信息可視化整體設(shè)計時，首先統(tǒng)一的視覺元素，表現(xiàn)形式及風(fēng)格上的統(tǒng)一性。其次色彩是最具有表現(xiàn)力的視覺語言，參考書系統(tǒng)把握色彩的設(shè)計原理、視覺特性和色彩的情感因素，創(chuàng)造和諧統(tǒng)一的視覺畫面。

2.3 交互設(shè)計

界面信息可視化的交互體驗主要通過界面操作工具和操控信息元素進(jìn)行實施。我校圖書館的教學(xué)參考書系統(tǒng)界面中嵌入箭頭、返回、翻頁、等圖標(biāo)工具，讓用戶在瀏覽過程中根據(jù)需求靈活操控信息，通過工具圖標(biāo)切換信息，或通過點擊信息節(jié)點探索深層信息內(nèi)容，靈活地控制可視化頁面。

3 結(jié)語

科學(xué)技術(shù)的發(fā)展推動著信息化的進(jìn)程，對于高校圖書館而言，可視化能夠使復(fù)雜的信息變得易懂，本文以武昌首義學(xué)院教學(xué)參考系統(tǒng)為例，從信息結(jié)構(gòu)設(shè)計、視覺設(shè)計、交互設(shè)計方面進(jìn)行探究，希望能在信息可視化的發(fā)展中不斷提高自身能力，提高教學(xué)參考書的使用效率和實現(xiàn)圖書館輔助我校教學(xué)的目的。

參考文獻(xiàn)

[1]李曉梅，黃朝暉.科學(xué)計算可視化導(dǎo)論[ M].長沙：國防科技大學(xué)出版社，1996.

[2]熊瑛，尤斐.信息可視化與視覺設(shè)計[J].藝術(shù)與設(shè)計（理論），2012，2（05）：40-42.

[3]周曉英.信息構(gòu)建（IA）—情報學(xué)研究的新熱點.情報資料工作，2X（）2（5）：6一8.

[4]Web信息架構(gòu)[M]. 電子工業(yè)出版社 ， （美） 莫維里 （Morville， 2008.