【问题标题】:What should I do if a user types an unrecognized city?如果用户输入了无法识别的城市,我该怎么办?
【发布时间】:2011-06-23 15:37:19
【问题描述】:

我正在尝试开发一种方便用户输入地址的方法。

我已经有一个邮政编码和城市的数据库,所以如果用户输入他的街道地址和邮政编码,我可以(通常)自动检索城市、省和国家。但是,如果我的数据库中缺少此信息,他们将被要求填写。

我正在尝试确定这应该是什么样子。我是否应该默认只显示 2 个字段(街道和邮政编码),然后在填写完后,使用 AJAX 验证邮政编码,如果找不到,则显示其余字段?这样做的缺点是它们可能在表单的其余部分出现之前就已经完成了。

我可以采取相反的方法,隐藏只有在找到邮政编码时才可以隐藏额外的字段。但随后他们可能会填写验证时不需要的信息。还是有一些中间立场?

只是想找出人们输入地址的最快、最简单/用户友好的方式。有什么建议吗?

【问题讨论】:

    标签: forms ui-design


    【解决方案1】:

    我以前做过。我让用户输入街道和邮政编码,然后他们必须选择他们来自哪个城市,以防有多个城市可供选择。我没有隐藏任何字段,但是在通过 AJAX 验证邮政编码之前没有任何选择。它似乎工作得很好,没有隐藏任何东西。

    但是,在您提到的两个选项之间,我会选择第一个。那个最接近我的工作。

    【讨论】:

    • 我讨厌去某个地方告诉他们我的邮政编码,因为他们认为我住在一个特定的城镇,而城镇之间实际上存在物理边界,而我住在两者中较小的一个。我的意思是来吧,我们有自己的邮局!我的意思是,验证是可以的......但仍然让您的用户选择是否有多个......如果一个城市不存在,则允许进入。 +1 迈克
    【解决方案2】:

    我想说尝试实现类似 predictive search 的东西,它将城市和 zip 字段作为搜索参数。

    例如,您输入了您的邮政编码,点击(或标签)到城市字段,您将获得该邮政编码适用的城市列表。

    但不要强迫用户选择列表中的条目之一。

    如果用户所在的城市不在其中,您可以自动填充数据库。

    这是我想要的东西:)

    【讨论】:

      【解决方案3】:

      地址通常是“值对象”,这意味着它们只对实体(例如客户)只读,这意味着您可能应该让它们选择现有地址或创建新地址。

      也就是说,这也取决于您的目标受众。他们擅长输入地址吗?例如,我总是为日期弹出一个弹出控件,这样他们就不会选择无效的日期。

      您可以查看导航系统的工作原理。他们总是要求目的地。我的首先在街道上自动完成,然后是门牌号,然后是城市/邮编。看看更受欢迎的单位。

      【讨论】:

        【解决方案4】:

        只需在他们填写查找信息时禁用额外的字段。你的 AJAX 调用不应该那么慢。如果是,那么您还有一些严重的问题需要解决。

        但你走在正确的道路上。

        【讨论】:

        • 好吧,仅加拿大就有 900,000 个条目,而我什至还没有开始在美国。但无论如何,速度更多地取决于它们的连接而不是数据库查询。请求之间可能存在延迟。
        • 900,000 个条目,但它们并不都以 A 开头。因此,当用户键入时,您的查询会非常快速地过滤掉记录。通常,在查询也输入几个字符之前,您不允许查询返回结果。
        【解决方案5】:

        我会先让他们只输入邮政编码,然后我可能会提交表单并返回两种不同的表单,具体取决于您的数据库中是否有可用数据。

        一句警告:人们可能对虚荣地址极为敏感。您的数据库可能显示 94027 是加利福尼亚州的 Redwood Shores,但如果您告诉一个认为他住在 Atherton 的人他住在 Redwood City,他会生气的。有时,人们在输入地址信息时最好不要做额外的工作。

        【讨论】:

        • 人们将整天、每一天都在这个网站上输入地址。需要非常简单;我不希望他们输入的内容超过他们必须输入的内容。有时可能会导致省市出错,但这很容易解决。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2017-06-29
        • 2020-02-13
        • 2021-10-15
        • 2018-02-21
        • 2022-07-25
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多