以用户为中心的设计

互联网表单设计 - 第二章 表单组织 (4)

作者:yummy  |   发布: (网友)稻草   |   时间:2009-02-25 08:51:05 文字大小:- +

组织内容

为保证对话流畅,可将问题分成有意义的组。根据不同大小和情境,将组分到多个网页或单个网页的不同部分。

例如,Yahoo!注册表单将个人信息、正在创建的账号、访问账号的方式及若干信任及安全项目(服务条款和垃圾邮件)问题分成四个不同部分,如图2.2。这些部分用标题区别于网页其余元素。紫色粗体标题比其他表单标签承载更多视觉份量,用户能快速扫描表单,明白需要提供何种信息。

2.2 http://www.flickr.com/photos/rosenfeldmedia/2367260580

Yahoo新的注册表单采用对话语气,吸引新会员。

如果表单较长或较复杂,需要将内容组分到多页,就象房地产网站Redfin在线购房表单。在线购房过程过于复杂,并不是Redfin网站的错,允许人们可以轻松扫描必填部分的组织方式也有助于这个过程。如果有人不知道如何在线购房,Redfin网站的八页表单足够生动清晰(图2.3)!值得指出的是,这么长的表单得益于额外反馈和互动,后面的章节会讨论这个问题。

 

Redfin网站将购房大量所需步骤分成一系列可管理内容组。每组都有名称和小段说明文字。
设计师组织表单时,往往不知道将内容分到一页还是多页。如果分到多页,多少页会太多?答案当然是要看情况。理解每张表单的情境能得到更佳答案。谁要填表?为什么要填?回答之前,将表单当成是与特定的人在对话,而不是与一堆数据输入框在对话。
以对话形式看待表单,主题之间就会自然出现间断。首先谈谈你是谁,然后讨论你住哪里。主题鲜明,简短,适合组成若干部分,一个网页就够了。如果每部分都变长,会需要多个页面将对话变成若干有意义的、可以理解的主题。
一定情况下,很多问题需要按顺序回答,否则回答就没意义。为了回答每个问题,人们要看到所有问题。此时,一个较长网页是最佳方案。
其他情况下,如果某些问题出现在表单填完之后,表现最好。比如,非必填的营销问题,例如”如何知道我们?”或”想更多了解服务吗?”,表单填完之后再问这些问题,实际回答率会更高。我碰到过一个表单重新设计,注册表单之后提出这些问题,回答率增加了近40%!背后的原因可能是人们觉得,非必填问题以跟进形式出现在填完表单之后,侵略性较弱。
表格并非单独存在于网络,采用网络惯例调查看看能否得出设计模式是决定表单架构的另一种办法。网络惯例调查比较相似网站的设计方案,通常有助于观察特定领域(如电子商务)中表现最佳的网站,确保进行对比的网站采用了共同成功措施。
网络惯例调查有助于发现网上已经形成的常见表单组织结构。比如,电子商务购物车表单问题(图2.4)揭示了一些有趣见解。第一页往往是登录页(Sign In);第二页,个人信息;第三页,通常是发货方式偏好。等等。

 

2.4 http://www.flickr.com/photos/rosenfeldmedia/2367260748

网络惯例调查询问了15家电子商务网站的付款表单,表单问题分布在网页1,网页2等。

惯例为思考组织购物车表单对话形式提供了良好出发点。如果人们熟悉这些模式,这些模式对你的电子商务网站也会发挥作用。不过,应从网络惯例调查发现的模式开始工作,而不是仅仅复制竞争对手网站的做法。直接翻版别人的表单组织形式通常不会适合你的具体情况。

更多
打印  |  相关话题:表单按钮   |  类别:信息和交互   |  源地址

UCDChina的书

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

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

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

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

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

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