网站可用性测试

2008年参加中美数字图书馆高级研讨班,有一门课“人机交互与数字图书馆”,涉及网站的可用性测试。当时我用本馆学位论文系统,出了一题请四位同班同学测试,发现不少问题(参见:用户界面可用性测试, 2008-6-14)。
这种测试方法很简单,不过功课做完就忘记了。图书馆网站改版时,也没想到要做测试,真是太不专业。今天看到ALA技术源发布的“可用性测试样例”,再记录下,强化记忆──其实想做测试,什么时候都行的,网站总是不断完善中的。

ALA TechSource Workshops: Usability Test Examples(有墙)
文档举了(针对某个图书馆网站的)6个问题及成功回答的步骤:
问题1:你想要借《哈利波特和密室》,该怎么做?(目录)
问题2:你在工作,想问个问题。有网但不能使用电话,到哪里在线提问?(在线咨询)
问题3:想读昨天朋友提到的一篇有趣的杂志文章。你知道图书馆可以访问杂志联机版,如何找到杂志数据库列表?(测试数据库导航) [电子期刊导航]
问题4:今天汽车图书馆会不会停在……? [某项图书馆服务]
问题5:你的朋友想在图书馆工作,能不能为她找到当前开放申请清单
问题6:你想给图书馆打电话,能不能找到电话号码?(联系我们)

例子自然有借鉴作用,不过例子最后的提示更重要(方括号后照例为本人联想):
– 提8-12个问题
– 每题不超过2-3分钟 [大致每个人半小时以内完成吧]
– 问约5个人后,修正发现问题,然后重复测试
– “正确答案”会不止一个──用户具有创造性!
– 提一个问题,然后记下一切──被测者鼠标点击什么、移过什么,如果点击后又退回,他们怎么说,等等
告诉被测者,你不是在评估他们──你是在评估网站,他们不会答错问题。[这个应当在测试一开始就明确告知]

——–“十步成就用户友好的图书馆网站”研讨班资料———-
不知道上述可用性测试题是不是年初“十步成就用户友好的图书馆网站”的配套资料,研讨班信息备记于此:
10 Steps to a User-Friendly Library Website / 主讲:Aaron Schmidt 和 Amanda Etches-Johnson (2012-1-25)
阅读资料:Continuing the Conversation: 10 Steps to a User-Friendly Library Website
参见:给网站“减肥”,以及用户体验设计 (2011年3月28日)

阅读资料页面嵌有研讨班PPT(175页)
10 Steps to a User-Friendly Library Website
第1步:Reduce your website 给网站减肥
网站金字塔,从下到上依次为:
* 基本:必需信息、相关功能、无主要可用性问题
* 目的地:馆员创建内容、基本互动
* 参与分享:严肃的用户生成内容、读者创建文化
* 社区门户:图书馆网站作为社区平台、网站成为社区知识库
第2步:Mobile first 移动优先
第3步:Conduct usability tests 实施可用性测试
五个词 Watch People Use Your Website 看人用网站(非图书馆员)
第4步:Mind your navigation 设计导航
第5步:Write for the web 页面布局/遣词造句
第6步:Content audit 内容审核
第7步:Content strategy 内容策略/工作流程
创建、传递、管控:有用、可用、令人满意的内容
第8步:Use graphic design 图形设计/美工
第9步:User research 用户研究
第10步:Create personas 分配角色/任务

学网站制作,上W3学校

远洋师在书社会推荐W3Schools,说XML很容易学。不意在家访问w3school.com这个纯IT学习网站竟然要翻墙,架上梯子看一眼,加入收藏的一瞬,想到自己很久没有正儿八经地学新东西了,下次再打开这个网站又不知何时。那天正是周五晚,周末后还有中秋假,于是下决心在接下来的三天中学会XML。
说干就干,马上开始学。开篇说很容易学,翻到下一页,说学前要先了解HTML和Javascript。HTML略有所知,于是转到JavaScript去看个究竟。也说很容易学,翻到下一页,说要先了解HTML和CSS。于是转到CSS页面去看,翻到下一页,说需要先了解HTML/XHTML。前期知识一串串的,崩溃。
虽然书社会多位网友都说不必学那些前期知识的,但因为自己并没有系统学过HTML,也没有制作过什么网页,绝大多数HTML知识是通过看页面原代码得来的,因此决定从头学一遍。当晚从HTML/XHTML开始,接着是CSS(部分)、JavaScript,整整两天完成准备知识(其中外出FB一次)。第3天晚上开始学XML,到第4天下午完成,说出的大话终于不用收回。晚上外出散步,走着走着,满天厚厚的云层突然一扫而光,中秋日皓月当空。

