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

    祝贺大巴重新启程!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/)