基于響應式WEB設計的移動圖書館服務模式研究

陳 靜

基于響應式WEB設計的移動圖書館服務模式研究

陳 靜

論文采用文獻調研和問卷調查相結合的方法，通過對威海地區高校圖書館移動用戶的調研分析，分別從統一的平臺需求、完善的信息需求和愉悅的體驗需求，詳細分析網絡環境下移動用戶的需求。針對目前移動圖書館服務模式不能滿足網絡環境下移動用戶的需求，結合響應式WEB設計提供的技術支持，構建了基于響應式WEB設計的移動圖書服務新模式，為移動圖書館的發展提供新思路。

響應式WEB設計移動圖書館服務模式

DOI10.16810/j.cnki.1672-514X.2016.10.016

隨著網絡和移動技術的迅速發展，一種全新的圖書館服務模式——移動圖書館悄然而生。移動圖書館是指在傳統圖書館數字化的基礎上建立移動圖書館的信息化平臺或模塊，使用戶通過手機、平板電腦等移動終端設備經無線網絡接入到移動圖書館，隨時、隨地、隨需地獲得圖書館相關的信息、資訊、應用和服務[1]。伴隨3G、4G網絡的廣泛應用，移動用戶對移動圖書館服務的需求也隨之變化。傳統移動圖書館服務模式無論從服務功能、服務內容和服務手段上都不能滿足移動用戶的新需求。因此，探索一個既能滿足移動用戶需求，又適合移動圖書館長期發展的新模式是圖書館界急需解決的問題。響應式WEB設計技術的逐漸成熟，為移動圖書館的發展帶來新的機遇。本文通過探尋移動用戶的新需求，分析響應式WEB設計為移動圖書館服務模式提供的技術支持，構建基于響應式WEB設計的移動圖書館新模式，旨在為移動圖書館的發展提供新的思路。

1 網絡覆蓋環境下移動圖書館用戶的需求分析

移動圖書館服務在經歷了服務形式快速創新階段后,正逐步進入以先進技術為支撐、以用戶需求為導向的服務體驗的精細化服務階段[2]。目前，如何根據用戶需求開展移動圖書館信息服務已經受到很多學者的關注。茆意宏[3]對北京、南京、上海、杭州、深圳等地的公共圖書館、高校圖書館和科研圖書館的用戶，從信息內容需求和信息服務需求進行了詳細的調研分析。宋鸞姣等[4]對長沙地區5所高校學生用戶的服務需求和服務類型進行了調查。葉莎莎等[5]對國外127家、國內151家已開通移動圖書館服務的機構所涉及的移動服務項目進行了對比分析。鄭俊德等[6]對北京、上海、江蘇、廣東、湖北等16個省市的高校展開調查，對用戶對移動圖書館服務需求和使用偏愛展開詳細分析。

為了更清楚地了解移動圖書館用戶的需求，筆者在2015年2月對威海地區移動圖書館的用戶需求進行了問卷調查，調查對象包括山東大學（威海）圖書館、哈爾濱工業大學（威海）圖書館，威海職業技術學院圖書館等多個圖書館的移動用戶。共發放問卷580份，回收有效問卷525份，問卷有效率達90%。調查結果顯示，網絡環境下移動圖書館用戶的需求主要可以歸納為3種：①統一的平臺需求；②完善的信息需求；③愉悅的體驗需求。

1.1 統一的平臺需求

移動技術的飛速發展，使得移動設備類型越來越多樣化。比較流行的移動終端系統不僅僅是I-phone、Android、Windows phone等手機平臺系統，還有ipad、Kindle、Galaxy Note等平板設備系統。從調研結果了解到，87%的用戶使用智能手機，26.2%的用戶擁有ipad、Kindle等移動設備。無論是智能手機用戶還是其他移動設備用戶，有62.3%的用戶表示，希望圖書館有功能強大的統一移動圖書館服務平臺，移動用戶無論使用什么系統、什么類型的移動終端都可以通過單一入口訪問所有移動圖書館資源，享受一步到位的一站式集成服務。

1.2 完善的信息需求