不得不说,W3学校真是很棒的学习网站:
√ 每页一个知识点,只提供最基础的信息,让初学者不至于陷入过多新知而失去学习的信心。完整的参考附在最后,可供扩展学习。
√ 可以边学边看到实例及实现效果,还可以自己编辑例子后看显示结果,互动感很强。
√ 告知标准的最新进展,免得用过时内容(比如<font>标签到HTML4不推荐,Frames框架未来将不支持)。
√ 课程开始前告知准备知识,学完课程后告知接下来还可以学什么,让人目标清晰而不至迷失(五方面课程:HTML/CSS,XML语言,浏览器脚本、服务器脚本、多媒体)。
√ 课程结束后有一个自测,20道题、满分100,答题不限时,会让学习者特有成就感。
──如此速成,学完后自然不可能马上做出好网站,但看网页眼光会毒不少,也知道某些功能可以如何实现了。
[update 2011-10-15:
1、目前已不用架梯可访问;
2、网站的中文站目前有HTML部分]

附记:关于XML学习
XML课程中提到要更深入地了解某些方面,分别需要学习DTD、XML Schema、XSLT和XML DOM,准备留着今后哪天再下决心。远洋师认为可以直接去看MARCXML的schema或者VRA Core 4来学XML Schema。MARCXML的schema是看过的,当时没啥感觉──这次学完XML也还没啥感觉,准备学完XML Schema再去看那两个Schema实例。我想对菜鸟来说,还是从基础知识学起比较好。
接受远洋师建议,未来准备跳过DTD和XML DOM,但XSLT还是想学一下。自当年在数图研讨班(JASDL)上听秦健老师讲样式表的那些很酷的应用实例,一直念念不望的──念了这么些年还没有些许行动,对自己也无语了。

给网站“减肥”,以及用户体验设计

上半月朋友发来LJ上的文章“不要重新设计网站”,半个月后朋友又发来同一作者Aaron Schmidt的博文“图书馆网站应当更小”(Library Websites Should be Smaller, MAR 14, 2011),文末说明原载LJ的The User Experienc专栏。链过去看到,原题“小的好处”(The Benefits of Less, Jan 15, 2011)。
文首引用法国作家Antoine de Saint-Exupery的话:“任何东西最终达到完美,不是不再有什么可以补充,而是不再有任何东西可以拿走。”这确实是至高境界,难以企及,对网站尤其如此,却也值得思考。
网站大不利于维护,自不用说。如何给网站“减肥”?自然从如何确定网站的关键任务、基本内容开始。作者的建议是:
1、问用户。在图书馆或社区(校园)里溜达,问上30个人:“你上图书馆网站做啥?”记下他们的回答,然后分门别类、按频次排列。也可在网站上用弹出式窗口问同样问题。
2、想像要建一个移动版网站,如何把内容置于有限的屏幕空间中。
3、网站分析也有帮助,但对其解说却有点微妙。页面点击不能说明访问动机,未被访问有可能是内容不令人感兴趣,也可能是由于难以找到。访问量少不一定意味着页面没有价值,可能意味着不应该被忽视。
──近年来有一种说法,“不要问用户需要什么”,我也相信这一点。但这并不意味着不需要问用户平时做什么,我差点混淆了这两者。
──对于网站分析的建议很有启发。注意到本馆网站有页面访问量虚高,但没有想到低访问量页面中或许也有值得重视的部分。
———-用户体验设计———-
因为两篇关于网站的文章都标有“用户体验”,于是在LJ上搜了一下,查到该刊在2010年1月15日建了此专栏:
专注于改善用户体验,包括三个方面的设计:视觉设计(Visual design)、交互设计(Interaction Design)和信息架构(Information architecture)。内容并不限于网站,今年另有一篇“设计良好的标识”(Signs of Good Design, Feb 1, 2011),其中有一张对照图──这样初级的东西,到了2011年,仍然堂而皇之地出现的LJ上,可见在用户体验设计上,需要普及的任务实在还是很多的。
文中述及作者早年的另一博文beautiful > ugly (DEC 4, 2008) ,其中的对照图也很值得学习:
文中链接有一个Flickr群组Library Signage,目前里面有2750张各种图书馆标识图片,做设计时或可参考。