代码之家  ›  专栏  ›  技术社区  ›  Mark Hurd

区域邻近UI

  •  1
  • Mark Hurd  · 技术社区  · 17 年前

    由于世界上有195个国家,我想避免使用多选框或复选框列表。在通往此特定屏幕的工作流程中,用户已经输入了公司的完整地址,因此我有一个开始工作的区域。

    Here is a PNG mockup that explains this concept a bit more clearly

    • 对于实际的表单交互,您有什么建议?这还没有呈现给代表性的最终用户,但我在原型阶段对所有建议持开放态度。
    2 回复  |  直到 17 年前
        1
  •  0
  •   Uri    17 年前

    您是否希望用户阅读地图以了解要转到哪个复选框列表?如果您的用户具有超过级别的地理能力,那么直接从地图上选择区域对他们来说就不那么容易了,而不是让他们进行地图到邻近级别的认知转移,然后进行邻近级别到区域的转移。

    如果一些用户没有这种水平的地理专业知识(你可能会惊讶地发现,有多少美国人在美国地图上找不到自己的州),那么我会尝试,也许除了地图之外,不要超过两个列表,一个是靠近家庭地址的近端(默认)区域列表,另一个是详尽的列表。我看不出地理能力较弱的用户能够处理多个任意级别的接近度。不能很好地阅读地图的人将无法估计一个地区与另一个地区的接近程度。因此,我们的想法是尝试一个近距离列表,如果不起作用,那就忘记邻近性,进行详尽的搜索——不要让你的用户在邻近性级别之间徘徊,寻找爱达荷州(我发誓它靠近印第安纳州)。

    作为一个使用地图加列表的示例(全部为HTML格式),请参阅 http://justaddwater.dk/2007/12/21/map-with-positions-in-css/

        2
  •  0
  •   Michael Zuschlag    16 年前

    我不太喜欢用纯粹的地理邻近性来定义地区。例如,如果一家公司在纽约市运营,它可以在新泽西州设立一个办事处,这个办事处可能远至月球。另一方面,对于锚地的公司来说,温哥华的办事处仍可能位于该地区。不幸的是,国家边界也毫无意义。例如,我住在宾夕法尼亚州西部,可以告诉你,虽然匹兹堡和费城在同一个州,但它们可能是不同的国家,而且大多数公司在每个州都有办事处。

    无论哪种方式,都可以将你的办公室作为地图上的图钉,然后在旁边放一个列表,就像标准谷歌地图处理搜索一样。

    这可能需要很多工作,但如果它是一个重要的表单,用户可能更喜欢它,而不是手动输入文本或从列表中选择。