▲

우편번호를 먼저 입력하라

 (zipcodefirst.com)
1P by GN⁺ 20일전 | ★ favorite | 댓글 1개
  • 미국의 ZIP 코드 5자리만으로 도시, 주, 국가를 자동으로 파악할 수 있음에도 대부분의 웹사이트가 이를 활용하지 않고 있음
  • 사용자는 여전히 주소, 도시, 주, 국가를 수동 입력해야 하며, 특히 주와 국가 선택 시 비효율적인 드롭다운 메뉴를 거쳐야 함
  • ZIP 코드 입력만으로 자동 완성이 가능하며, 검색 범위가 줄어 속도와 정확도가 향상되고 데이터 품질도 개선됨
  • 무료 API와 간단한 코드 몇 줄로 구현할 수 있음에도 많은 사이트가 여전히 구식 양식을 사용 중임
  • 개발자와 제품 담당자들이 주소 입력 폼의 비효율을 개선해야 함을 강조함
  • 글 상단에 다음과 같은 문구 포함

    당신은 한국에서 오셨군요. 한국은 2015년에 우편번호 체계를 완전히 개편해서 지금은 정말 훌륭해요. 우리는 아직도 케네디 행정부 시절의 우편번호를 쓰고 있거든요.

ZIP 코드의 효율성과 문제 제기

  • ZIP 코드는 5자리 숫자로 구성되며, 이를 통해 도시, 주, 국가를 모두 식별 가능
    • 예시로 90210을 입력하면 Beverly Hills, California, United States가 자동으로 결정됨
  • 대부분의 웹사이트는 여전히 사용자가 주소 → 도시 → 주 → ZIP → 국가 순으로 입력하도록 설계되어 있음
    • 주 선택 시 50개 항목 중 하나를 찾아야 하고, 국가 선택 시 200개 이상의 목록을 스크롤해야 하는 비효율 존재
  • 글에서는 “2026년인데 아직도 이런 방식이냐”는 표현으로 시대착오적 UX를 비판함

ZIP 코드 기반 자동 완성의 장점

  • ZIP 코드 입력만으로 3개 필드(도시, 주, 국가) 를 자동 채움 가능
  • 자동 완성 후에는 주소 검색 범위가 수천 개로 줄어들어 속도와 정확도가 향상됨
  • 사용자는 입력량이 줄고, 서비스 제공자는 더 깨끗한 데이터를 확보할 수 있음
  • 이러한 기능은 새로운 기술이 아니며, 무료 API로 간단히 구현 가능

잘못된 폼 설계의 유형

  • 1단계: ZIP을 마지막에 배치 — Amazon, Target, Walmart 등 대형 사이트들이 여기에 해당
  • 2단계: ZIP을 수집하지만 아무 동작도 하지 않음 — 데이터베이스에 저장만 하고 활용하지 않음
  • 3단계: 국가 드롭다운 스크롤 — 240개 국가를 검색 없이 스크롤해야 하며, 미국이 “T” 항목에 있는 경우도 있음
  • 4단계: 뒤로 가기 시 폼 초기화 — 결제 실패 후 모든 입력이 사라지는 문제로 사용자 피로를 초래함

추가 개선 제안

  • 숫자 입력 필드 최적화: ZIP 코드 입력 시 inputmode="numeric"을 사용해 모바일에서 숫자 키패드 표시
  • 브라우저 자동 완성 활용: autocomplete 속성(postal-code, address-line1, country)을 올바르게 지정해야 함
  • 국가 우선 입력 허용: 전 세계적으로 우편번호가 중복될 수 있으므로, IP 기반으로 국가를 먼저 설정한 뒤 ZIP을 입력하는 방식도 가능

결론 및 행동 촉구

  • ZIP 코드를 먼저 입력하고, 도시·주·국가를 자동 완성한 뒤 거리 주소를 마지막에 입력하는 구조가 최적
  • 이 문제는 이미 해결된 기술이며, 5줄의 코드로 구현 가능
  • 여전히 개선되지 않은 이유는 오래된 템플릿을 그대로 사용하는 관성 때문
  • “왜 ZIP 코드가 맨 아래에 있는가?”라는 질문으로 마무리하며, 모든 폼 설계자가 이를 수정해야 함을 강조함