信息需求是指用戶以自己的方式表達出來的能夠獲取解決問題所需要的完整可靠的信息要求。用戶的信息需求會隨著情境的改變而改變。在移動環境下用戶的信息需求也會因時間和空間的改變而有新的特點。本文將用戶在網絡覆蓋環境下的信息需求分為顯性信息需求和隱性信息需求。

1.2.1 顯性信息需求

顯性信息需求是指用戶能夠將容易認知的信息，以提問的形式有效表達出來的需求。通過筆者對移動圖書館用戶的調查研究并結合其他學者的調查研究結果，總結出網絡環境下移動用戶的顯性需求主要包括以下幾種：①館藏資源服務（館藏書目查詢、數據庫導航、全文閱讀、學位論文、一小時講座等）。調查顯示，移動用戶對查詢和下載電子資源需求最為強烈。數據庫資源和學位論文資源將會是高校移動圖書館用戶的長期需求。②個人信息管理（個人借閱查詢、圖書到期提醒、超期催還、續借、預約等）。個人信息管理是移動圖書館服務中最早的一項服務，至今移動用戶對查詢借閱情況等需求表現依然比較強烈。③個性化服務（實時參考咨詢，座位預約、文獻傳遞等）。隨著網絡覆蓋面積的擴大和智能移動終端的普及，移動用戶對個性化服務需求逐漸增強。調查顯示，移動用戶對個性化需求排在第三位，僅次于館藏資源和個人信息管理。④教學科研（課程指南、選課、考試信息、精品課視頻等）。調查中，有46.1%的用戶希望可以通過手機或其他移動終端查看教學科研信息，方便自己的日常學習。⑤館務信息（圖書館新聞公告、新生入館教育，圖書館簡介等）。調查顯示，移動用戶對館務信息的需求較前兩年有所下降，排在第五位。

1.2.2 隱性信息需求

隱性信息需求是指被用戶有所意識卻還未能及時有效地表達出來的信息需求。隱性信息需求會隨著使用者的增多或者其他一些客觀條件的刺激而轉為為顯性需求。技術的發展，使得人們的生活有了翻天覆地的變化?，F在人們的生活已離不開移動終端，人們可以隨時利用移動終端學習、工作或者交流等。移動用戶需要通過移動圖書館服務平臺實現的隱性信息需求有以下幾種。①發布個人信息需求。通過移動圖書館服務平臺向外界宣傳自己、表達自己、表現自我以及實現個人價值的需求。②信息交流需求。信息交流是指與他人的溝通?？梢酝ㄟ^社區論壇、圖書館博客等平臺與其他用戶展開交流。③實時參考咨詢需求。參考咨詢則是對學習、對圖書館資源等信息的需求。移動用戶可以通過短信、手機在線咨詢和手機電話咨詢的方式對參考咨詢老師展開咨詢。參考咨詢老師在長期的工作實踐中積累的咨詢經驗、咨詢技巧以及收集資料、整理資料的敏感性，都是移動用戶的隱性需求。④學科館員需求。學科館員是在院系、學科專業與圖書館之間的一座橋梁。移動用戶需要及時與學科館員溝通，需要學科館員有針對性地收集、提供文獻信息服務和個性化服務。

1.3 愉悅的體驗需求

用戶體驗，ISO 9241-210標準[2]將用戶體驗定義為“用戶對使用或期望使用的產品、系統或者服務的認知印象和回應”。即用戶在使用產品或服務的過程中自動建立起來的一種心理感受，包括情感、信仰、偏好、認知、行為、生理和心理反應等。用戶體驗，顧名思義，就是以用戶為中心通過設計實驗來驗證用戶在使用某項產品的個人感受，主要是愉悅度和價值感。由于移動終端界面的限制，傳統移動圖書館提供的信息內容不能像PC電腦一樣清晰簡潔，而是在移動終端界面上形成垂直和水平滾動條。用戶在復雜頁面中的瀏覽和檢索容易產生挫敗感。調查顯示，超過半數的移動用戶對用戶體驗有需求。觸摸是移動終端用戶操作的主要方式，如果網站精美簡潔且富有靈活性，無論移動用戶是放大、縮小、橫放還是豎放，網站能自動調節頁面內容，且圖片漂亮有美感，又有滿足移動用戶需求的視頻播放，這會讓移動用戶非常舒心、愉悅，生產滿足感。

