以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.yummyux.com/?p=443

互联网表单设计 第九章 即时验证(1)确认

作者:yummy  |   发布: (网友)kent.zhu   |   时间:2009-06-08 01:38:06 文字大小:- +

尽管表单问题清晰,而且提供有意义的输入暗示,但总有些问题答案不止一个。此时,直接反馈可再次让人们确信答案有效。经常采用即时验证方法实施这种实时沟通。

即时验证提供多种类型反馈:确认合适答案,建议有效答案,实时更新输入范围限制。这些反馈通常发生在输入答案开始,继续或停止的时候。

确认

如果人们很可能不知道答案是否正确,确认答案是否有效最有用。选择用户名是常见例子。用户首先想到的用户名已被使用,这种情况经常发生。用户提供特定答案会发生错误,因为网站认为答案“无效”,别人已用了此用户名。填注册表单时,人们不可能知道哪些用户名可选择,不得不一直猜,直到偶然发现某个模糊用户名还没被使用。

如果表单无法提供帮助,情况会更糟。图9.1,Boingo网站,没有反馈帮助用户找到有效答案,告诉用户发生错误的反馈也很不明显,因为反馈字体和颜色和标签相同(参见第8章关于错误消息的章节)。

图9.1
上:http://www.flickr.com/photos/rosenfeldmedia/2367269906
下:http://www.flickr.com/photos/rosenfeldmedia/2366433731
Boingo网站注册表单,人们来回移动才能填写有效用户名。

图9.2,NewsVine网站采用另一种做法。简单即时验证提供宝贵反馈,告诉用户输入的答案是否有效。用户开始输入时,就会出现消息告诉用户用户名是否已被使用。如果答案有效,信息随之更新。使用这种方法,人们不会陷入错误循环,能马上知道答案是否有效。

图9.2
http://www.flickr.com/photos/rosenfeldmedia/2366433755
http://www.flickr.com/photos/rosenfeldmedia/2366433789
http://www.flickr.com/photos/rosenfeldmedia/2367270044
Newsvine网站注册表单采用即时验证,快速显示合适名字,用户不用在错误状态之间跳跃。

密码是另一个出现错误的常见问题。要求人们使用大小写字母,数字和符号复杂组合来生成密码,给人们带来混乱,这是另一种“由内而外”的设计,我不想讨论这个事实。我想提供一种方法,通过即时验证帮助人们克服这些障碍。

谈到用户名,有效答案非常明显,要么没人用,要么被人用了。和其他相似问题相比,密码有不同程度的“正确”答案。符合最低安全要求,比如一个大写字母和一个数字,是有效答案。不过,这个密码不如一个大写字母,两个符号和三个数字的密码安全。后一个密码更“正确”。如何引导人们填写更安全、更正确的答案呢?

图9.3,eBay Express网站表单,利用即时验证不仅可以确认密码是否合适,而且可以表明密码安全程度。输入框右侧密码尺采用高度可视化方式让用户衡量密码质量。更重要的是,它能确保人们关注如何回答问题。密码尺这类方式会强迫用户完成。因此用户会更多考虑答案。此例中,用户最终创建的密码会安全到用户自己都不能记住,但那是另一个问题了!

图9.3
http://www.flickr.com/photos/rosenfeldmedia/2367270092
http://www.flickr.com/photos/rosenfeldmedia/2366433889
http://www.flickr.com/photos/rosenfeldmedia/2366433919
eBay Express网站表单采用进程条实时说明密码安全级别。

实时确认正确答案有优点,所以禁不住会对表单所有问题都使用即时验证。为什么不让人们知道每个问题都回答正确呢?他们填完表,不会发生错误!

图9.4采用的做法,赞成和反对意见我都听过。一方面,实时验证所有输入框,确保一次性正确完成表单。另一方面,验证所有输入框会分散注意力,用户也会吃惊。

图9.4
上:http://www.flickr.com/photos/rosenfeldmedia/2366433981
下:http://www.flickr.com/photos/rosenfeldmedia/2366433951
Lastfm.com网站注册表单几乎每个输入框都采用即时验证。

验证电子邮件是指电子邮件地址的格式是否正确,还是指验证是不是我的电子邮件地址,还是指网站已经知道这个电子邮件地址(如果注册或更新客户记录的时候尤其重要)?不是所有人都这样思考,但是为什么要让用户思考?即时验证能帮助人们填写他们无法知道有效性的答案。我知道我的名字,根本无需验证!

如果要即时验证很多问题,时机是关键。图9.5,Mint网站注册表单,用户填写发生错误,错误提示立刻出现。我刚输入电子邮件的第一个字母,就出现错误提示。只在用户填写结束后才提供反馈,这种做法更好。图9.6,用户填写Yahoo!注册表单的过程。

图9.5
上:http://www.flickr.com/photos/rosenfeldmedia/2367270240
下:http://www.flickr.com/photos/rosenfeldmedia/2366434047
Mint网站注册表单,用户填写时立即发生错误,用户被打断。

图9.6 http://www.flickr.com/photos/rosenfeldmedia/2366434095
Yahoo!网站注册表单,仅当用户进入下一个输入框时验证上一项答案。

 

更多
打印  |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买