低成本圖書館移動網頁設計淺探

王 嵐

(安徽省委黨校圖書館，安徽 合肥 230022)

隨著智能手機在教師和學生中的日益普及，人們對創建圖書館移動網頁以滿足教研需要的需求隨之增長。最近的一項調查顯示，用戶通過手機訪問和尋求信息資源的行為呈增長趨勢，這一趨勢支持了創建圖書館網頁移動入口的論點。

皮尤研究中心的一項報道表明57%的手機用戶在廣泛的領域使用手機的數據功能［1］。而在青少年中，有65%使用手機訪問互聯網，40%使用手機觀看視頻。這反映了用戶對于圖書館移動網頁的需求，如此大量的用戶依賴手機作為互聯網入口使得圖書館以移動設備適用的頁面形式提供服務顯得非常必要，為圖書館的信息資源增加移動網頁入口將會使手機用戶享受到更好的服務。

然而，圖書館雜志最近進行的一項關于圖書館移動站點的調查顯示［2］，盡管65%的圖書館為滿足用戶需求已經具有或計劃創建移動網頁，但只有極少數圖書館具有實際可用的移動網頁。其主要原因在于受到觀念、經費、技術等方面的制約，尤其是預算及人力資源的不足困擾了眾多圖書館。

選擇低成本平臺軟件產品創建圖書館移動網頁能夠一定程度克服上述困擾，但很多圖書館在選定了某一平臺軟件后仍不知如何著手實際設計工作，往往采用與本館桌面版網頁相同的創建方式或是效仿其他圖書館移動網頁的創建方式。然而由于各圖書館具體情況的差異，圖書館的移動網頁創建方式亦不盡相同，構建一份“圖書館移動網頁啟發式設計標準”并進行可用性測試能夠幫助圖書館創建設計優良的功能性移動網頁，滿足用戶需求。本文介紹了兩種低成本的移動網頁創建平臺軟件，嘗試提出了包含圖書館移動網頁的基本設計原則與內容選擇的“圖書館移動網頁啟發式設計標準”并運用這一標準對使用所介紹平臺軟件創建的圖書館移動網頁進行了可用性評估。

1 圖書館移動網頁的基本設計元素和內容選擇

圖書館的移動頁面一般是易于創建并適用手機格式的靜態html 形式。很多圖書館將移動版本的網頁作為整個桌面站點的一部分并主要提供以下信息:“開放時間”、“聯系我們”、“使用說明”等。

另外，大多數的圖書館移動頁面還提供有以下的出站鏈接:目錄、數據庫、社交媒體賬戶(例如，Twitter，Facebook)、指南、常見問題解答、新聞等

這些出站鏈接大多指向獨立于圖書館網站本身的移動版本頁面。例如，通過圖書館頁面鏈接到Twitter and Facebook 賬戶時，Twitter and Facebook 將自動檢測移動設備并加載移動頁面和版本頁面。

2010年以前，很少有圖書館將學術內容納入他們的移動頁面，相關調查表明，不到40%的圖書館移動頁面有學術內容鏈接。而隨著Wikipedia，IMDB和各種新聞媒體等應用的日趨流行，通過智能手機獲取所需的信息資源成為一種明顯的用戶傾向，同時，手機適用格式的數據庫和目錄的日益增長也使圖書館通過移動頁面提供基礎服務以外的學術內容鏈接成為可能。

2 創建圖書館移動網頁的低成本選擇

互聯網上有多種可用的低成本移動網頁生成器［3］，以下介紹兩種多數圖書館都有訪問權限的平臺軟件。一是帶有移動設備檢測功能插件的Word-Press 平臺(免費);一是LibGuides 平臺(如果圖書館已經訂購了LibGuides 則免費)。相對于需要掌握大量HTML 專業知識才能創建圖書館移動網頁創建平臺，這兩種平臺軟件僅要求極少量或不要求具備編程知識即可創建移動網頁，并且所創建的基礎移動網頁都具有改良空間，例如通過增加圖標和縮放文本以使頁面更匹配移動設備屏幕等。