2 國內外移動圖書館服務模式應用現狀

近年來，一些學者對國內外移動圖書館服務模式展開相關調查，無論是在2012年龍泉等通過對SNnes-QS2011世界大學排名前30位的高校圖書館的調查[7],還是葉莎莎等采用網絡調研的方式，對國外移動圖書館的最佳實踐網站M-Libraries中100多個移動圖書館逐一進行訪問和調查[5]，亦或是過仕明等在2013年對39所“985”高校的圖書館和36所省級公共圖書館的展開調查[8]，調查結果顯示，國內外移動圖書館的主流服務模式都是WAP網站服務模式、短信服務模式和APP客戶端服務模式。只是國外APP客戶端服務模式的應用遠比國內更普及。國內開展短信服務模式的圖書館較國外多。國外一些圖書館的短信服務主要用于參考咨詢服務。

當前，國內外正在使用的移動圖書館服務模式普遍存在的不足主要有：服務模式架構不宜推廣；服務內容單一、不完善；用戶體驗不盡如人意。如：SMS短信服務模式雖然信息提醒及時，但是服務內容過于簡單；使用WAP上網的移動終端必須開通GPRS業務、內置瀏覽器，并且WAP網站頁面提供的服務較少；APP針對不同操作系統的移動終端，需要單獨開發應用程序，把各自不同的應用系統信息發送到不同的移動終端，管理非常復雜，開發成本較高。對于用戶的使用體驗，國內由于傳統移動圖書館服務模式的種種限制，鮮有圖書館顧及到這一點。

近兩年來，由于網絡的迅速發展、移動終端的普及以及響應式WEB設計技術的逐漸成熟，響應式WEB技術開始應用于國外圖書館。耶魯大學、牛津大學、密歇根州立大學、弗吉尼亞大學和美國數字公共圖書館等圖書館網站都開始使用響應式WEB設計[9]。在國內，復旦大學[10]、華東師范大學[11]等高校主頁已經采用響應式設計。“國立”臺灣圖書館網站的主導航也開始實現流式布局。響應式WEB設計技術開始運用于圖書館是運用新技術變革圖書館服務的一大進步。但是，如果僅僅把響應式WEB設計技術應用于傳統圖書館網站，由于移動終端屏幕大小各異，無論是在內容、性能、交互性等方面都不能很好地應用在移動終端。因此，需要開發基于響應式WEB設計的移動圖書館網站，基于用戶的設備、位置、連接速度，以及包括技術特性在內的其他變量來提供不同的內容、設計和交互，讓基于響應式WEB設計的移動圖書館服務模式成為未來移動圖書館發展的方向。

3 基于響應式WEB設計的移動圖書館服務模式構建

3.1 設計理念

面對移動圖書館用戶的種種需求，移動圖書館現有的服務模式已無法滿足；且國內移動圖書館服務無論是從服務模式還是服務內容都落后于國外。為了滿足移動用戶需求，提高國內移動圖書館服務質量，本文結合響應式WEB設計特點，在網站設計時不限制固定元素，而是使用百分比靈活布局，根據頁面元素的位置、大小實現動態變化，以期建設一個功能全面的、能夠滿足用戶需求的移動圖書館服務模式。

3.2 模型架構

本文通過調查問卷和網站訪問等方法，在綜合考察威海地區移動圖書館服務功能以及移動用戶需求的基礎上，參考其他學者對“985”院校和公共圖書館服務功能的研究成果，深入把握其共性與差異，根據系統功能規劃，將移動圖書館服務模式劃分為6大模塊設計：館務信息模塊、OPAC集成系統模塊、館藏資源模塊、教學科研模塊、個性化服務模塊和其他信息服務模塊。服務模式架構見圖1。

圖1 基于響應式WEB設計的移動圖書館服務模式架構