▲
GN⁺ 20일전  [-]
Hacker News 의견들

  • 미국 ZIP 코드 5자리만으로 도시, 주, 국가를 알아낼 수 있다는 주장은 잘못된 가정임
    ZIP 코드는 여러 도시를 포함하거나 주 경계를 넘기도 함
    국가 간 코드가 겹치는 경우도 있어서, 이를 기반으로 자동 완성하려 하면 재앙 수준의 UX가 될 위험이 큼
    차라리 브라우저의 autofill 기능을 활용하도록 사이트를 설계하는 게 훨씬 나음

    • USPS는 각 ZIP 코드에 대해 ‘선호 도시명(preferred city name)’과 허용 가능한 대체 도시명을 관리함
      ZIP이 여러 도시를 걸쳐 있어도 USPS는 ZIP 중심으로 주소를 처리하기 때문에 행정 경계는 무의미함
      이 때문에 사용자는 자신이 사는 도시와 다른 이름이 자동 완성될 수도 있음
      ZIP별 도시명을 확인하려면 USPS ZIP Code Lookup을 참고할 수 있음
    • 실제로 구현해보면 도시가 여러 ZIP에 걸치거나, 같은 주 내에 동명이 도시가 존재하는 등 복잡한 경우가 많음
      결국 도시, 주, ZIP을 모두 입력받는 게 안전함
    • ZIP 코드가 대부분의 경우 주와 도시를 유추할 수 있긴 하지만, 95% 정도의 정확도일 뿐임
      나머지 예외 케이스는 수동 입력하면 되므로, ZIP을 먼저 입력받는 구조는 여전히 효율적이라 생각함
    • 우편번호로 나머지 필드를 자동 필터링하는 건 여전히 유용함
      다만 사용자가 직접 수정할 수 있도록 자유 입력을 허용해야 함
    • 오히려 1990년대 Netscape 시절의 <FORM> 태그와 기본 HTML 기능이 더 나았음
      요즘 웹폼은 불필요한 자바스크립트와 드롭다운으로 오히려 사용성을 해침

  • 미국 중심적인 접근임
    멕시코 우편번호를 입력했더니 미국 메인 주로 인식됨
    ZIP 코드만으로 국가를 추정하는 건 완전히 틀린 전제임

    • 미국 이커머스 사이트들이 외국 주소를 lint(형식 검증) 하려다 실패하는 경우가 많음
      노르웨이 우편번호는 4자리인데 5자리를 요구하거나, 노르웨이어 문자인 ø, å, æ를 특수문자로 거부함
      이런 문제는 자주 발생하지만, 노르웨이 우편 시스템은 일부 대체 표기를 허용함
    • “ZIP과 국가를 먼저 입력하자”는 제안이 더 합리적임
      우편번호를 입력하면 가능한 국가를 상단에 정렬해 제시하고, 모든 필드는 수정 가능하게 두면 됨
    • 프랑스 우편번호를 넣었더니 미국 도시로 인식되었음
      하지만 클라이언트의 지오로케이션 정보를 함께 사용하면 VPN 사용자 같은 예외를 제외하고는 99% 정확히 작동할 것 같음
    • 1990년대 IBM이 캐나다 우편번호(문자+숫자 6자리)를 미국식 5자리 ZIP으로 잘못 변환해 보낸 적이 있었음
      이런 사례는 미국 기업들이 세계가 자신들과 같다고 가정하는 태도에서 비롯됨
      일부 국가는 자국 우편 시스템 데이터베이스를 기반으로 자동 완성 서비스를 제공하지만,
      우편번호가 없는 주소에서는 여전히 작동하지 않음

  • ZIP 코드를 먼저 입력받는 방식은 전 세계 인구의 95% 이상에게 불편함
    내 우편번호를 넣었더니 미국으로 인식되었음

  • 내 ZIP 코드를 넣었더니 위스콘신으로 나왔고, 국가를 그리스로 바꿀 수도 없었음
    UX 개선 제안은 좋지만, 지구의 나머지 95%를 잊지 말아야 함

    • IP 기반으로 국가를 미리 선택하고, 사용자가 필요하면 수정할 수 있게 하면 좋을 것 같음

  • 미국 외 지역에는 ZIP 코드가 없거나, 형식이 다르거나, 중복되는 경우가 많음
    따라서 국가를 먼저 선택하고 그다음에 우편번호를 입력하는 게 맞음
    독일처럼 5자리 PLZ를 쓰는 나라에서도, 우편번호만으로는 도시를 정확히 특정하기 어려움

  • 미국 외 거주자는 ZIP을 입력하면 엉뚱한 결과가 나오고, 필드를 다시 지워야 하는 번거로움이 생김

    • 영국의 경우 우편번호만으로 평균 15~16개의 주소까지 좁혀짐
      그래서 실제로는 거의 주소를 직접 입력할 필요가 없음
    • 어떤 사람은 고정 주소나 우편번호가 아예 없는 경우도 있어서 이런 시스템은 불편함

  • 미국 개발자들이 흔히 믿는 주소 관련 오해는 “미국 외에는 나라가 없다”는 것임
    전 세계 90% 이상에서 작동하지 않는 시스템을 만들고도 테스트조차 하지 않은 건 문제임

    • 다만 원문 작성자가 미국만 언급했을 뿐, 전 세계에 적용된다고 주장한 건 아닐 수도 있음
    • 각 나라가 자체 우편번호 체계를 갖고 있다는 사실을 모르는 듯함
    • 이런 경우엔 ‘이름 공개 비판(name and shame)’ 도 필요하다고 생각함

  • ZIP 코드를 먼저 입력하자는 주장은 미국 외 사용자에게는 적용되지 않음
    투르크메니스탄처럼 ZIP이 없는 나라의 사용자는 어떻게 가입하라는 건지 의문임

    • ZIP이 없는 사용자는 그냥 해당 필드를 건너뛰면 된다고 생각함
    • 독일의 쇼핑몰 시스템은 이미 이런 자동화를 지원함
      ZIP 코드는 국제 표준이 아니므로, 미국만의 규칙으로는 작동하지 않음

  • ZIP 코드는 도시를 완벽히 특정하기보다는 주소의 유효성을 검증하는 체크섬 역할에 가까움
    따라서 ZIP, 도시, 주를 자동 완성이나 추천 형태로 제시하는 게 현실적인 절충안이라 생각함

  • 독일 ZIP 코드를 입력했더니 잘못된 국가로 인식됨
    독일에서는 여러 마을이 하나의 ZIP을 공유하기 때문에, ZIP만으로는 도시를 정확히 알 수 없음
    결국 글로벌 수준에서는 작동하지 않는 방식임

답변달기