去年有机会去深圳参加了user friendly 2008。
总体而言,大会举办得比较成功,但也有不少地方相当不专业。
比如,主题演讲质量够呛,现场同声翻译不知所云。
我参加了sarah bloomer的工作坊,翻译水平简直让我无语,错翻、漏翻屡屡发生,甚至哑口无言,不知道怎么翻,转而问与会者有谁能翻。
大会组织者负有主要责任。
后来就开始定期收到UPA China的邮件,不得不说,我严重怀疑其作为行业协会的专业性和严肃性。
下面是最新邮件的几张截图。点击可看大图。

从上到下,标点符号一塌糊涂,中英文符号混用、错用、前后不一致。
右上国旗含义模糊,有的能点,有的还不能点!
注意看UPA动态的部分,列表使用正确么?
**想在UPA出版物做广告**和请联系:publications@usabilityprofessionals.org根本就应该是一个东西。
右下的感谢部分,猜不出来法语、德语等等到底想说什么。
这封邮件最有意思的就属于超链接了。因为没有明显的超链接下划线,我误以为都是超链接,其实不是。
应该是超链接的也不是。
比如,右侧,好书推荐。原以为能连接到豆瓣或者某个能在线购买的网站,结果是什么都没有。太失望了。
再不客气的说一句,细节 太差了。
邮件链出的网页还有可用性可言吗?


如果要看Technology有关文章,应该点哪里?
Nielson关于最新一代kindle可用性文章提出上述问题。
结果所有人都认为应该点Technology。
事实是应该点后面的数字(16)!
点Technology只能看到一篇最新文章,而不是所有文章。
amazon工程师犯的小错,很容易修改。
可以总结成文不对题。
在卓越也碰到过类似问题。
下图。

每个标题、图片看起来都跟某个具体商品、不是某类商品关联,比如周杰伦:范特西以及图片。
点击后发现进入的是某类商品页面。
同样属于文不对题。

一直都将godaddy戏称为去他爹,没有半点侮辱含义,相反我一直都认为godaddy提供的域名注册服务不错。
当然,去他爹非常狡猾,一不小心就容易购买了并不需要的服务,购买流程并不复杂,但是得小心翼翼。
去他爹的广告邮件非常有特色,每周至少一封,除了公告性质的,主题就是让你买,为什么要买?因为搞活动。就这么简单。
最近,去他爹邮件开始本地化,对中国用户发送中文邮件!下图,点击可放大。

文字还很粗糙,但可见去他爹敢尝试,不怕失败。网络服务真是无国界。

进程显示器
如果需要多页安排表单所提问题,告诉人们所处状态会有所帮助。
回到在线购房的例子。房地产经纪人,放款人,买家,卖家和律师都对购买过程加入了大量条款、因素和决定。因此,任何在线购房表单都肯定有大量问题要回答。很明显,首先要将表单分成有意义的内容组。下一步要说明填完表单的路径。
除了清楚标明栏目标题外,Redfin网站购房表单包括了表单页数(范围),如图3.7,表明所处网页(位置),保存并返回进程(状态)的方法。

图3.7 http://www.flickr.com/photos/rosenfeldmedia/2367262288
Redfin网站提供多个进程显示器,显示范围,位置和状态信息。
三项进程指标紧密结合,但执行功能不同。总页数说明表单范围:填完表单需要多长时间?每块、每步之间有何区别?当前位置指示说明相对于整个表单人们所处的位置。表单状态说明表单是否已提交,上次保存时间。如果表单较长,提供保存功能或者系统自动保存是保持人们填完表单的好方法。
告诉人们所处的位置当然很不错,但是要注意,进度显示器会错误显示完成表单所需页数和步骤。进度指示常用于多网页表单,但并不能准确反映表单所需页数。
以Fidelity Investments网站为例,图3.8,进程指示器说明在线申请帐号所需页数。不过,一旦选择“Next(下一页)”,就出现了进程指示器不包括的网页(登录页)。

图3.8
上:http://www.flickr.com/photos/rosenfeldmedia/2366426465
下:http://www.flickr.com/photos/rosenfeldmedia/2366426505
Fidelity.com网站采用两层进度条,告诉用户填表进程。但在第一步(登录)消失,登录并未包含在所需步骤中。
这个问题在进程显示器中太常见了。进程显示器意图说明一系列定义清晰的线性步骤,但很少能真的传达。图3.9,half.com网站典型电子商务支付表单。进度显示器说明要输入三项内容:发货,账单和下订单。选择送货地址,第一页是从现有送货地址中选择。如果没有想要的发货地址,就需要增加额外页面输入新地址。步骤一突然变成两步。第二步选择账单,需要验证在线支付服务提供商,登录网站,选择资金来源,或提供新账单地址。步骤二变成四步。

