面向用戶(hù)的高校圖書(shū)館網(wǎng)站設(shè)計(jì)

摘 要：面向用戶(hù)的圖書(shū)館網(wǎng)站設(shè)計(jì)，是圖書(shū)館“以用戶(hù)為中心”服務(wù)精神和文化歷練的延伸和深化。文章結(jié)合實(shí)際經(jīng)驗(yàn)，闡述面向用戶(hù)的高校圖書(shū)館網(wǎng)站設(shè)計(jì)原則，希望能讓圖書(shū)館網(wǎng)站設(shè)計(jì)更人性化，簡(jiǎn)單易用。

關(guān)鍵詞：圖書(shū)館網(wǎng)站；網(wǎng)站建設(shè)

隨著網(wǎng)絡(luò)信息技術(shù)的飛速發(fā)展和應(yīng)用，越來(lái)越多的讀者通過(guò)網(wǎng)絡(luò)從圖書(shū)館獲取信息。圖書(shū)館網(wǎng)站成為讀者和圖書(shū)館之間交流信息的重要橋梁，圖書(shū)館各種功能的實(shí)現(xiàn)都離不開(kāi)網(wǎng)站。對(duì)于高校圖書(shū)館來(lái)說(shuō)，尤其如此。高校圖書(shū)館面對(duì)的讀者是掌握了大量信息獲取技術(shù)的學(xué)生和老師，他們更容易通過(guò)網(wǎng)站從圖書(shū)館獲取需要的信息。目前高校圖書(shū)館基本都建立了自己的網(wǎng)站，但高校圖書(shū)館網(wǎng)站長(zhǎng)期以來(lái)經(jīng)歷著讀者的抱怨風(fēng)暴，讀者對(duì)網(wǎng)站的功能、訪(fǎng)問(wèn)速度、界面等都有諸多不滿(mǎn)。

高校圖書(shū)館網(wǎng)站不僅是圖書(shū)館的網(wǎng)絡(luò)信息服務(wù)平臺(tái)，還是圖書(shū)館文化理念和服務(wù)理念的展示平臺(tái)?，F(xiàn)在，“以用戶(hù)為中心”的圖書(shū)館服務(wù)理念被大多數(shù)圖書(shū)館所接受并實(shí)踐。但在圖書(shū)館網(wǎng)站構(gòu)建上，真正能做到“以用戶(hù)為中心”的并不多，這也是圖書(shū)館網(wǎng)站受到讀者抱怨的根源。圖書(shū)館網(wǎng)站只有做到真正的面向用戶(hù)進(jìn)行設(shè)計(jì)，才能滿(mǎn)足讀者需求，更好地體現(xiàn)圖書(shū)館的服務(wù)理念和人文情懷。

1 現(xiàn)狀

目前，我國(guó)高校圖書(shū)館基本建立了自己的網(wǎng)站，但是，真正做到面向用戶(hù)進(jìn)行設(shè)計(jì)的并不多。通過(guò)對(duì)教育科研網(wǎng)上所登記的高校圖書(shū)館網(wǎng)站進(jìn)行訪(fǎng)問(wèn)，并分析，發(fā)現(xiàn)高校圖書(shū)館網(wǎng)站存在如下問(wèn)題：

內(nèi)容組織混亂。高校圖書(shū)館網(wǎng)站通常喜歡將各類(lèi)新聞，圖片，資源信息各種一起放在網(wǎng)站首頁(yè)，這種做法來(lái)源于對(duì)各大門(mén)戶(hù)網(wǎng)站的模仿。這就讓首頁(yè)看起來(lái)很凌亂，用戶(hù)不能很快找到所需信息。信息缺乏必要的分類(lèi)組織，比如對(duì)電子資源的分類(lèi)過(guò)于簡(jiǎn)單，有的甚至沒(méi)有。這種混亂的內(nèi)容組織，缺乏圖書(shū)館應(yīng)具有的專(zhuān)業(yè)性。

網(wǎng)站缺乏使用指引。高校圖書(shū)館網(wǎng)站一般都沒(méi)有給用戶(hù)合適的引導(dǎo)，用戶(hù)在訪(fǎng)問(wèn)網(wǎng)站的時(shí)候，對(duì)有些分類(lèi)、名詞不清楚意思，卻不能找到相應(yīng)的解釋。高校圖書(shū)館網(wǎng)站一般都喜歡在頁(yè)面上發(fā)布咨詢(xún)的qq號(hào)，但這不能從根本上解決網(wǎng)站使用指引的問(wèn)題。

