移动图书馆：设计开发移动网站要点

    祝贺大巴重新启程！1月5-13日，整整8天。下面是4天前写好的。

    近年采用移动或手持设备上网，已经成为明显的趋势，移动图书馆网站也越来越多。早在2006年6月West等就介绍了Ball州立大学图书馆应用，2008年7月Kroski的《图书馆技术报告》专题提供了更多图书馆的实例。
    Innovative公司的移动OPAC版本AirPAC已经有不少图书馆采用，包括个人借阅查询与预约功能。OCLC推出WorldCat Mobile也有一年多，但目前限英、美、德、法、加拿大和荷兰使用。两者均有iPhone应用。

    俄勒冈州立大学(OSU)图书馆的Griggs等在Code4lib Journal第8期（2009-09-21）分享了他们创建手机网站的经验：移动图书馆：设计开发移动网站要点（library/mobile: Tips on Designing and Developing Mobile Web Sites）。
    OSU馆手机网站的三个阶段：
        2009年4月发布，包括开放时间、联系我们、FAQ、馆藏分布
        2009年9月增加目录检索、计算机状态
        未来将包括主题指南、课程页面、可加到日历的图书馆活动、基于位置的集成GPS与社会媒体的数字馆藏应用（？）

    目前的内容看着平淡无奇，但也有些精心的设计，如计算机状态显示的是图书馆供读者用计算机的实时空闲信息，OPAC检索结显示相邻索书号，联系电话可直接拨号，Google地图（位置及路线查询）。前3个月，平均每天80个独立用户进程。

    文首一些统计数据，显示了移动上网的爆发势头，并引用W3C的技术文件“移动Web最佳实践1.0”(MWBP)，指出“移动用户与固定或桌面设备用户有着不同的兴趣，他们更直接、目标明确，他们的意图常常是发现与其场景相关的特定类型信息”。对于图书馆，作者设想的一个场景，就是用户在书库中，手中拿着书目，要在架上找到其中的一本书──显然对作者而言，最重要的就是OPAC查询。
    要开发移动应用，三个重要的考虑是：在什么样的场景下、为了什么目的、会或不会用移动设备完成什么样的任务。作者认为移动用户不大会阅读或浏览长篇文档，主要会用基于位置的服务。

    设计移动网站受制于手机浏览器，MWBP认为不应该排除任何特定设备，其建议的缺省配置DDC（Default Delivery Context）：
屏宽：最小120像素
语言：XHTML Basic 1.1 (content type application/xhtml+xml)
字符编码：UTF-8
图像格式：JPEG，GIF 89a
页面最大：20KB
色彩：最小256色
样式表：CSS Level 1及CSS Level 2 (@media rule together with the handheld and all media types)
HTTP：HTTP/1.0或HTTP/1.1
脚本：不支持客户端脚本
    插语：前几天看到“手机网站开发必修课[2009总结版]”，有XHTML、CSS及JavaScript等方面的建议，针对国内手机状况，可以参看。

    要适应智能手机与普通上网手机(smart phones and Web-enabled phones)、优化其体验，文中提供了三种各有千秋的技术，并有若干代码可借鉴：
1、探测设备，提供相应的CSS文档
2、探测设备，转向到多版本页面
3、对同样内容，自动生成特定设备版本

    OSU馆根据MWBP及iPhone人机界面指南（iPhone Human Interface Guidelines），提出了十个方面的设计建议，摘录如下：
1、等级 Hierarchy
   c.获取内容点击不超过3次
2、链接 Links
   b.链接到非移动站点要有说明
   c.点击电话号码直接拨号
3、导航 Navigation
   d.页首含基本导航（首页与返回）
   e.页尾含次级导航（相关链接）
4、页脚信息 Footer information
   a.链接到完整网站
   b. 链接到“关于”及反馈页面
5、页标题、导航链接及URL
   a.页标题及导航链接限15字符
   b.URL短而易于输入 [ORU的URL太长了]
6、页面内容 Page Content
7、页面布局 Page Layout
   a.不使用框架或表格  
   b.不使用像素或绝对单位
   c.不依赖字体相关样式
   d.不依赖内容组织的样式表
8、窗体 Forms
   a.使用下拉菜单、单选按钮、复选框，而非文本字段，以尽量减少打字
   b.减少按键次数
   d.给所有控件以适当的标签，将标签与控件明确关联
9、图像与色彩 Images and Color
   a.设计适应不同屏幕尺寸的Logo
   e.图片应不大于设备屏宽的80%
10、屏幕尺寸 Screen Sizes
   a.设计2个尺寸，普通手机176X220，并可适应128X160；智能手机320X480 

    对手机网站来说，完成前测试至关重要。三管其下的试用：1、桌面浏览器；2、手机浏览器模拟器；3、手机。为了适应最多的手机，都有无数测试要做。
    在试用前，还做了代码测试，包括：
W3C mobileOK Scheme，看网站是否适用于最基本的移动设备
DOTMobi的MobiReady，全面评估网站的手机适用性
    还有设计进行中的用户界面测试，包括：
Paper prototyping
usability metric
    使用评价测试用：
走廊测试：到人多的地方找人测试，给个小礼物，并告知移动供应商会收取费用（据维基百科Hallway usability testing，只需随机找五六个人，可以发现95%的可用性问题）
使用统计：追踪页面使用统计、浏览器类型等

    看到这一部分，感觉特别惭愧，自己好象一拍脑袋就开始做事了，而OSU则准备了一大把测量器具。

原文：
Kim Griggs, Laurie M. Bridges, Hannah Gascho Rempel. library/mobile: Tips on Designing and Developing Mobile Web Sites. Code4lib Journal, issue 8, 2009-09-21

设计参照：
W3C Mobile Web Best Practices 1.0 (MWBP)：http://www.w3.org/TR/mobile-bp/
CSS Mobile Profile 2.0：http://www.w3.org/TR/css-mobile
W3C mobileOK Scheme 1.0：http://www.w3.org/TR/mobileOK/

代码测试网站：
用“MobileOK tests”到搜索引擎查到的一家：TAW mobileOK Basic
    提示失败、警告与通过的部分
MobiReady（http://ready.mobi/）
    给出基本评分、网页大小、速度（WiFi、3G、GPRS）、几款手机的可视化显示、几类测试（XHTML Mobile Profile，Valid Markup和No frames），测试小结，附加测试（对每一测试内容均有详细说明）
[update 2010-04-18] 远洋过客在书社会leonz日志“本馆手机网站开通新版”留言，提到应当做WCAG20测试。这是个W3C推荐标准，提醒注意。

参见：
移动图书馆剑桥大学与开放大学报告 (2009-06-18)
OCLC的移动WorldCat (2009-07-07)
移动图书馆资料大全 (2009-08-01)
手机图书馆及访问测试 (2009-11-15)

引文参见：
West, Mark Andrew, Mark Andrew, Arthur W. Hafner, And Bradley D. Faust. Expanding Access to Library Collections and Services Using Small-Screen Devices. Information Technology and Libraries, v. 25, n. 2, June 2006, pp. 103-107.

Kroski, E. On the Move with the Mobile Web: Libraries and Mobile Technologies. Library Technology Reports, vol. 44, n. 5, July 2008, pp. 1-48.
（有E-LIS上的OA文档：http://eprints.rclis.org/15024/）