WordPress 平臺是可自動檢測移動設備的免費版本軟件。加利福尼亞大學圖書館移動站點測試版，Long Beach (CSULB)(http://mobilelib. wordpress.com/)就是用免費版本WordPress 平臺編輯的［4］。該移動站點上的每一個鏈接都通過博客轉到頁面。頁面內容都是經過最低程度的HTML 編輯從圖書館桌面版站點復制粘貼而來的。而南洋理工大學圖書館的移動站點(http://blogs. ntu. edu. sg/mlibrary.)則是使用WordPress 平臺創建移動網頁的另一個高級應用實例，它綜合使用了WordPress 平臺和LibraryAnywhere 平臺(能夠生成移動目錄的非免費版本)來生成圖書館移動友好頁面。

LibGuides 平臺是適用于創建移動網頁的另一軟件，它能夠幫助圖書館僅花費人力和時間成本就實現移動網頁的創建。據Springshare 公司網站顯示，自2011年7月，世界上超過2，000個圖書館正在使用LibGuides 平臺。由于它不是一個免費工具，眾多圖書館訂購了LibGuides 以獲得免費使用這一移動網頁創建平臺的權限。使用LibGuides 平臺生成移動網面的優點是它能夠提供“測試問題”及其它交互小部件來增進用戶在移動環境中的體驗。一些圖書館如澳大利亞圣母大學圖書館(http://library.nd.edu.au/home)、基石大學圖書館(http://library. cornerstone. edu/)以及海洋城市公共圖書館(http://home.oceancitylibrary.org/index)已經將他們的整個桌面版網站遷移到LibGuides 平臺。

3 圖書館移動網頁啟發式設計標準

關于圖書館網頁設計及可用性方面的廣泛調查表明，圖書館移動網頁普遍存在著諸如圖書館術語及導航菜單有歧義，文本冗繁、架構混亂等一系列問題，可用性嚴重不足［5］，因而為可用性測試方面經驗較少的圖書館提供一套為圖書館移動網頁量身定制的可用性測試啟發性標準作為指導至關重要。可用于圖書館移動網頁設計的可用性測試簡明標準是已出版的相關文獻中缺失的一個重要元素，作者參考已公布的相關標準［6，7，8，9，10］，構建了一份“圖書館移動網頁啟發式設計標準”(見表1)。為了便于圖書館規劃或者修正移動網頁，作者將這一標準歸納為三部分，界面設計、用戶友好度、內容選擇。

3.1 界面設計

這一部分包括了用戶對移動網頁的基本屬性需求，包括轉換為主要移動設備適用格式的能力，用戶可接受的加載時間，始終如一的設計和易學性。

3.2 用戶友好度

這一部分包含確保圖書館用戶能夠很好地使用移動網頁的一系列設計標準，包括鏈接的直觀性、易學性、可預見性、網頁語言的簡潔清晰性，盡可能減少用戶錯誤等。

3.3 內容選擇

這一部分包括移動網頁選擇提供哪些信息資源，所提供信息資源的實用性要求，以及如何界定移動用戶與圖書館員工之間的互動等。這部分標準對于圖書館來說非常重要，它直接關系到設計移動網頁的最終目的——提供信息資源。它能夠保證圖書館移動網頁為用戶提供有效和完整的信息資源及鏈接。圖書館應以用戶需求作為決定何種信息資源及鏈接占據移動頁面上最有價值空間的最主要標準。

4 WordPress 平臺與LibGuides 平臺的可用性評估

對照以上的移動圖書館網頁啟發式設計標準進行分析，使用WordPress 與LibGuides 平臺軟件創建的移動網頁在可用性上各有優勢與不足。

4.1 界面設計

WordPress 平臺支持頁面編碼和字體大小的調整，從而克服“胖手指綜合癥”和并使網頁鏈接更易于適配手機屏幕。WordPress 平臺所創建的移動網頁界面設計上的缺點在于沒有直觀的垂直或者水平導航欄，迫使用戶在瀏覽頁面時需要頻繁使用水平和垂直滾動條。很多使用WordPress 平臺創建的移動網頁在設計上已經盡可能地減少用戶使用滾動條的頻率，但是任何設計思路都無法完全避免這一問題，并且隨著整個網頁上的標簽不斷增加，用戶可能需要更多地使用滾動條。而使用LibGuides 所創建移動網頁則存在相對更多的格式問題，如一些對話框中的文字無法改變字體大小等。

4.2 用戶友好度

在用戶友好度方面，兩種平臺軟件所創建的移動網頁上的標題中都很少使用圖書館專業術語。被復制到WordPress 平臺所創建移動網頁中的文本能夠自動超鏈接到先前的桌面版本網頁文本，而Lib-Guides 平臺所創建移動的網頁則不具備這一特點。

兩種平臺軟件所創建的移動網頁都將添加了超級鏈接的文本與無鏈接的文本以不同的顏色進行了區分，但是都無法添加網址書簽。另外，前文所提到的WordPress 平臺所創建的移動網頁缺乏直觀的水平和垂直導航欄可能導致用戶錯誤。另外，從內容選擇上，兩種平臺軟件所創建的網頁都包含了標準中所列出的設計內容。

表1 圖書館移動網頁啟發式設計標準表

5 結論

不論選擇使用何種平臺軟件創建網頁，一份圖書館移動網頁的設計標準能夠確保圖書館設計的網頁滿足用戶需要。圖書館可以將這一標準用于移動網頁可用性測試周期的第一步。圖書館必須不斷關注移動技術的發展趨勢并監控本館網頁上的用戶行為才能保證持續提供滿足用戶需要的理想網頁。

［1］Pew Research. ( July 7，2010). Mobile access 2010. Retrieved August 1，2012，from www.pewinternet.org/Reports/2010/Mobile－Access－2010/.Summary－of－Findings.aspx.

［2］Thomas，C. L. ( October 5，2010). Gone mobile( Mobile Libraries Survey 2010). Library Journal，2010 Issue 17. Retrieved August 1，2012，From www. libraryjournal. com/lj/ljinprintcurrentissue/88698 7－403/gone_mobile_mobile_libraries_survey.html.csp.

［3］Kroski，E.(April 2011).7 tools to create a mobile library website ( without technical knowledge!)［blog post］. iLibrarian. Retrieved August 1，2012，http: //oedb. org/blogs/ilibrarian/2011/7－tools－to－create－a－mobile－library－website－without－technical－knowledge/.

［4］Travis，T. Edupunk goes mobile: Mobile library sites with zero budget［blog post］.Tiffinianne’s Blog. Retrieved August 1，2012 from http: //tiffinianne.wordpress.com/2011/01/22/8/.

［5］Nielsen，J. ( 2005). Ten usability heuristics.useIt. com. Retrieved August 1，2012，from www. useit. com/papers/heuristic/heuristic _list.html.

［6］Ji，Y. G.，Park，J. H.，Lee，C.，＆ Yun，M. H.(2006).A usability checklist for the usability evaluation of mobile phone user interface. International Journal of Human Computer Interaction(3) :207－231.

［7］Aitta，M. R.，Kaleva，S.，＆ Kortelainen，T.(2008). Heuristic evaluation applied to library web services.New Library World，109:25－45.

［8］W3C. ( July 29，2008). W3C Mobile web best practices 1.0: Basic guidelines. Retrieved Aug 1，2012，from www.w3.org/TR/mobile－bp/.

［9］Nielsen，J. ( July 20，2009). Mobile usability.useit.com.Retrieved August 1，2012，from www.useit.com/alertbox/mobile－usability.html.

［10］Bridges，L.，Gascho－Rempel，H.G.，＆ Griggs，K.(2010).Making the case for a fully mobile library web site: From floor maps to t he catalog.Reference Services Review(2):309－320.websites cr eated by software from WordPress and LibGuides.