Masukkan kode pos terlebih dahulu

 (zipcodefirst.com)
1 poin oleh GN⁺ 2026-03-08 | 1 komentar | Bagikan ke WhatsApp
  • Hanya dengan 5 digit kode ZIP Amerika Serikat, kota, negara bagian, dan negara dapat diidentifikasi secara otomatis, tetapi sebagian besar situs web masih tidak memanfaatkannya
  • Pengguna masih harus memasukkan alamat, kota, negara bagian, dan negara secara manual, dan khususnya harus melewati menu dropdown yang tidak efisien saat memilih negara bagian dan negara
  • Dengan memasukkan kode ZIP saja, pelengkapan otomatis dapat dilakukan, cakupan pencarian menyempit, sehingga kecepatan dan akurasi meningkat serta kualitas data juga membaik
  • Meskipun bisa diimplementasikan dengan API gratis dan beberapa baris kode sederhana, banyak situs masih menggunakan formulir usang
  • Ditekankan bahwa pengembang dan pemilik produk harus memperbaiki inefisiensi formulir input alamat
  • Di bagian atas tulisan terdapat kalimat berikut

    Rupanya Anda datang dari Korea. Korea merombak total sistem kode posnya pada 2015 dan sekarang hasilnya sangat baik. Kami masih memakai kode pos dari era pemerintahan Kennedy.

Efisiensi kode ZIP dan persoalan yang diangkat

  • Kode ZIP terdiri dari 5 digit angka, dan dari sana kota, negara bagian, serta negara bisa diidentifikasi
    • Sebagai contoh, memasukkan 90210 akan otomatis menentukan Beverly Hills, California, United States
  • Sebagian besar situs web masih dirancang agar pengguna mengisi alamat → kota → negara bagian → ZIP → negara secara berurutan
    • Saat memilih negara bagian, pengguna harus mencari satu dari 50 opsi, dan saat memilih negara harus menggulir daftar lebih dari 200 entri
  • Tulisan ini mengkritik UX yang ketinggalan zaman dengan ungkapan, “Ini sudah tahun 2026 dan masih begini?”

Keunggulan pelengkapan otomatis berbasis kode ZIP

  • Hanya dengan memasukkan kode ZIP, 3 kolom (kota, negara bagian, negara) bisa terisi otomatis
  • Setelah pelengkapan otomatis, cakupan pencarian alamat menyusut menjadi ribuan kemungkinan, sehingga kecepatan dan akurasi meningkat
  • Pengguna mengetik lebih sedikit, sementara penyedia layanan memperoleh data yang lebih bersih
  • Fitur ini bukan teknologi baru, dan bisa diimplementasikan dengan mudah memakai API gratis

Jenis-jenis desain formulir yang buruk

  • Tahap 1: Menaruh ZIP di bagian paling akhir — situs besar seperti Amazon, Target, dan Walmart termasuk dalam kategori ini
  • Tahap 2: Mengumpulkan ZIP tetapi tidak melakukan apa pun — hanya disimpan di database tanpa dimanfaatkan
  • Tahap 3: Menggulir dropdown negara — pengguna harus menggulir 240 negara tanpa pencarian, dan dalam beberapa kasus United States bahkan berada di bagian huruf “T”
  • Tahap 4: Formulir ter-reset saat menekan kembali — setelah pembayaran gagal, semua input hilang dan membuat pengguna lelah

Usulan perbaikan tambahan

  • Optimasi kolom input angka: saat memasukkan kode ZIP, gunakan inputmode="numeric" agar keypad angka muncul di perangkat mobile
  • Memanfaatkan autocomplete browser: atribut autocomplete (postal-code, address-line1, country) harus ditetapkan dengan benar
  • Mengizinkan input negara lebih dulu: karena kode pos bisa tumpang tindih secara global, negara bisa ditentukan lebih dulu berbasis IP lalu ZIP dimasukkan setelahnya

Kesimpulan dan ajakan bertindak

  • Struktur yang optimal adalah memasukkan kode ZIP terlebih dahulu, melengkapi otomatis kota, negara bagian, dan negara, lalu alamat jalan diisi paling akhir
  • Masalah ini sebenarnya sudah selesai dari sisi teknis dan bisa diterapkan hanya dengan 5 baris kode
  • Alasan mengapa banyak situs belum membaik adalah inersia menggunakan template lama apa adanya
  • Tulisan ditutup dengan pertanyaan, “Mengapa kode ZIP ada di bagian paling bawah?” sambil menegaskan bahwa semua perancang formulir harus memperbaikinya

Bacaan terkait