图3.9 http://www.flickr.com/photos/rosenfeldmedia/2366426533
Half.com网站承诺的三步购物步骤很容易变成不止三步。
至此为止,已经用了六步来完成原先告诉顾客两步完成的事情。告诉人们需要几步完成不是坏事,但我们很少说出真实情况。解决办法之一,避免使用进度显示器,而是让人们尽快填完表单。另一个办法,使用更高层的、没有明确设置期望值的进度显示器。
图3.10,Amazon.com网站支付过程没有明确说明填完表单所需步骤,而采用进度显示器说明用户需要提供的信息类型。有些用户会将这些类别解释成单独页面,但用户并没有设定具体期望值。用户明白需要提供的信息,也知道所处进程位置。

图3.10 http://www.flickr.com/photos/rosenfeldmedia/2367261014
Amazon网站没有说明购物步骤,而采用高层次的任务说明购物步骤。

不太有时间去书店慢慢找书,所以往往通过各种渠道,比如网站、同事朋友那,知道有什么好书,或者是适合自己阅读的书,然后再去网上看看是否有的卖,有就买,没有就算了。
一开始要买的书不多,记录很方便,用浏览器的收藏夹,有时干脆直接将书名或者网址记下来,每隔一段时间看完几本,就再买几本。
慢慢吃不消了。
收集到的书越来越多,要买的也越来越多,手记是不可能了,浏览器的收藏夹也满足不了,因为我不想书的网址和其他网址混在一起,完全独立最好。
而同时,兴趣爱好总会时不时变化,今天对这个感兴趣,想好了要买几本书,明天可能会对其他书有兴趣了,时间一长,就不太容易搞得清楚上次想好要买的是哪几本了。
也试过搞个读书计划,弄个本子记录,买一本划掉一本。结果还是不行,一是找起来有点麻烦,而是计划赶不上变化。
因为一般都在卓越买书,最终我还是将眼光投到了卓越提供的收藏夹。
卓越的收藏夹目前只是最简单的收藏,就像IE的收藏,完全不能满足我的需要。
只从“书”出发,把卓越的收藏夹分为两部分,基本功能和扩展功能。
基本功能
可对收藏内容进行关键词搜索
多种方式排序浏览,防止想不起来书名,比如按收藏时间排序(可以细到日,周、月),按名称拼音排序,按收藏类别排序,按价格排序(价格永远有杀伤力!),按热门排序,甚至是个性化排序。
只有基本功能还不够,我还希望能有编辑的权力,最重要的是跟我的购买行为联系起来。
扩展功能
购买行为必然和订单联系在一起。
已买的自动移出收藏夹,或者能打上特殊标记;
未买的或者取消的自动移入收藏夹,或者能打上特殊标记,方便我下次购买;
移出收藏夹的书可以在订单中找到(当然需要改进订单功能);
优先显示上次未买的/取消的物品,因为我有时突然不想买了,或者因为想去掉其中的几本书;
可以对收藏内容添加注释,我希望能以自己的方式说明书的内容,买的原因等等;
能加tag最好,不能也关系不大;
可以公开/私有收藏夹,但已购买的要隐藏,不希望别人知道,还发布到其他网站。
声明一下,以上想法只是为了我自己的需要而提出,不适合每个人,因为每个人购物的类型、动机、频率等虽然有共性,但也肯定存在多种情况。

注意力分散最少
为了保持人们关注完成表单,还要考虑哪些网站元素有助于说明进程,而哪些会分散注意力。即使导航、标题或横幅广告风格一致,能让网站更好看,适用于网站大多数页面,它们仍可能不适用于表单。额外元素,如电子商务网站支付表单和社交网站注册表单,尤其对于关键表单而言,最好时只是分散注意力,而最糟时造成用户迂回。
去掉与表单填写无直接关系的界面元素,有助于保持人们完成任务,并消除放弃路径。Amazon.com网站付款表单和购物表单差异明显,图3.6。甚至通常让人们返回主页的Amazon标志都以尽量减少离开关键表单的方式出现。

图3.6
上:http://www.flickr.com/photos/rosenfeldmedia/2367262208
下:http://www.flickr.com/photos/rosenfeldmedia/2366425901
Amazon.com在网站上宣传商品,但其支付过程没有任何噱头。

有位同事,有如下观点:
所有信息、所有操作,都要让用户看到。
这种理念下,很容易设计出类似下面的界面:

两个界面表达的内容:什么也没有,其实就是“无”。
我的感觉是“累”,眼睛要承受的太多。
上周末用银行ATM还钱,我存入的是百圆纸币,ATM总是以如下形式显示(大概的样子):
100 5张 500
50 0张 0
不仅累,还有点小紧张,到底有没有放50的进去?哦,没有。
有就告诉我,没有就别告诉我。
这算不算是信息过载?
即时提示现在比较流行,虽然也有其他一些缺点,常见于表单,尤其是注册表单。
今天碰到的这个注册页面提示 ,有点看不懂。按住鼠标左键,在输入框旁边的空白处动几下。