区域接近UI

Question

我正在开发一个允许用户指定公司所在区域的UI（支持AJAX; LAMP服务器）。在这种情况下，“地区”可能是一个州（与美国打交道），一个省（加拿大）或整个国家（其他人）。

由于世界上有195个国家，我想避免多选框或复选框列表。在导致这个特定屏幕的工作流程中，用户将已经输入了公司的完整地址，所以我有一个起始区域可以工作。

由于大多数公司只在自己的地区运营，而覆盖多个地区的公司往往不会走得太远，因此我正在考虑根据邻近度逐步显示地区列表。我认识到某些时候（我现在使用3次传球）需要显示完整列表;我只是试图推迟用户达到这一点，因为这是一个确定的边缘情况。

Here is a PNG mockup that explains this concept a bit more clearly。 （196KB）

问题：

• 你有什么建议的实际形式的互动？这还没有提供给代表性的最终用户，但我在原型开发阶段接受所有建议。
• 您是否认为美国各州和/或加拿大省份之间的“卷起”会对用户的空间记忆产生负面影响？
  • 更清楚的是：在第三次通过后，公司将在美国的每个州都运营 - 因此将这50个投入转化为一个投入。
• 是否有任何现有的应用程序将此方法用作基准或演示？
• 而且，因为我知道我的开发人员会想知道 - 存储每个区域的邻近度最简单的方法是什么？纬度/长度的中心？ “边框”每个角的纬度/长度（更精确）？我假设我们最终会根据公司实际地址的经纬度来编写一些近似计算。

Answer 1

您是否期待用户阅读地图以了解要使用的复选框列表？如果用户的地理能力水平高于他们，那么他们直接从地图中选择地区的工作量会减少，而不是让他们进行地图到接近水平的认知传输，然后是接近水平 - 区域转移。

如果一些用户没有这个级别的地理专业知识（你可能会惊讶有多少美国人在美国地图上找不到自己的国家），那么我想尝试，也许除地图外，不超过两个列表，一个接近家庭地址的近端（默认）和一个详尽的。我看不到具有弱地理能力的用户能够处理多个任意级别的邻近。无法很好地阅读地图的人无法估计一个地区与另一个地区的接近程度。因此，这个想法是尝试一个近端列表，如果这不起作用，那么忘记接近并且尽可能详尽 - 不要让用户在寻找爱达荷的邻近级别间流浪（“我发誓它靠近印第安纳州”）。

默认情况下，根据您的可能客户的研究，显示可能满足大多数用户的区域的近端列表。 “更多”按钮显示详尽的列表。除了首先将详尽清单细分为美国各州，省&加拿大领土和国家（其中包括美国（全部）和加拿大（全部））之外，这两个清单应按字母顺序排序。

您可以提供一些命令按钮来选择多个区域（例如，“所有48个连续的美国州，南美洲所有州）”，允许用户随后取消选择某些区域。出于这个原因，我不会推出任何东西，直到用户提交输入。使用地图加上列表（所有HTML，不会少）

正如有人的例子，看到http://justaddwater.dk/2007/12/21/map-with-positions-in-css/

Answer 2

我真不明白它是什么，你想从当前的UI来实现（你在找分支机构？其他公司？等？）

我不是用一个大风扇纯粹的地理邻近度来定义地区。例如，如果一家公司在纽约开展业务，它可能在新泽西州设有一个办公室，可能远至月球。另一方面，对于一家在锚地的公司，温哥华的办公室仍然可以在该地区内。不幸的是，州界也是毫无意义的。例如，我住在宾夕法尼亚州西部，可以告诉你，虽然匹兹堡和费城处于同一个州，但对于所有重要的事情他们可能是不同的国家，而且大多数公司在每个办事处都设有办事处。

如果你的项目是基于灯具的，为什么不让用户点击地图上的一个点，并基于这个问题问他他的意思（如最近的城市，整个县，整个州，整个国家？）。如果然后你需要定义整个区域，你可以使用某种抓取工具来点击或划定可能属于其中的所有其他区域？

无论哪种方式，您的办公室在地图上呈现为图钉，然后可能有一个列表旁边的标准谷歌地图处理搜索的方式。

它可能是很多工作，但如果它是一个重要的表单，用户可能更喜欢那些超过手动文本输入或从列表中选择。