1 komentar

 
GN⁺ 2026-03-08
Komentar Hacker News

  • Klaim bahwa hanya dari 5 digit ZIP code AS kita bisa mengetahui kota, negara bagian, dan negara adalah asumsi yang keliru
    ZIP code bisa mencakup beberapa kota atau bahkan melintasi batas negara bagian
    Ada juga kasus kode yang bertabrakan antarnegara, sehingga jika dipakai sebagai dasar autofill, risikonya menjadi UX yang sangat buruk
    Jauh lebih baik merancang situs agar memanfaatkan fitur autofill di browser

    • USPS mengelola ‘preferred city name’ dan nama kota alternatif yang masih diterima untuk tiap ZIP code
      Walaupun satu ZIP mencakup beberapa kota, USPS memproses alamat berdasarkan ZIP, jadi batas administratif tidak terlalu berarti
      Karena itu, pengguna bisa saja melihat nama kota yang terisi otomatis berbeda dari tempat tinggal yang mereka kenal
      Untuk memeriksa nama kota per ZIP, lihat USPS ZIP Code Lookup
    • Saat benar-benar diimplementasikan, sering muncul kasus rumit seperti satu kota mencakup banyak ZIP, atau ada kota dengan nama yang sama dalam satu negara bagian
      Pada akhirnya, lebih aman meminta pengguna mengisi kota, negara bagian, dan ZIP semuanya
    • ZIP code memang bisa menebak negara bagian dan kota dalam banyak kasus, tetapi akurasinya hanya sekitar 95%
      Sisa kasus pengecualian bisa diisi manual, jadi menurut saya alur yang meminta ZIP lebih dulu tetap efisien
    • Tetap berguna untuk memfilter otomatis field lain berdasarkan kode pos
      Namun, pengguna harus tetap diberi kebebasan untuk mengubahnya secara manual
    • Ironisnya, tag <FORM> dan fitur HTML dasar pada era Netscape 1990-an justru lebih baik
      Web form modern malah sering merusak kegunaan dengan JavaScript yang tidak perlu dan dropdown berlebihan

  • Ini pendekatan yang terlalu berpusat pada AS
    Saya memasukkan kode pos Meksiko, tetapi dikenali sebagai negara bagian Maine di AS
    Menebak negara hanya dari ZIP code adalah premis yang sepenuhnya salah

    • Situs e-commerce AS sering gagal saat mencoba lint (validasi format) alamat luar negeri
      Kode pos Norwegia terdiri dari 4 digit, tetapi mereka meminta 5 digit, atau menolak huruf Norwegia seperti ø, å, æ sebagai karakter spesial
      Masalah seperti ini sering terjadi, meski sistem pos Norwegia mengizinkan beberapa penulisan alternatif
    • Usulan “masukkan ZIP dan negara lebih dulu” terdengar lebih masuk akal
      Setelah kode pos dimasukkan, tampilkan negara yang mungkin di urutan teratas, dan biarkan semua field tetap bisa diedit
    • Saya memasukkan kode pos Prancis, lalu dikenali sebagai kota di AS
      Namun kalau informasi geolokasi klien juga digunakan, sepertinya bisa bekerja dengan akurasi 99% kecuali untuk kasus seperti pengguna VPN
    • Pada 1990-an, IBM pernah salah mengonversi kode pos Kanada (6 karakter huruf+angka) menjadi ZIP 5 digit ala AS
      Kasus seperti ini berasal dari sikap perusahaan AS yang menganggap dunia bekerja seperti mereka
      Beberapa negara memang menyediakan layanan autocomplete berbasis basis data sistem pos nasional mereka,
      tetapi itu tetap tidak bekerja untuk alamat yang tidak punya kode pos

  • Metode meminta ZIP code lebih dulu membuat lebih dari 95% populasi dunia tidak nyaman
    Saya memasukkan kode pos saya, lalu langsung dianggap berasal dari AS

  • Saat saya memasukkan ZIP saya, hasilnya Wisconsin, dan saya bahkan tidak bisa mengganti negaranya menjadi Yunani
    Usulan peningkatan UX-nya bagus, tetapi jangan melupakan 95% penghuni bumi lainnya

    • Mungkin bagus jika negara dipilih otomatis berdasarkan IP, lalu pengguna bisa mengubahnya bila perlu

  • Di luar AS, banyak tempat yang tidak punya ZIP code, memakai format berbeda, atau memiliki kode yang bertabrakan
    Karena itu, yang benar adalah pilih negara dulu, lalu masukkan kode pos
    Bahkan di negara seperti Jerman yang memakai PLZ 5 digit, kode pos saja sulit untuk menentukan kota secara akurat

  • Bagi pengguna di luar AS, memasukkan ZIP bisa menghasilkan data yang salah dan memaksa mereka menghapus field lalu mengulang

    • Di Inggris, kode pos biasanya bisa mempersempit ke sekitar 15–16 alamat
      Jadi dalam praktiknya hampir tidak perlu mengetik alamat secara manual
    • Ada juga orang yang sama sekali tidak punya alamat tetap atau kode pos, sehingga sistem seperti ini menyulitkan

  • Kesalahpahaman umum soal alamat di kalangan developer AS adalah anggapan bahwa “tidak ada negara di luar AS”
    Membuat sistem yang tidak bekerja untuk lebih dari 90% dunia dan bahkan tidak mengujinya jelas bermasalah

    • Meski begitu, bisa jadi penulis aslinya hanya membahas AS, bukan mengklaim itu berlaku global
    • Mereka tampaknya tidak sadar bahwa setiap negara punya sistem kode posnya sendiri
    • Dalam kasus seperti ini, saya rasa ‘name and shame’ juga perlu

  • Gagasan untuk meminta ZIP code lebih dulu tidak berlaku bagi pengguna di luar AS
    Bagaimana pengguna dari negara seperti Turkmenistan yang tidak punya ZIP bisa mendaftar?

    • Menurut saya, pengguna tanpa ZIP cukup melewati field tersebut
    • Sistem toko online di Jerman sudah mendukung otomatisasi semacam ini
      ZIP code bukan standar internasional, jadi aturan khas AS tidak akan bekerja

  • ZIP code bukan alat untuk menentukan kota secara sempurna, melainkan lebih mirip checksum untuk memvalidasi alamat
    Karena itu, kompromi yang realistis adalah menampilkan ZIP, kota, dan negara bagian dalam bentuk autocomplete atau rekomendasi

  • Saat saya memasukkan ZIP Jerman, negara yang terdeteksi salah
    Di Jerman, beberapa kota kecil bisa berbagi satu ZIP, jadi kota tidak bisa diketahui dengan tepat hanya dari ZIP
    Pada akhirnya, ini adalah pendekatan yang tidak bekerja pada skala global