檢索功能不夠完善。高校圖書(shū)館網(wǎng)站提供的檢索功能一般沒(méi)提供關(guān)鍵詞推薦，或者檢索結(jié)果排列不合理。

社交化功能較弱。高校圖書(shū)館網(wǎng)站對(duì)讀者的服務(wù)僅限于提供一個(gè)opac自帶的我的圖書(shū)館功能，但缺乏讓讀者進(jìn)行交流的設(shè)計(jì)。缺乏讀者對(duì)資源的評(píng)價(jià)渠道，缺乏讀者于館員的交流渠道，缺乏讀者與讀者的交流渠道。

用戶(hù)體驗(yàn)差。用戶(hù)訪(fǎng)問(wèn)圖書(shū)館網(wǎng)站的速度差，很多圖書(shū)館喜歡將網(wǎng)站首頁(yè)設(shè)計(jì)得巨大無(wú)比，甚至有幾兆那么大，這就導(dǎo)致用戶(hù)在不同的網(wǎng)絡(luò)情況下所得到的訪(fǎng)問(wèn)感受差別極大。同時(shí)圖書(shū)館網(wǎng)站的頁(yè)面設(shè)計(jì)缺乏美感，讓用戶(hù)缺乏訪(fǎng)問(wèn)的興趣。

缺乏對(duì)資源的推薦。圖書(shū)館信息資源數(shù)量龐大，內(nèi)容豐富，但缺乏一個(gè)有效的資源推薦體系。大多數(shù)高校圖書(shū)館網(wǎng)站都沒(méi)有設(shè)置專(zhuān)門(mén)的資源推薦欄目，或者一個(gè)能結(jié)合讀者需求提供信息服務(wù)的服務(wù)手段。

2 面向用戶(hù)設(shè)計(jì)的技術(shù)

2.1 符合web標(biāo)準(zhǔn)的網(wǎng)頁(yè)重構(gòu)

WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁(yè)主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對(duì)應(yīng)的標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言主要包括XHTML和XML，表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言主要包括CSS，行為標(biāo)準(zhǔn)主要包括對(duì)象模型（如W3C DOM）、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布，也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn)，比如ECMA（European Computer Manufacturers Association）的ECMAScript標(biāo)準(zhǔn)。

用web標(biāo)準(zhǔn)制作的頁(yè)面，對(duì)搜索引擎更加“透明”，因?yàn)榱己们逦慕Y(jié)構(gòu)使得搜索引擎能夠方便的判斷與評(píng)估信息，從而建立更精確的索引。按web標(biāo)準(zhǔn)制作的頁(yè)面也可以在更老版本的瀏覽器中正常顯示基本結(jié)構(gòu)，即使CSS/XSL樣式無(wú)法解析，它也能顯示出完整的信息和結(jié)構(gòu)。符合web標(biāo)準(zhǔn)的頁(yè)面也很容易被轉(zhuǎn)換成其他格式文檔，例如數(shù)據(jù)庫(kù)或者word格式，也容易被移植到新的系統(tǒng)--硬件或者軟件系統(tǒng)，比如網(wǎng)絡(luò)電視、PDA等等。這是XML天生具有的優(yōu)勢(shì)。符合web標(biāo)準(zhǔn)的頁(yè)面也具有天生的“易用性（accessibility）”，不僅僅是普通瀏覽器可以閱讀，那些有殘疾的人們也可以通過(guò)盲人瀏覽器、聲音閱讀器正常使用。

2.2 客戶(hù)端腳本框架

jQuery是免費(fèi)、開(kāi)源的，使用MIT許可協(xié)議。jQuery的語(yǔ)法設(shè)計(jì)可以使開(kāi)發(fā)者更加便捷，例如操作文檔對(duì)象、選擇DOM元素、制作動(dòng)畫(huà)效果、事件處理、使用Ajax以及其他功能。除此以外，jQuery提供API讓開(kāi)發(fā)者編寫(xiě)插件。其模塊化的使用方式使開(kāi)發(fā)者可以很輕松的開(kāi)發(fā)出功能強(qiáng)大的靜態(tài)或動(dòng)態(tài)網(wǎng)頁(yè)。

2.3 響應(yīng)式設(shè)計(jì)

