低成本图书馆移动网页设计浅探

王 岚

(安徽省委党校图书馆，安徽 合肥 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.