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

上半月朋友发来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张各种图书馆标识图片,做设计时或可参考。

不要重新设计网站

本学期开始启动单位网站改版。朋友发给我最新期LJ上的文章链接──文章第一句就是“不要重新设计网站”,以为我看了会受打击。其实从标题开始,只看了前面一小部分,我就非常认同作者的结论。虽然不完全赞同文中的一些观点,但从“用户体验”角度,改版甚至只是改进,要得到好评,向来是不容易的。上学期末因为本馆WebPAC升级,体会尤深,无论在页面布局、检索结果显示还是附加功能上,都做了不少改善,却也引发非议。而2.0版的encore,在我看来使用很方便,但很多人也觉得不习惯,使用量只有WebPAC的十分之一。
当然不仅仅是本馆用户如此表现。著名网站如国外的Facebook、国内的豆瓣,每次改版都会引来用户如潮的反对。一方面,反对者更愿意大声疾呼,不在意或欢迎的大多数是沉默的。另一方面,大部分用户只习惯使用网站的很少部分内容,对其他内容基本上视而不见,因而哪怕充实了很多内容、改善了不少功能,只要在网站以往的位置没有发现自己习惯使用的内容,便觉得改版不好。这也是文章作者强调持续小规模改进而不做大规模彻底改版的原因。
改版是耗费精力的事,如文中所说,通常时间超过一年,在此期间无疑会影响网站的日常改进。只是此次本馆网站改版是必须的,无从选择。因为现在的平台基本上是IE only的,并且很多访客都看到过“XML解析器版本太低”的提示。看过该平台版本升级后制作的网站,在IE only上并无多大改善,这对移动设备访问尤其致命。
现在需要考虑的是,要一个怎么样的网站,才能在以后实现只改进、不改版?
———-抗拒重新设计:用户体验———-
Resist That Redesign | The User Experience / By Aaron Schmidt. Library Journal, Mar 1, 2010
作者为2005年LJ评选出的图书馆风云人物(Mover & Shaker)
文后评论中有两个链接,也值得一看:
———-优秀设计师改版、伟大设计师重组———-
Good Designers Redesign, Great Designers Realign / by Cameron Moll (OCTOBER 24, 2005)
据评为经典贴,有若干网页改版/重组前后对照图片
———-重新设计前需要考虑的21个因素———-
[方括号内仍是本人随想]
1、重新设计的目标是什么 [适应多种浏览器,尤其是移动浏览器]
2、需要什么类型的改变:小动还是改版?新设计不能在回头客重访时,以为以前不曾来过 [至少要有似曾相似之感]
3、当前设计的哪方面最有效:可以保留或合并到新设计中
4、当前设计的哪方面无效:需要在网站设计中除去
5、目标用户是谁:用户会喜欢什么样的设计风格 [对高校馆,前者好说,后者就无从捉摸了]
6、如何让网站更用户友好:改善功能和可用性,而不是看上去很棒 [对外观的评价原就难以取得共识]
7、是否需要更改或更新Logo:如果旧Logo陈旧而缺乏吸引力,不做改变会影响新的设计 [OCLC前些年改用全新Logo,伴随对自身使命的强调]
8、改变或沿用原来的配色方案:至少要让回头客看着熟悉,使用近似的配色方案是达此目的的最佳途径之一。对配色方案做些小改变,如改变色调、增加一点新颜色,让网站体现出新面貌 [前文中有对照实例]
9、访客使用的屏幕分辨率 [依据网站访问统计]
10、访客使用的连接速度 [如果同时考虑移动访问,则页面字节数当以小为好]
11、以什么为设计重点:以某种方式强调网页的这些部分 [统一检索框的流行就是一种体现]
12、如何使导航更有效:如果在最初设计之后增加过大量内容与页面,则导航很可能不再最优
13、访客想从网站得到什么 [列举?麻烦的是想提供的/认为用户想要的内容太多,难以布局]
14、如何提高用户交互:博客可以发评论,其他如论坛、游戏、用户提供内容UGC、投票、问答等,让用户有参与感,增加回头客 [似乎我们很怕用户参与,有参与必加审核、监控,无异于自套枷锁]
15、谁做维护/更新:如多人维护,代码加上注释更为重要
16、是否需要内容管理系统(CMS):许多网站所有者现在倾向于使用内容管理系统如WordPress,网站可以方便地更新而无需设计者 [不同功能CMS的组合?]
17、如何提高搜索引擎优化(SEO):页标题、内部链接、在哪里用上头部header……长长的清单
18、使用什么关键词和词组做目标:用在标题、头部、锚点文字、alt tags等 [仍然是SEO]
19、哪些页面和搜索词目前带来流量:不要对带来流量的页面做大的改变 [仍然是SEO]
20、对那些有大量内部链接或由那些链接带来大量流量的页面,尽可能保持URL结构,如果不行,确保重新引导到相应页面 [仍是SEO,应注意]
21、什么让访客回访:不只是新设计的第一印象 [自然是内容了,第一印象也很难奢望]
·你觉得还有哪些因素?文后现有65条回应

本馆手机网站开通

手机网站首页
[update 2010-4-5 加入本图]

本馆手机网站日前开通,访问网址:m.lib.ecnu.edu.cn。
网站上学期末已经制作完毕,为了解不同品牌型号手机的访问效果,以便开通时宣传,在馆内发布测试并征求意见。虽然设计了EXCEL调查表,方便大家填充,并声明手机测试有奖,结果却应者了了。
手机上网以80后居多,馆内同仁大多不在此列,而那些为数不多的手机上网者又漠不关心,很是无奈。令人颇为沮丧的是,除一位友情测试者对内容提了些有益的意见外,也未收到任何同仁在内容方面的反馈。
其实对于内容,本人与那位友情测试者的意见相同,就是“本馆简介”内容太多。看国外图书馆网站,很少涉及这一块,因为手机上网者需要了解动态、实时的信息,不会关心这些。不过这大概属于政治正确范畴,所以也就放那里做摆设了,不过还是需要与正式网站同步维护。
手机网站介绍页面参照某国外图书馆(想不起来哪家了),除首页截屏外,还提供“预览”,可以在电脑浏览器上先浏览网站内容,再决定有无手机访问的必要。
注:首发于书社会
参见:
手机图书馆及访问测试 (2009年11月15日)
移动图书馆资料大全 (2009年8月1日)
OCLC的移动WorldCat (2009年7月7日)