響應(yīng)式頁(yè)面設(shè)計(jì)的主要思路是，頁(yè)面對(duì)瀏覽環(huán)境的尺寸所處的規(guī)格范圍進(jìn)行判斷，并加載對(duì)應(yīng)的預(yù)設(shè)樣式方案，從而響應(yīng)式的調(diào)整布局結(jié)構(gòu)、內(nèi)容元素的尺寸等。如果頁(yè)面的內(nèi)容結(jié)構(gòu)與樣式分離的足夠好，那么這種方式是具有長(zhǎng)遠(yuǎn)保證的，我們不需要為任何現(xiàn)有或?qū)?lái)的、擁有不同屏幕分辨率的設(shè)備面面俱到的進(jìn)行單獨(dú)設(shè)計(jì)開(kāi)發(fā)。這種方式無(wú)論從交互設(shè)計(jì)還是UI視覺(jué)等方面，其實(shí)仍屬于相對(duì)傳統(tǒng)的頁(yè)面設(shè)計(jì)開(kāi)發(fā)模式，并不會(huì)增加太多的成本，可以說(shuō)是一種性?xún)r(jià)比很高的選擇。

3 提高用戶(hù)體驗(yàn)的幾個(gè)途徑

3.1 優(yōu)化頁(yè)面導(dǎo)航設(shè)計(jì)

網(wǎng)站導(dǎo)航的設(shè)計(jì)至關(guān)重要，它能清楚直觀地反應(yīng)網(wǎng)站的整體結(jié)構(gòu)，體現(xiàn)網(wǎng)站設(shè)計(jì)者的思維方式。導(dǎo)航所使用的標(biāo)簽、按鈕、鏈接都不能只是為了點(diǎn)擊而存在，應(yīng)該具有明確的任務(wù)導(dǎo)向。好的導(dǎo)航設(shè)計(jì)應(yīng)該是清楚明了，用戶(hù)一看導(dǎo)航就知道導(dǎo)航是干什么的。也應(yīng)該是簡(jiǎn)潔的，用戶(hù)一眼就能看清楚導(dǎo)航的內(nèi)容。

導(dǎo)航所使用的圖片應(yīng)和導(dǎo)航所表達(dá)的意義相關(guān)。比如導(dǎo)航按鈕上寫(xiě)幫助，而背景圖片卻用了一個(gè)驚嘆號(hào)，這種就是典型的不相關(guān)設(shè)計(jì)。不相關(guān)設(shè)計(jì)就會(huì)導(dǎo)致用戶(hù)的理解混亂。讓導(dǎo)航失去作用。

導(dǎo)航應(yīng)該提供快捷的到達(dá)功能。用戶(hù)能通過(guò)導(dǎo)航快速的發(fā)回上級(jí)或者到大下級(jí)。以及訪(fǎng)問(wèn)其他相關(guān)內(nèi)容。

3.2 優(yōu)化頁(yè)面響應(yīng)速度

圖書(shū)館網(wǎng)站的訪(fǎng)問(wèn)速度是影響網(wǎng)站訪(fǎng)問(wèn)率和用戶(hù)體驗(yàn)的決定因素。通常一個(gè)網(wǎng)頁(yè)10秒都還打不開(kāi)，用戶(hù)就會(huì)選擇關(guān)閉瀏覽窗口。優(yōu)化頁(yè)面響應(yīng)速度有兩個(gè)方面，一方面是要提升網(wǎng)站服務(wù)器的配置，另一方面要在網(wǎng)頁(yè)設(shè)計(jì)上考慮優(yōu)化頁(yè)面的大小。頁(yè)面文件越小，則訪(fǎng)問(wèn)速度越快。

控制使用圖片。比如大面積的顏色豐富的圖片，常常體積會(huì)達(dá)到幾百K甚至幾兆，在網(wǎng)頁(yè)上使用過(guò)多的圖片，也有喧賓奪主的意味。在網(wǎng)頁(yè)設(shè)計(jì)上控制使用圖片，對(duì)于提高網(wǎng)頁(yè)文字的辨識(shí)度和訪(fǎng)問(wèn)速度上，都是非常有意義的。

盡量使用div+css方式進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)。傳統(tǒng)的利用表格進(jìn)行設(shè)計(jì)，在網(wǎng)頁(yè)中有很多的冗余代碼，利用div+css進(jìn)行設(shè)計(jì)，通?？梢詼p少50%的網(wǎng)頁(yè)體積。而且div+css實(shí)現(xiàn)了內(nèi)容與形式的分離，也便于修改和

重構(gòu)。

考慮對(duì)網(wǎng)頁(yè)進(jìn)行壓縮。現(xiàn)代的瀏覽器IE和Firefox都支持客戶(hù)端Gzip，也就是說(shuō)，在服務(wù)器上的網(wǎng)頁(yè)，傳輸之前，先使用Gzip壓縮再傳輸給客戶(hù)端，客戶(hù)端接收之后由瀏覽器解壓顯示，這樣雖然稍微占用了一些服務(wù)器和客戶(hù)端的CPU，但是換來(lái)的是更高的帶寬利用率。對(duì)于純文本來(lái)講，壓縮率是相當(dāng)可觀的。

