지역 근접 UI

Question

사용자가 회사가 운영되는 지역을 지정할 수있는 UI (AJAX 가능, 램프 서버)를 개발 중입니다. 이 경우 "지역"은 주 (캐나다) 또는 전체 국가 (다른 국가) 일 수 있습니다.

전 세계에 195 개국이 있으므로 다중 선택 상자 또는 확인란 목록을 피하고 싶습니다. 이 특정 화면으로 연결되는 워크 플로에서 사용자는 이미 회사의 전체 주소를 입력 했으므로 작업 할 시작 영역이 있습니다.

대다수의 회사는 자신의 지역에서만 운영되고 여러 지역을 포함하는 지역은 너무 멀리 나가는 경향이 있으므로 지역에 대한 근접성을 점차적으로 표시하려고합니다. 어느 시점에서 (현재 3 패스를 사용하고 있습니다) 전체 목록을 표시해야한다는 것을 알게됩니다. 나는 그 지점에 도달하지 못하도록 사용자를 지연시키려는 것이 확실하다.

Here is a PNG mockup that explains this concept a bit more clearly. (196킬로바이트)

질문 :

• 당신이 실제 형태의 상호 작용에 대한 어떤 제안이 있습니까? 이것은 대표적인 최종 사용자에게는 아직 제시되지 않았지만 프로토 타이핑 단계에서 모든 제안을 할 수 있습니다.
• 전환 사이의 미국 및/또는 캐나다 지역의 '롤업'이 사용자의 공간 메모리에 부정적인 영향을 미칠 것이라고 생각하십니까?
  • 3 차 통과 후, 회사는 모든 미국 주에서 운영 할 것이므로 50 개의 입력을 하나로 변환하십시오.
• 기준 또는 데모로 사용하기 위해이 방법을 사용한 기존 응용 프로그램이 있습니까?
• 그리고 개발자가 알고 싶어 할 것입니다. 각 지역의 근접성을 저장하는 가장 쉬운 방법은 무엇일까요? 센터의 위도/경도? '경계 상자'의 각 모서리 위/위 (더 정확하게)? 회사의 실제 주소의 위도/경도를 기반으로 몇 가지 근접 계산을 작성하게 될 것이라고 가정합니다.

Answer 1

어떤 체크 박스 목록을 알기 위해 사용자가지도를 읽길 원하십니까? 사용자가 지리적 능력 수준보다 높으면지도에서 근접 수준으로의인지 전송을 수행하는 대신지도에서 직접 지역을 선택하는 것이 상대적으로 적습니다. 지역 이동.

일부 사용자의 지리적 전문성이 충분하지 않은 경우 (얼마나 많은 미국인이 미국지도에서 자신의 주를 찾을 수 없는지 놀랄 수 있음)지도를 추가하면 아마도 2 개 목록, 집 주소에 가까운 지역이있는 근위 (기본값) 및 전체를 하나씩 나열합니다. 지리적 능력이 약한 사용자가 여러 개의 임의의 근접 수준을 처리 할 수 ​​없다는 것을 알 수 없습니다. 지도를 잘 읽지 못하는 사람들은 한 지역의 근접 지역 수준을 다른 지역으로 추정 할 수 없습니다. 그러므로 근원 목록을 시도하고 그것이 작동하지 않는다면 근접성을 잊어 버리고 철저히 조사하십시오 - 사용자가 아이다 호 ("인디애나 인근에 있음을 맹세합니다")를 찾고있는 근접 레벨 사이를 방황하지 마십시오.

기본적으로 가능성이 높은 클라이언트의 조사를 기반으로 사용자 대부분을 만족시킬 가능성이있는 영역이있는 근위 목록을 표시하십시오. "more (추가)"버튼은 철저한 목록을 표시합니다. 두 목록은 알파벳 순서로 정렬해야합니다. 먼저 미국, 각주 & 지역 및 국가 (미국 (전체) 및 캐나다 (전체) 포함)로 철저한 목록을 세분화합니다.

일부 명령 단추를 사용하여 여러 지역 (예 : "모두 48 개의 인접한 미국, 모든 남미 지역)을 선택하여 나중에 일부 지역의 선택을 취소 할 수 있습니다. 이런 이유로 사용자가 입력을 커밋 할 때까지 아무 것도 굴리지 않습니다. (더 적은 HTML의 모든) 맵 플러스 목록을 사용하지 않는 사람의 예로서

, 1,2,3. 회사 Y는 파는 UI는 기본적으로 회사 X는 지역에서 제품을 판매 ", 말하는 http://justaddwater.dk/2007/12/21/map-with-positions-in-css/

Answer 2

나는 당신이 현재의 UI에서 달성하려고하는 것이 무엇인지 정말 분명하지 않다 (당신이 지사 찾는거야? 다른 회사? 등?)

내가 사용의 큰 팬이 아니다 지역을 정의하기위한 순수한 지리적 근접성. 예를 들어 NYC에서 한 회사가 운영된다면 NJ에 사무실이있을 수 있습니다. 반면에 정박지에있는 한 회사의 경우 밴쿠버의 한 사무실이 여전히이 지역에있을 수 있습니다. 불행하게도, 국가의 경계도 무의미합니다. 예를 들어 필자는 서부 펜실베니아 주에 살고 있으며 피츠버그와 필라델피아가 동일한 상태에있는 동안 중요한 문제에 대해 서로 다른 국가가 될 수 있으며 대부분의 회사는 각각 사무실이 있습니다.

프로젝트가 램프 기반 인 경우 사용자가지도에서 특정 지점을 클릭하도록하고 그로 인해 무엇을 의미하는지 (예 : 가장 가까운 도시, 전체 카운티, 전체 주, 전체 국가) 묻는 것이 좋습니다. 그런 다음 전체 지역을 정의해야 할 수도 있습니다. 일부 도구를 사용하여 다른 지역을 클릭하거나 윤곽을 그릴 수 있습니다.

어느 방법이든 사무실에지도를 압정으로 표시하거나, 그런 다음 표준 Google지도가 검색을 처리하는 방식으로 목록에 목록을 만들 수 있습니다.

중요한 작업 일 수 있지만 중요한 형식 인 경우 수동 텍스트 입력이나 목록의 선택보다 선호 할 수 있습니다.