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

姜琪

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

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

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

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

1 信息可視化的概述

1.1 信息可視化

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

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

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

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

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

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

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

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

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

2.2 視覺(jué)設(shè)計(jì)

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

2.3 交互設(shè)計(jì)

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

3 結(jié)語(yǔ)

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

參考文獻(xiàn)

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

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

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

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