3.3 新的分類(lèi)組織方法

自由分類(lèi)法是大眾自發(fā)的用標(biāo)簽對(duì)網(wǎng)絡(luò)信息標(biāo)識(shí)和共享的過(guò)程。同圖書(shū)館員利用杜威十進(jìn)制分類(lèi)法編目圖書(shū)資料不同，自由分類(lèi)法沒(méi)有權(quán)威，成形的分類(lèi)文本，而是依據(jù)大眾日?？陬^詞匯對(duì)信息標(biāo)記，其結(jié)果表現(xiàn)為系列的標(biāo)簽總圖，更加直觀地組織和易于共享信息，

自由分類(lèi)法通過(guò)標(biāo)簽?zāi)軌蚩焖俣詣?dòng)的信息聚類(lèi)，支持用戶(hù)組織并發(fā)現(xiàn)相關(guān)信息。聚類(lèi)的方法是排序標(biāo)簽，并用標(biāo)簽的字號(hào)大小來(lái)對(duì)應(yīng)其“受歡迎”程度，結(jié)果是生成系列的加權(quán)列表和標(biāo)簽總圖。

3.4 提高信息內(nèi)容的互動(dòng)性

圖書(shū)館網(wǎng)站的互動(dòng)性，最大的體現(xiàn)在讀者與信息內(nèi)容的互動(dòng)性上。圖書(shū)館網(wǎng)站應(yīng)提供相應(yīng)的渠道，供用戶(hù)對(duì)信息內(nèi)容進(jìn)行評(píng)價(jià)。比如在每個(gè)資源后面設(shè)置打分、留言、回帖、推薦等功能，可以讓用戶(hù)與資源進(jìn)行互動(dòng)。

圖書(shū)館網(wǎng)站還應(yīng)提供實(shí)時(shí)交流平臺(tái)，讓圖書(shū)館工作人員能及時(shí)解決讀者在使用圖書(shū)館過(guò)程中遇到的問(wèn)題，聆聽(tīng)并反饋?zhàn)x者的意見(jiàn)，提高人性化服務(wù)水平。交流平臺(tái)應(yīng)該包括但不限于留言板、論壇、博客、微博、qq群、在線(xiàn)咨詢(xún)等方式。

4 結(jié)語(yǔ)

以用戶(hù)為中心進(jìn)行圖書(shū)館網(wǎng)站設(shè)計(jì)，深入了解用戶(hù)需求，尊重用戶(hù)的行為特診，是提高圖書(shū)館網(wǎng)站服務(wù)質(zhì)量和服務(wù)水平的內(nèi)在要求。圖書(shū)館網(wǎng)站設(shè)計(jì)只有不斷更新理念，綜合應(yīng)用各種技術(shù)手段，才能真正地達(dá)到以用戶(hù)為中心，讓用戶(hù)獲得真正滿(mǎn)意的人性化服務(wù)。

參考文獻(xiàn)

[1] 澤爾德曼著，傅捷等譯. 網(wǎng)站重構(gòu)：應(yīng)用web標(biāo)準(zhǔn)進(jìn)行設(shè)計(jì)（第2版） [M]. 北京：電子工業(yè)出版社，2008

[2] 趙奕. 高校圖書(shū)館門(mén)戶(hù)網(wǎng)站建設(shè)若干問(wèn)題研究[J]. 深圳大學(xué)學(xué)報(bào)（人文社會(huì)科學(xué)版），2011（9）：157-160

[3] 宋麗榮，張煒等. 國(guó)內(nèi)外圖書(shū)館網(wǎng)站建設(shè)研究進(jìn)展[J]. 圖書(shū)館理論與實(shí)踐， 2012（1）：27-29

[4] 潘振杰. 論圖書(shū)館網(wǎng)站的用戶(hù)體驗(yàn)設(shè)計(jì)[J]. 農(nóng)業(yè)圖書(shū)情報(bào)學(xué)刊，2012（6）：154-156

[5] 沈奎林，紹波等. 淺談高校圖書(shū)館網(wǎng)站基于用戶(hù)體驗(yàn)的WEB界面細(xì)節(jié)設(shè)計(jì)[J]. 圖書(shū)館論壇，2013（3）：107-109

作者簡(jiǎn)介

梁雪梅（1978—），女，2001年畢業(yè)于西南大學(xué)，館員，四川師范大學(xué)美術(shù)學(xué)院。