用于输入地址的自动完成文本框是个好主意吗?

发布于 2024-07-30 03:14:45 字数 1300 浏览 5 评论 0原文

通过传统形式输入我的地址让我抓狂:

  • 当我的城市和州可以从我的邮政编码推断出来时,为什么我必须输入我的城市、州和邮政编码?
  • 从下拉列表中选择您的状态是一件很痛苦的事情——通常您无法使用 Tab 键进入它,您必须使用鼠标等。

alt text http://img10.imageshack.us/img10/7404/traditionaladdressform.png

因为我在设计网上商店时发现这个过程非常令人厌恶(bombsheets.com),我决定为地址构建一个自动完成小部件。 当您输入时,我们会尝试对您的地址进行地理编码(通过 Google 地图):

替代文本 http: //img403.imageshack.us/img403/9333/addressautocomplete.png

在最好的情况下,这效果非常好。 如果您的地址是“120 W 45th St, New York, NY 10036, USA”,则可以通过输入简短的内容“120 w 45th st, nyc”来输入。

然而,据我所知,我们是唯一使用此界面的在线商店。 我并没有因为自己是个天才而沾沾自喜,而是很好奇它的缺乏使用是否意味着这个想法存在某种缺陷。 一些潜在的问题:

  1. 太陌生/不熟悉。 客户已经习惯了旧的形式,并且在旧的形式上进行切换会让人感到困惑。
  2. 您必须在不同的字段中输入您的公寓/楼层号/任何内容。 这很令人困惑。
  3. 当我们的商店崩溃时(这是个好问题),我们将向 Google 发送过多的地理编码请求,以使其扩展。
  4. 编辑:这对于禁用 JavaScript 的(约 5%)用户来说不起作用。
  5. 这里没有什么重大问题,这个界面就是未来。 (这并不是那么奇怪,因为例如,许多在线商店强制您输入信用卡号和信用卡类型,而后者可以从前者推断出来)。

不管怎样,基本上我很好奇这是一个我应该尝试创新的领域,还是我应该只使用传统方法。 (当然,关于提高这种新方法可用性的想法也值得赞赏)。

Entering my address via a traditional form drives me crazy:

  • Why do I have to enter my city, state, and zip code when my city and state can be inferred from my zip code?
  • Choosing your state from a dropdown list is a pain in the ass -- often you can't tab into it, you have to use the mouse, etc.

alt text http://img10.imageshack.us/img10/7404/traditionaladdressform.png

Because I find this process so repulsive, when I designed my online store (bombsheets.com), I decided to build an auto-complete widget for addresses. As you type, we try to geocode your address (via Google Maps):

alt text http://img403.imageshack.us/img403/9333/addressautocomplete.png

In the best case, this works really well. If your address is "120 W 45th St, New York, NY 10036, USA", you can enter it by typing something as short as "120 w 45th st, nyc".

However, as far as I know, we're the only online store that uses this interface. Rather than pat myself on the back for being such a genius, I'm curious whether its lack of use means that this idea is somehow flawed. A few potential issues:

  1. Too foreign / unfamiliar. Customers are used to the old form, and switching things up on them is confusing.
  2. You have to enter your apartment / floor number / whatever in a different field. This is confusing.
  3. When our store blows up (good problem to have), we'll be hitting Google with too many Geocode requests for this to scale.
  4. EDIT: This won't work for (the ~5% of) users with javascript disabled.
  5. There's no significant issue here and this interface is the future. (This isn't so outlandish since, for example, many online stores force you to enter both your credit card number and your credit card type, when the latter is inferrable from the former).

Anyway, basically I'm curious if this is an area in which I should be trying to innovate, or whether I should just use the traditional approach. (Thoughts about improving the usability of this new approach are of course appreciated as well).

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

夜雨飘雪 2024-08-06 03:14:45

多个下拉列表单个文本字段的讨论引发了一些有趣的可用性讨论。 通常使用单独的州和国家/地区字段。 因此,您可能违反了“不要让我思考”的规则,但自动完成功能有助于解释所需内容。

Jakob Nielsen 认为,地址的单个文本字段更易于用户使用:

此类信息通常是硬连线的
进入用户的手指,并且必须
从菜单中选择此类选项
输入的标准范式
信息,甚至可以创造更多
为用户工作(http://www.useit.com/alertbox/20001112.html)

另一方面,从固定列表中选择信息意味着更少的错误空间,并且有些人更喜欢使用鼠标(例如,这些人进入编辑菜单来访问复制和粘贴等命令)。

您需要判断您的目标受众并做出决定。

The multiple drop downs vs single text field discussion raises some interesting usability discussions. The separate state and country fields are commonly used. So you may be breaking the rule of "don't make me think" but the auto complete helps explain what is required.

Jakob Nielsen argues that single text fields for addresses are easier for users to use:

Such information is often hardwired
into users' fingers, and having to
select such options from a menu breaks
the standard paradigm for entering
information and can even create more
work for users (http://www.useit.com/alertbox/20001112.html)

On the other hand selecting the information from fixed lists will mean less room for errors and some people prefer to use the mouse (for instance, those people go to the edit menu to access commands like copy and paste).

You need to judge your target audience and make a call.

千と千尋 2024-08-06 03:14:45

一个问题是它是否可以在没有 JavaScript 的情况下工作。 如果您的客户由于某种原因(其中有几个)没有启用 JavaScript,或者甚至没有支持它的浏览器(例如在手机上),您可能会收到格式错误的输入,您的网站可能无法正确处理。

One concern is whether it works without JavaScript or not. If your customers for some reason or other (there are several of them) do not have JavaScript enabled, or doesn't even have browsers supporting it (e.g. on a cell phone), you could get malformed input that your site may not handle correctly.

只是偏爱你 2024-08-06 03:14:45
  1. 这没问题。 一旦自动完成弹出,人们就会明白。

  2. 是的,您应该找到一种方法来迁移它,或者将该字段放在地址的顶部。 如果已经输入了,人们就不会认为他们必须再次输入。

  3. 当您的商店发展壮大时,您需要chaching。 反正。 在各个级别。

  4. 我同意。 只需修复一些小问题即可。 :-)

  1. This is no problem. As soon as the autocomplete pops up, people will understand.

  2. Yeah, you should find a way to migrate it, or put that field on top of the address. If it's already entered, people won't think they'll have to enter it again.

  3. When your store grows, you need chaching. Anyway. At all levels.

  4. I agree. Just fix some minor issues. :-)

飘过的浮云 2024-08-06 03:14:45

根据记录,邮政编码并不总是唯一标识一个城市。 请参阅此处
当然,在实践中,通常会这样做,即使不这样做,也会大大减少选择。

For the record, a zip code does not always uniquely identify a city. see here
Of course in practice, it usually does, and even if it doesn't, it would reduce the options considerably.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文