网站表单的国际地址

作者Luke Wroblewski,原文标题International Address Fields in Web Forms
网站表单作为企业与客户之间进行在线沟通的实现者,往往承担着收集关键信息的任务。例如收集电子邮箱地址便于进一步沟通,收集邮寄地址用于投递产品,收集账单信息用于处理付款等等。因此被问到网站表单设计最常见的问题——“如何设计国际地址”时,我并没有感到很惊讶 。
分析地址变化的细微区别之前,值得指出的是人们对地址结构拥有共识。经过多年通信经验及邮政系统的积累,人们对构成地址栏的要素形成了非常具体的概念。这种共识非常绝对。眼动数据表明,一旦人们开始在地址栏的输入框中填写信息,人们往往不再看该输入框的标签信息。人们对地址栏的基本结构很熟悉,并不需要标签提示。
考虑组成地址的输入框是很重要的一点。图1显示了美国地址中通常包括的条目的排列方式。图2是另一种方案,每个条目都分行显示,这种方法缺乏关联理解输入框的优点。因此,人们更倾向于相对独立的对待每个输入条目,而非将地址看作一个整体。
图1:网站表单中的美国常用地址结构
网站表单�的美国常用地址结构
图2:分割的美国地址结构
分割的美国地址结构
幸运的是,世界上组成地址的要素有着相当多的共性。大多数国家,地址栏中的目的地、收件人都是采用从具体到模糊的渐进结构,而俄罗斯、伊朗明显是例外。因此要给一家公司中的某人寄东西,地址栏中第一栏为收件人姓名,然后是公司名称,之后是街道、城市,最后一栏是国家。如图3。这种结构能用于所有国际地址。
图3:国际地址结构
国际地址结构
国际变化
地址栏的国际变化从最具体的条目开始——拥有地址的人。世界上的人名可能是一个、两个、三个或更多个字。Formulate Information Design的文章“The Name Riddle”描述了姓名中的可能变化,从印尼首任总统Sukarno到沙特第五任国王:Fahad bin Abdul Aziz bin Abdul Rahman Al-Sa’ud。
即使在一个国家内,街道地址也会有很大差异。美国邮政邮政地址标准描述了美国街道地址的差异——从1401 Main St to RR 9 Box 23A 到RR 9 Box 23A to 475 Lanfant PLz SW, Rm 10022。
姓名和街道地址差异很大,但是每个单一输入框只要够长即可。门牌号码在街道名之前?没问题。门牌号码在街道名后面?也不是问题。但是对于地址栏中的城市问题,就没那么简单了。
除了城市名称、邮编外,城市一栏同样可包括州、地区、省、或者国家。国家不同,每一项可能有不同的叫法、简称,在地址栏中的位置也不一样。不同国家的邮编形式也不同,包括空格、数字、字母以及长度。这些要素的顺序差异巨大。图4显示的是地址栏中城市项可能发生的变化。
图4:城市项变化样例
城市项变化样例
为解决这些国际变化,网站表单设计师采用了很多方法:特定表单、可变表单以及通用表单。
特定表单
若知道或可以确切推断客户的国家,采用特定表格的办法最为有效。用这种方法,可以为每个特定国家定制地址栏结构。图5显示的是法国、意大利的地址栏。请注意位置和标签的变化。
图5:法国和意大利的地址栏
法国和意大利的地址栏
如果能非常肯定客户的国家,特定表单能提供可快速理解的熟悉的地址结构,从而加速表格填写的完成时间。Frank da Cruz的Compulsive Guide to Postal Addresses是一个了解世界各地独特地址结构的奇妙网站,据此你可以制定针对特定国家的地址栏布局。
可变表单
和特定表单方式一样,这种设计利用可变化的格式,设计特定国家的地址栏。但是,这种格式是基于用户选择而非已知或者推断的位置。如图6所示,eBay的注册表单就使用了可变表单。如果有人更改了默认国家选项——该默认选项基于eBay对用户的访问位置判断——表单会显示被选择国家的地址框,以替代默认地址框。
图6:eBay 允许用户可更改注册表单中地址。
eBay 允许用户可更改注册表单�地址
这种情况下,若在地址栏下拉菜单中选择加拿大而非澳大利亚,“State/Territory”变为“Province”,“Postcode ”变为“Postal Code”。尤其值得关注的是,更改国家时,用户在通用地址结构的表单中输入的任何信息,比如名字或者街道地址,应当被保留。消除用户已经提供的信息极可能会惹恼用户。
通用表格
通用国际地址表单格式是另外一种保持多种地址栏变化以支持特定国家的解决方案。通用格式为组成地址栏要素的栏目提供单独的输入区域,让你能应付姓名以及街道地址的变化。为了适应地址栏布局以及城市项的变化,你可以使用一套通用的输入栏。Amazon.com的表格正是如此,如图7。
图7:Amazon.com的地址栏通过采用通用表单的形式支持不同国家的地址输入。
Amazon.com的地址栏通过采用通用表单的形式支持不同国家的地址输入
不同于根据国家显示不同的下拉菜单,单独输入栏被加上各种标签,比如州、省、地区,用户可以据此填写信息。类似的,“Zip/Postal Code” 标签同样包括了在输入框中针对邮编不同形式的邮编。该输入框可以填写字符、空格,长度不定。在多行项目中填写地址栏各项元素时,你可以应付邮编、地区、城镇,而无需暗示特定的地址结构。
这种通用表单能够为国际地址提供灵活的输入栏,但是错误检查会变得比较困难,因为一些字段会有多种表现形式。而且,由于其灵活性,通用表单没有对国家或文化进行真正优化,它通常有用,但非理想形式。
本文考虑了几种国际地址栏设计方案,但还存在其他类型或者问题。若有其他见解,欢迎发表评论。
———————————————————————
Luke Wroblewski的著作网站表单设计

发表评论

电子邮件地址不会被公开。 必填项已用*标注