周義剛 聶華 韋成府等


摘要:在分析北京大學圖書館舊版門戶的現狀與問題,考察新信息環境下用戶信息行為的變遷及其對圖書館門戶設計的影響與要求的基礎上,圍繞理論研究及案例調研、美工設計方案選型、項目規劃與組織實施、內容建設、技術實現等方面,介紹北京大學圖書館新版門戶的設計理念與實現過程,以期為學術圖書館門戶建設提供實踐案例參考并引領Drupal在高校圖書館中的應用。
關鍵詞:圖書館門戶 用戶需求 網站調研 界面設計 內容建設 模塊開發
1 背景
隨著信息環境的演變和信息資源突飛猛進的發展,圖書館門戶作為形象展示窗口的功能持續保持,而作為助力用戶快速獲取海量資源以及便捷利用多樣服務的功能日益凸顯。北京大學圖書館門戶是學校信息化建設的重要組成部分,在北大建設世界一流大學的過程中不僅發揮著重要作用,而且也是重要的標志之一。
1.1 現狀與問題
北京大學圖書館舊版門戶系統于2006年初發布并投入運行,到計劃改版之時已運行了6年多的時間。隨著外部環境的變遷以及信息技術的發展,舊版門戶在框架、功能、內容呈現以及美工設計等方面都積累了一些問題。一方面,舊版門戶集成了統一認證、統一檢索、學科導航、資源鏈接與全文獲取、在線咨詢等核心功能,較好地滿足了教學與科研的信息資源保障與服務要求;另一方面,隨著圖書館信息資源和服務的不斷拓展和深化,舊版門戶的不適應性也日益突出。通過對專業門戶開發商、讀者、館員、門戶維護與管理人員的調研情況來看,舊版門戶主要存在以下幾方面的問題:(1)門戶設計必備要素缺失,如到達站點主要網頁的鏈接,覆蓋整個網站通路的主導航,以及傳達當前位置信息,提示用戶主頁到當前頁的路徑或者返回上一級菜單/回到主頁的面包屑等;(2)搜索框不突出,無法激發用戶的檢索沖動;(3)缺少互動功能,沒有分享與訂閱;(4)對主流瀏覽器的兼容性不好。
1.2 用戶信息行為的變遷
過去幾年是圖書館門戶從“以服務為中心”向“以用戶需求為驅動和用戶參與為中心”轉型與嬗變的關鍵時期。新的信息技術應用持續不斷地影響著用戶,激發出新的用戶信息需求,并改變著用戶信息獲取的方式與途徑,對圖書館的信息服務產生了深遠的影響,同時也為圖書館的發展帶來了新的挑戰,要求圖書館門戶的服務能力不斷提升。
目前,用戶獲取信息的主要方式是搜索引擎。OCLC早在2005年完成的針對學生們的調查已顯示出,89%的大學生檢索信息時從搜索引擎開始,2%的大學生從圖書館網站開始檢索;JISC在一份名為《未來研究者的信息行為》的報告也表明:“Google一代”(即1993以后出生的孩子)從表面上看似非常輕松,且對計算機相當熟悉,但他們過分依賴于搜索引擎,瀏覽、跳讀多于閱讀,在搜索時缺乏耐心。而對任何延遲他們獲取所需信息的情況都表現出“零忍耐”,現在正成為從中小學生到研究生再到教授等所有年齡階段人群的共性。針對用戶對搜索引擎的依賴及缺乏耐心的行為特點,新門戶的設計需要重點突出對海量資源的搜索功能,并遵循經典的設計原則,提升用戶體驗。
2012年7月,由CNNIC發布的第30次《中國互聯網絡發展狀況統計報告》顯示,在2012年上半年,手機已成為我國網民的第一大上網終端,中國網民互聯網接人方式已呈現全新格局。報告也指出,用戶對信息需求的個性化和社會化兩種傾向越來越強;同時,用戶愿意更多地參與到信息的社會共建、共享中來。可見新門戶的設計需要重點強調移動圖書館服務,增加分享與互動功能,以滿足用戶的需求。
另外,當今大型的、流行的門戶網站(如亞馬遜、蘋果、豆瓣等),信息內容的表現方式不再僅僅是文字,而是圖片、動畫、聲音、視頻等更為豐富的表現形式。這些直觀的、可視化的表現形式,更加貼近用戶,有助于用戶的理解。
2 定位與功能
圖書館門戶必須符合網絡環境下的用戶需求,吻合其習慣。通過互聯網開放的圖書館門戶所面向的是關注點不一、需求各異的多個用戶群,使得門戶設計工作變得更加復雜。北京大學圖書館新門戶的定位是一個綜合性、學術型的圖書館門戶,是面向北大師生的信息資源發現和信息服務提供的平臺。門戶不僅需要整合既有的發現系統、資源鏈接與全文獲取、統一認證、OPAC系統、數據庫導航、電子期刊/電子圖書導航等系統,還要突出揭示參考咨詢、用戶培訓、館際互借等傳統和創新服務,與此同時,一些新興的應用與資源(如移動圖書館、數字特藏等),更要予以關注和強調。
3 前期調研與準備
門戶建設是為北大圖書館110周年館慶獻禮的重點項目,圖書館成立了新版門戶建設工作組,由主管副館長牽頭,組織全館各部門廣泛參與,共同開展新門戶的建設工作。項目建設前期做了大量的調研與準備工作,包括用戶需求調研、主頁設計與交互設計相關理論研究、界面設計調研、技術方案的考察調研以及確定等。
3.1 商業產品與開源產品調研
圖書館選擇了Oracle WebCenter和IBM Web Sphere Portal兩款商業門戶產品,Liferay、Grid Sphere、JBoss Portal等開源產品,以及開源內容管理系統軟件產品Joomla、Drupal、WordPress進行了調研。從花費、文檔與技術支持、產品功能、產品穩定性、代碼開放性、易用性和易學性方面進行了比較分析,并且充分評估了團隊的技術實力,最終決定選擇開源的內容管理系統軟件作為新門戶的開發平臺。
3.2 Drupal、Joomla測試比較
近年來,北大圖書館一直在關注開源內容管理系統軟件的發展與應用。系統部的開發團隊在4年前即開始使用WordPress進行應用系統的開發工作,并成功上線提供服務。針對圖書館門戶項目,團隊重點選擇Drupal和Joomla進行安裝測試和比較評估:雖然Joomla界面更漂亮、操作簡單、上手更快,但部分插件已經開始收費;相較而言,Drupal具有更好的靈活度和更高的穩定性,更適合做二次開發。因此,最終選定Drupal作為新門戶的開發平臺。endprint
3.3 相關理論研究
對于面向用戶的圖書館門戶網站,是否擁有良好的用戶體驗是決定該門戶能否成功的關鍵之一,而良好的用戶體驗是建立在合理的交互設計、界面設計、內容布局之上的。因此,前期進行交互設計相關理論學習,并在新門戶建設工作組內進行理論研討,廣泛地達成理論認知上的共識和理念上的統一,非常重要。
Steve Krug在Dont Make Me Think一書中指出可用性三大定律:(1)別讓我思考,讓界面的一切信息變得不言而喻;(2)點多少次都沒有關系,關鍵是每次點擊都無需思考;(3)去掉每個頁面上不必要的文字。這是網站設計的根本原則,只有以此原則進行交互網站設計,才能讓用戶簡單、舒適地使用網站。
另外,我們充分遵照10個啟發式評估標準來設計新門戶,這里重點列出5個:使用用戶習慣或熟悉的表達;一致性和標準性;靈活和高效的使用;美學和最簡設計;用戶控制和自由等。在實際工作中,我們對標題進行優化,讓它一目了然,不需要用戶花時間猜測,導航、頁面元素的命名都是如此;通過改變信息架構,使用隨處可見的導航、面包屑、站內搜索等等幫助用戶靈活高效地使用網站,方便用戶在頁面間跳轉;美觀、簡潔的設計是設計原則之重。
針對意見分歧較多的導航設計、頁面元素的確定等,主頁建設小組成員認真學習頁面線框圖教程并多次進行宣講和討論,最終認同并接受:(1)導航的扁平化是剛性需求,甚至要“不擇手段”地達到這個目標;(2)縮短瀏覽路徑,避免將內容埋藏太深,才能有效幫助用戶快速找到目標內容;(3)采用Tab選項卡是目前經常使用的屏幕復用方法,但這是不得以而為之;(4)導航中欄目的個數及先后排序看似簡單,但確有講究;(5)頁面中有多少元素,每種元素占用多大屏幕面積,都需要認真權衡。在這些理論的支撐下,通過不斷的歸并為導航減肥,并按照用戶的掃描習慣及導航各欄目的權重,為導航欄目排序;且頁面元素都是需要重點突出的服務與資源,并不是所有內容的羅列。
3.4
國內外相關網站的調研
在進行平臺選型及理論知識學習的同時,還開始對國內外82個同行單位的網站進行調研,范圍覆蓋了歐美、亞洲、港澳臺地區以及國內的大學圖書館,美國與中國的公共圖書館、國內外著名網上書店等。調研的目標是:為圖書館新門戶界面設計提供依據,為建設一個既能繼承和彰顯北京大學的傳統和文化特色,又能融入現代的、流行的網頁設計元素,并且欄目設置合理、內容豐富、更新及時、運行穩定的圖書館門戶打下基礎。調研內容包括:主導航元素設置、首頁頁面元素設置、實用工具元素設置、頁面框架設計、視覺效果。
(1)主導航元素設置
通過對49個英文圖書館門戶網站以及22個中文圖書館門戶網站的調研,得到中英文圖書館門戶網站主導航元素名稱被用到的次數,如圖1、圖2所示。
統計各圖書館門戶網站主導航元素設置的數量后可知,73%以上的英文圖書館門戶網站都設置了4個以上的主導航元素,最常設置的元素數量是5和6,分別占22.44%和16.3%;而55%的中文圖書館門戶網站都設置了5個以上的主導航元素,最常設置的元素數量是5和6,各占18.18%。
分析各門戶網站導航元素名稱的次數累計情況后發現,中文和英文前12個最常使用名稱存在一定的重復,說明不論是國內還是國外的圖書館都有相似的關注點,都希望在導航上設置相似的重要信息模塊。其中,關于、讀者服務/服務、首頁、館藏、資源、指南、圖書館概況等7個名稱是最常被使用到的,也可以說是圖書館主頁導航的常用必設項目。
(2)頁面元素設置
通過導出頁面元素名稱的次數累計,以下10個頁面元素名稱是英文和中文圖書館網站主頁中最常被設置的:面向圖書館資源的綜合搜索欄、新聞、讀者服務、快捷鏈接、關于、幫助、查找資料、咨詢臺、指南、大事件/事件。
(3)實用工具(指到達網站中不屬于內容層次的重要功能元素的鏈接,如主頁,關于我們,幫助,站點地圖,聯系我們等)元素設置
通過統計分析,83%以上的中英文門戶網站都設置了1個以上的實用工具元素。通過比較,其中7個實用名稱在英文和中文圖書館門戶網站中最常被用到:所在大學的主頁、網站地圖、圖書館主頁、服務時間/開館時間、咨詢臺、聯系我們、網頁搜索/站內搜索。
(4)頁面框架設計
有關頁面框架設計的調研,主要從2個方面來進行,一是導航的設置,二是首頁頁面的分欄情況。在調研的64個圖書館門戶網站中,有62%的網站設置了主導航;48%的網站分為兩欄,32%的網站分為三欄,兩欄和三欄是比較常用的形式。
(5)視覺效果
有關視覺效果的調研,主要從是否突出顯示搜索欄、頁面長度、網站的主色調三方面展開。
·搜索欄:在調研的圖書館門戶網站中,從視覺上突出搜索欄的占61%,主要有以下幾種方式突出顯示:從位置上(在圖書館標志下方、在主導航的正下方、在網頁右上角、在頁面其他明顯的位置)、大小(占主頁頁面大小的一半左右)、留白(為搜索欄劃出特定的區域,背景大量留白)、采用標簽欄或彩色標簽欄的形式。
·頁面長度:主要有兩種:匹配屏幕型和縱向延伸型。通過調研,有65%的圖書館門戶網站都采用了長度與屏幕匹配的形式,35%采用了超出屏幕長度的縱向延伸的形式。
·網站的主色調:藍色為眾多圖書館采用的主色調,占47%。另有19%的網站采用紅色為主色調,14%的網站采用了黃色或棕色系的顏色。
4 設計原則與思路
基于以上的調研情況和門戶建設小組的廣泛討論,最終確定新門戶設計的原則與思路:
·跨部門合作,集全館各部門力量協作完成新門戶的建設;
·繼承并優化舊版門戶中的服務;
·頁面內容基本保持不變,重新分類組織,確保名稱規范、歸類精準;endprint
·門戶首頁應突出導航、搜索;
·改變視覺設計,導讀清晰;
·優化站點層次,改變架構;
·以交互設計理論為指導,以用戶需求為驅動建成功能完備、性能穩定、界面簡潔清晰的圖書館門戶。
4.1 整體架構
由系統部提出首頁框架及主導航、頁面元素設置,各服務和業務部門提出欄目歸并及修改意見,通過元素合并,最終主導航確定為:本館概況、服務、資源、分館、咨詢臺,頁面元素為:綜合搜索框、最新消息/最新資源、大圖片輪播、階段性服務、咨詢臺、捐贈、常用服務、資源等,工具元素為:站內搜索、登錄、語言、分享(見圖3)。
4.2 美工設計方案選型
美工設計的要求是:突出搜索、頁面簡潔、圖文結合、在首頁突出開館時間、學習空間等學生經常咨詢的問題、突出服務與資源、主色調是藍色、預留一定的空間給日后新增的服務等等。
根據交互設計理念和之前的調研,并在主頁建設組內多次討論后,最終確定主頁的設計自上而下分為三大部分:第一部分是主導航和搜索欄,主導航包含了主頁上的所有內容,通過搜索欄可以查找圖書館內的資源;第二部分是一些動態性的內容,包括最新消息/最新資源、重點宣推的服務、階段性服務;第三部分是常用的服務和資源,這部分內容在主導航中均已涵蓋,主要是突出圖書館的服務與資源。另外,除了藍色版主題,還設計一個北大紅版主題,用于館慶、校慶、國慶時展示;設計一個綠色版主題,在每年春天或迎新的時候使用。
5 組織與實施
5.1 人員分組
北大圖書館新門戶建設凝聚了全館各部門的辛勞與智慧。為了確保新門戶改版工作的順利開展,按照Drupal平臺的開發規范,將新門戶工作組成員分成架構組、內容建設組、模塊開發組、美工設計組、主題開發組,各組之間既有明確的分工,也有相互的配合與協作。其中,架構組由主管副館長牽頭,辦公室及系統部相關人員組成,主要負責:收集并整理系統需求,進而創建合理、完善的系統體系架構;確定并把握系統開發的關鍵點,如系統需求、系統設計、系統實施、系統部署等;平衡各類不同的觀點,并保證相關決策的有效傳達和貫徹;協調整個門戶建設的技術工作。內容建設組由辦公室、咨詢部、多媒體部、資源建設部、流通部、特藏部、古籍部、系統部相關人員組成,主要負責讀者問卷設計與調查,內容添加與歸并、組織與整理等。模塊開發組、美工設計組及主題開發組主要由系統部人員組成,分別負責功能開發,美工設計聯系與溝通,PSD切圖,不同瀏覽器的CSS調試等工作。
5.2 內容建設
內容建設主要包括舊版門戶內容的重新整理、組織與遷移,以及部分新增內容的添加。根據既定的主頁架構圖,由系統部提出主頁內容建設的任務清單、內容提供模板及要求,各服務和業務部門保質保量并按時完成內容提供的工作。為了便于內容建設,還按欄目設置重新組織了主頁內容。
在著手進行內容建設之前,制定了嚴格的內容提供格式以及URL命名規范,并按照Drupal開發的要求,充分做好內容的術語分類工作,啟用taxonomy模塊,而不是無限制地創建新的內容類型。這些工作的提前規劃,使得內容建設人員在工作過程中有規范可依,有效避免了由于缺少規范而造成的重復勞動和返工。
另外值得一提的是原門戶上最新消息/最新資源的內容遷移工作。幾年下來,這個欄目積累了1300多篇消息類文章,以及幾個G的圖片,如果通過手工一篇篇添加,則需要花費不少的人力。我們利用Drupal的Feeds模板,通過字段映射導入到新門戶系統中,實現了原門戶Oracle數據庫中的數據向新門戶Mysql數據庫的成功遷移,大大節省了體力勞動。
5.3 功能開發
除了熟練運用現有的Drupal模塊,還需要針對已有模塊功能無法完全滿足新門戶系統需求的問題進行二次開發,以及開發一些完全自定義的模塊。
5.3.1 與現有第三方系統的接口開發
·統一認證系統接口
·未名學術搜索接口
·OPAC接口
·數據庫導航接口
·電子期刊導航接口
·館際互借系統接口
·移動圖書館的短信發送接口
以上接口的form表單的實現方式,在這里不詳細闡述。
5.3.2 模塊開發
根據新門戶的功能需求,Drupal的模塊開發集中在以下四個模塊中實現。
(1)統一認證模塊
在校園信息化建設的大環境下,北京大學校園的身份認證系統,與網絡服務(網關、郵件)、選課系統、校內門戶(包含科研信息、財務信息、人事業務等)、校園卡查詢系統都已經實現了密碼統一。這樣各單位的應用系統密碼漸漸被削弱,用戶希望用一套密碼就可以登錄到所有的應用系統中。因此統一認證模塊實現的目標是:①用戶在新門戶上,使用校園門戶的密碼以及圖書館OPAC系統的密碼都可以成功登錄;②一次登錄后,可以將身份信息攜帶到OPAC、館際互借、讀者空間、“我的圖書館”等系統中。
在實際的開發工作中,由于圖書館統一認證系統提供的是Java編寫接口,而新門戶是基于Drupal7進行二次開發,因此首先需要將統一認證接口轉成PHP代碼,然后根據Drupal模塊開發規范和SAML認證工作原理,實現基于SAML協議的登錄請求和用戶信息獲取,以及Drupal外部認證的登錄和退出。
實際效果:用戶登錄新門戶后,能夠直接在“我的圖書館”中查詢借閱狀態,進行續借、預約等操作進入館際互借系統,直接提交館際互借申請;進入讀者空間,進行空間預約、查詢借閱歷史;能夠帶著登錄信息跳轉到OPAC系統以及未名學術搜索的館藏目錄中。
門戶的統一認證模塊,保證了各個異構系統的用戶一致性,大大提高了門戶和應用系統的易用性,提升了用戶體驗。endprint
(2)Banner模塊
通過Banner模塊,實現新門戶的Banner區域中要顯示的信息,包括登錄信息、隨機圖片顯示、站內搜索表單、分享功能。這個模塊屬于一些實用功能的聚集。
(3)URL變更模塊
為方便最新消息的后臺管理和統計工作,將新門戶添加的最新消息對應的URL做更改,讓管理者不用關心最新消息的URL取值,并從URL值就可以看出目前系統中發布了多少條消息。
(4)短信發送模塊
自2011年7月北京大學移動圖書館上線后,圖書館門戶一直提供最新消息的手機訂閱功能,由移動圖書館服務提供短信發送功能。
在新增和編輯最新消息頁面,管理員可以通過CCK添加的“是否發送短信”字段勾選需要發送的短信,已經發送過短信的消息,則會在“短信已發送時間”字段顯示移動圖書館獲取最新消息的時間,有效地避免了消息的重復發送。
5.4 主題開發(CSS調試)
Drupal的內容管理系統與外觀(即主題)控制系統是完全獨立開來的,通過修改和配置主題,可以方便地更改頁面的輸出樣式,從而忠實地反映設計師的設計意圖。
北京大學圖書館門戶是以Zen主題作為網站主題開發的基主題,這樣主題開發人員可以將主要精力集中在主題的結構和布局上,而較少關注函數的實現,從而減輕了一些主題開發工作。
5.5 測試與調優
在系統正式發布前,我們分別從功能、性能、穩定性、安全性、瀏覽器的兼容性等方面對系統進行了充分的測試。在功能上,新門戶除了保留原門戶的所有功能,還改進了統一認證、短信發送、后臺管理等方面的功能,增加了清晰的主導航、網站地圖、站內搜索、分享等功能。使用專業的壓力測試軟件Loadunner和Jmeter后發現,在并發用戶為20一50個時網站響應沒有任何障礙,達到100個并發用戶時響應會變慢,但仍然可以正常提供服務。在安全性方面,新門戶采用的是Linux操作系統,并且根據Drupal的安全配置說明進行配置,對文件系統的權限進行了嚴格的限制;館內的防火墻只對特定終端開通特定端口;另外,Drupal作為一款廣泛應用的內容管理系統軟件,對于常見的攻擊手段,如SQL注人、腳本攻擊、跨站點偽造請求等,都有一套規避方案。在瀏覽器的兼容性方面,充分考慮了IE、Chrome、Firefox、Safari以及其他以IE為內核的瀏覽器。
6 結語
北京大學圖書館門戶自2012年6月18日開始啟動建設,于2012年10月31日發布和試運行,并于2012年11月2日特別推出以北大紅為主色調的節日版主題,受到了讀者的廣泛關注,短短一個月點擊率達到近10萬次。在門戶發布之日,我們通過讀者問卷調查表、公共郵箱、未名BBS廣泛收集意見,并由各分館館員組織本院系師生提交體驗意見,希望通過這些途徑收集讀者對新門戶的反饋,便于日后界面CSS微調與功能的完善。大多數讀者給出了好評,如:高端大氣上檔次啊;較舊主頁更精致;具有時代氣息,很時尚、大方、美觀;比較友善;搜索框設置的很好,比舊版醒目、方便;架構清晰;內容豐富;功能突出;色調搭配較好;新主頁視覺效果清新簡潔,導航功能更加清晰;登錄功能方便等等。當然讀者也提出了一些好的建議,如:頁面底部所占區域較大;字體可適當改改;頁面布局稍顯松散等等。這也是北京大學圖書館門戶進一步完善的依據。由于時間的原因,在前期就規劃好的特藏頁面、捐贈頁面以及綠色版主題尚未完成,這將是未來新門戶建設繼續推進的重點工作。
另外,北京大學圖書館采用開源內容管理系統軟件Drupal作為開發平臺,從服務器環境搭建及配置、內容建設、模塊的二次開發到主題開發及頁面CSS調試,都由新門戶工作組獨立完成。在此過程中,自行總結出一套Drupal建站流程與規范,陸續地應用到館內外的一些建站項目中,取得了很好的效果,希望這一實踐經驗能夠引領與推動Drupal在圖書館中的廣泛應用。
圖書館門戶建設遠遠不是簡單的主頁制作,而是涉及到對圖書館資源與服務的深入梳理與全方位規劃,是需要由圖書館各部門廣泛參與的一項系統工程。深入廣泛的環境掃描、現狀評估、案例調研、理論研究、技術培訓等是必要的前期準備,有效的項目規劃和管理是必要的實施保障,對設計原則和功能定位等達成共識并進行密切的團隊協作,是北大圖書館新版門戶最終得以在短短四個多月中完成建設的重要因素;而在整個建設過程中,高度強調面向新的信息環境中的用戶,以用戶需求而不是館員觀點為驅動,是新版門戶受到廣泛肯定的根本原因。endprint