區域接近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來實現（你在找分支機構？其他公司？等？）

我不是用一個大風扇純粹的地理鄰近度來定義地區。例如，如果一家公司在紐約開展業務，它可能在新澤西州設有一個辦公室，可能遠至月球。另一方面，對於一家在錨地的公司，溫哥華的辦公室仍然可以在該地區內。不幸的是，州界也是毫無意義的。例如，我住在賓夕法尼亞州西部，可以告訴你，雖然匹茲堡和費城處於同一個州，但對於所有重要的事情他們可能是不同的國家，而且大多數公司在每個辦事處都設有辦事處。

如果你的項目是基於燈具的，爲什麼不讓用戶點擊地圖上的一個點，並基於這個問題問他他的意思（如最近的城市，整個縣，整個州，整個國家？）。如果然後你需要定義整個區域，你可以使用某種抓取工具來點擊或劃定可能屬於其中的所有其他區域？

無論哪種方式，您的辦公室在地圖上呈現爲圖釘，然後可能有一個列表旁邊的標準谷歌地圖處理搜索的方式。

它可能是很多工作，但如果它是一個重要的表單，用戶可能更喜歡那些超過手動文本輸入或從列表中選擇。