（1）館務信息模塊。館務信息模塊是向移動用戶發布圖書館館務信息的陣地。主要包括：圖書館簡介，開放時間和組織機構與辦公電話等信息，以及圖書館新聞公告、圖書館導引視頻和新生入館教育等。

（2）OPAC集成系統模塊。聯機公共檢索簡稱OPAC。OPAC系統是聯系圖書館服務整合用戶需求的一個重要紐帶。中外共有八大OPAC系統。各個系統各有所長。本文以江蘇匯文OPAC系統為例。通過OPAC集成系統，移動讀者可以進行圖書館書目查詢，登陸“我的圖書館”可以查詢個人信息，并完成部分流通功能，如圖書續借、圖書預約、查看借閱史等。通過該系統還可以實現新書通報、讀者薦購等服務，并可以根據用戶需求和愛好實現頁面自定義定制。

（3）館藏資源模塊。館藏資源模塊是向用戶提供數據庫檢索、電子書全文閱讀、音頻視頻圖片資源、自建資源、學位論文等常規服務。

（4）教學科研模塊。教學管理模塊主要為移動用戶提供課程指南、考試信息、選課、精品課視頻等與課程、科研相關信息服務。

（5）個性化服務模塊。個性化服務模塊為移動用戶提供實時參考咨詢、座位預約、研討室預約、文獻傳遞、學科館員信息、數據庫培訓等服務，滿足移動用戶的個性化需求。

（6）其他信息服務模塊。此模塊為圖書館拓展服務模塊，可為移動用戶提供天氣預報、移動應用軟件下載、圖書館微博和社區網絡的鏈接、二維碼訪問等信息服務，滿足移動用戶對圖書館以外的其他信息資源需求。

3.3 平臺搭建

響應式WEB設計移動圖書館服務平臺采用PHP為編程語言，MySQL作為系統后臺數據庫，Windows+IIS+mysql+PHP的運行環境。PHP的語法吸收了C語言、JAVA和Perl的特點，將程序嵌入到HTML文檔中去執行，并且可以執行編譯后代碼。PHP可以使代碼運行更快、執行效率更高。MySQL是將數據保存在不同的表中，而不是將所有數據放在一個大倉庫內，這樣既增加了速度又提高了靈活性。

3.4 技術支持

響應式WEB設計采用了HTML5+CSS3模式。HTML5包含了用于交互、多媒體和本地離線等多方面的標簽和應用程序接口，它可以把WEB帶入一個交互的、音頻、視頻和圖形用戶界面的嶄新平臺。CSS3采用模塊化管理，整合了主要的媒體查詢和流式布局等模塊。響應式WEB設計在頁面流式布局的基礎上，通過CSS3的媒體查詢調整頁面元素在不同屏幕分辨率下的顯示，針對任意設備對網頁內容進行完美布局。

3.4.1 HTML5

HTML5是萬維網核心語言的最新版本，其前身是HTML4.01。它不僅繼承了HTML4.01用于在瀏覽器中呈現富文本內容和超鏈接的特點，而且更側重于在瀏覽器中實現Web應用程序。在響應式Web設計中嵌入視頻是個非常復雜的問題。HTML5不僅允許設計者創建更加簡潔快速的代碼。而且html5中新增了用來處理音頻和視頻的元素audio和video。HTML5通過一個類似Zip文件的方式來管理video文件，實現對video文件的加載和控制。視頻本身是定位的，但是結合max-width技術，視頻就可以在不同大小的屏幕上維持原來的比例，解決了在響應式Web設計中嵌入視頻復雜的問題。

3.4.2 媒體查詢

媒體查詢模塊不但支持定義媒體類型，而且支持上網設備的物理特性的檢測[12]

3.4.3 流式布局

