低成本圖書館移動網(wǎng)頁設計淺探

王 嵐

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

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

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

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

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

1 圖書館移動網(wǎng)頁的基本設計元素和內(nèi)容選擇

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

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

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

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

2 創(chuàng)建圖書館移動網(wǎng)頁的低成本選擇

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

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

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

3 圖書館移動網(wǎng)頁啟發(fā)式設計標準

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

3.1 界面設計

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

3.2 用戶友好度

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

3.3 內(nèi)容選擇

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

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

對照以上的移動圖書館網(wǎng)頁啟發(fā)式設計標準進行分析，使用WordPress 與LibGuides 平臺軟件創(chuàng)建的移動網(wǎng)頁在可用性上各有優(yōu)勢與不足。

4.1 界面設計

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

4.2 用戶友好度

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

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

表1 圖書館移動網(wǎng)頁啟發(fā)式設計標準表

5 結論

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

［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，F(xiàn)rom 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.