隨著流行設備視口的不斷變化，在固定布局下，僅僅使用媒體查詢來適應不同視口的固定寬度設計，會出現水平滾動條、媒體內容部分內容剪切或是頁面無法匹配等情況，還不能達到理想的效果。所以我們必須把固定布局改為流動布局。流動布局不對任何視口做設定，而是將固定像素寬度轉換成對應的百分比寬度實現流動布局。根據流動布局的定義，整個頁面包含元素＜div id=“wrapper”＞的樣式屬性設置如下:#wrapper{margin:0 auto;width:100%; max－width:1280px;min－width:220px;}。整個頁面的寬度單位使用百分比，設置為100%，頁面內容可隨著視口大小自動調整，頁面內容始終居中。合理設定寬度的最大和最小值．可以防止欄被無限地伸長和收縮。max－width:1280px，主要考慮類似桌面PC的顯示設備。該屬性值是對元素的寬度設置的一個最高限制。元素可以比指定值窄，但不能比其寬，更不允許指定負值。所以max－width的值盡量是大尺寸，高分辨率顯示設備的尺寸。min－width:220px，最小寬度值設置主要考慮移動互聯設備中顯示分辨率一般最小值為240像素，考慮到瀏覽器窗體的邊框寬度，最小寬度應設為220像素。如果包含元素的多個子元素共同占滿整個一行的話，寬度單位也采用百分比，合理分配即可。

事實上，HTML5和CSS3的結合可以提高基于響應式web設計的手機圖書館服務的靈活性和適應性。

4 結語

目前，我國移動圖書館的發展已初具規模，但都是基于傳統圖書館服務模式，本文根據網絡環境下移動用戶的需求，結合響應式WEB設計技術，構建了基于響應式WEB設計的移動圖書館服務模式。移動圖書館服務不僅可以為所有移動用戶提供統一的移動服務平臺，而且突破了傳統服務模式界限，拓展了圖書館服務內容，為用戶提供了最佳的使用體驗，增加了移動用戶與圖書館的互動交流，為圖書館擴展外延服務提供了新的嘗試。

［1］徐俊，曹霞.基于4G的移動圖書館服務模式研究［J］.圖書情報工作，2013，57（1）：141-144.

［2］邢軍，徐春霞.數字圖書館移動服務體系構建［J］.國家圖書館學刊，2012（5）：81-88.

［3］茆意宏.面向用戶需求的圖書館移動信息服務［J］.中國圖書館學報，2012（1）：76-86.

［4］宋鸞姣，李利.面向智能手機的移動圖書館服務需求調查分析［J］.圖書館，2012（5）：75-76.

［5］葉莎莎，杜杏葉.國內外移動圖書館的應用發展綜述［J］.圖書情報工作，2013（6）：141-147.

［6］鄭德俊，沈軍威，張正慧.移動圖書館服務的用戶需求調查及發展建議［J］.圖書情報工作，2014，58（7）：46-52.

［7］龍泉，謝春枝，申艷.國外高校移動圖書館應用現狀調查及啟示［J］.圖書館論壇，2013，33（3）：60-64，24.

［8］過仕明，梁欣.國內移動圖書館服務模式發展現狀與趨勢調研［J］.大學圖書館學報，2014（1）：90-96.

［9］RUSEY E.Responsive design sites：higher ed，libraries，notables［EB/OL］.［2015-01-20］.http：//blog.lib.uiowa.edu/hardinmd/2012/05/03/responsive-design-sites-higher-edlibrari-es-notables/.

［10］復旦大學［EB/OL］.［2015-01-10］.http：//www.fudan.edu.cn/.

［11］華東師范大學［EB/OL］.［2015-01-10］.http：//www.ecnu.edu.cn/.

［12］FRAIN B.響應式Web設計HTML5和CSS3實戰［M］.王永強，譯.北京：人民郵電出版社，2013：24-27.

陳靜山東大學（威海）圖書館信息技術部館員。山東威海，264209。

New Mode of Mobile Library Services Based on the Responsive WEB Design

Chen Jing

This paper adopts the method of combining literature research and questionnaire survey.It analyses mobile users' demand in details under the network environment through the analysis of university library mobile users in WeiHai，and respectively from the perspective of unified platform requirements，perfecting the information demand and enjoyable experience demand.In the view of the present mobile library service model can not meet the needs of mobile users under the network environment，it presents a new mode of mobile library services based on responsive WEB design combined with the technical support provided by responsive WEB design，in order to provide a new method for the development of mobile library.

Responsive WEB design.Mobile library.Service mode.

G250.7

2016-03-02編校：方瑋）