Ingresa primero el código postal
(zipcodefirst.com)- Aunque con solo los 5 dígitos del código ZIP en Estados Unidos se puede identificar automáticamente la ciudad, el estado y el país, la mayoría de los sitios web no lo aprovechan
- Los usuarios todavía tienen que ingresar manualmente la dirección, ciudad, estado y país, y en especial deben pasar por menús desplegables ineficientes para elegir el estado y el país
- Con solo ingresar el código ZIP se puede lograr el autocompletado, se reduce el ámbito de búsqueda y mejoran la velocidad y la precisión, además de la calidad de los datos
- A pesar de que puede implementarse con APIs gratuitas y unas cuantas líneas simples de código, muchos sitios siguen usando formularios anticuados
- Se enfatiza que los desarrolladores y responsables de producto deben mejorar la ineficiencia de los formularios de dirección
- En la parte superior del texto aparece una frase como la siguiente
Entonces vienes de Corea. Corea renovó por completo su sistema de códigos postales en 2015, y ahora es realmente excelente. Nosotros seguimos usando códigos postales de la época del gobierno de Kennedy.
Eficiencia del código ZIP y planteamiento del problema
- El código ZIP está compuesto por 5 dígitos, y con eso se puede identificar la ciudad, el estado y el país
- Por ejemplo, al ingresar
90210, se determina automáticamente Beverly Hills, California, United States
- Por ejemplo, al ingresar
- La mayoría de los sitios web todavía están diseñados para que el usuario ingrese en el orden dirección → ciudad → estado → ZIP → país
- Al elegir el estado, hay que encontrar uno entre 50 opciones, y al elegir el país existe la ineficiencia de tener que desplazarse por una lista de más de 200
- El texto critica este UX anacrónico con una expresión del tipo “estamos en 2026 y todavía se hace así”
Ventajas del autocompletado basado en código ZIP
- Con solo ingresar el código ZIP, se pueden completar automáticamente 3 campos (ciudad, estado y país)
- Después del autocompletado, el ámbito de búsqueda de la dirección se reduce a miles de opciones, mejorando la velocidad y la precisión
- El usuario escribe menos, y el proveedor del servicio puede obtener datos más limpios
- Esta función no es una tecnología nueva, y puede implementarse fácilmente con una API gratuita
- En el código de ejemplo, se completa automáticamente la ciudad y el estado llamando a
https://api.zippopotam.us/us/${zip}
- En el código de ejemplo, se completa automáticamente la ciudad y el estado llamando a
Tipos de mal diseño de formularios
- Paso 1: poner el ZIP al final — grandes sitios como Amazon, Target y Walmart entran en esta categoría
- Paso 2: recopilar el ZIP pero no hacer nada con él — solo se guarda en la base de datos y no se aprovecha
- Paso 3: desplazarse por el menú desplegable de países — hay que recorrer 240 países sin búsqueda, y a veces Estados Unidos aparece incluso en la sección “T”
- Paso 4: reiniciar el formulario al volver atrás — cuando falla el pago, toda la información ingresada desaparece y eso fatiga al usuario
Propuestas adicionales de mejora
- Optimización del campo numérico: al ingresar el código ZIP, usar
inputmode="numeric"para mostrar el teclado numérico en móviles - Aprovechar el autocompletado del navegador: hay que definir correctamente el atributo
autocomplete(postal-code,address-line1,country) - Permitir ingresar primero el país: como los códigos postales pueden repetirse a nivel mundial, también es posible establecer primero el país según la IP y luego ingresar el ZIP
Conclusión y llamado a la acción
- La estructura óptima es ingresar primero el código ZIP, autocompletar ciudad, estado y país, y dejar la dirección de la calle para el final
- Este problema ya tiene solución técnica y puede implementarse con 5 líneas de código
- La razón por la que todavía no se mejora es la inercia de seguir usando plantillas antiguas
- El texto cierra con la pregunta “¿por qué el código ZIP está hasta abajo?” y enfatiza que todos los diseñadores de formularios deben corregir esto
1 comentarios
Opiniones en Hacker News
La afirmación de que con solo un ZIP code de 5 dígitos de EE. UU. se puede averiguar ciudad, estado y país es una suposición incorrecta
Los ZIP codes pueden abarcar varias ciudades o incluso cruzar límites estatales
También hay casos en los que los códigos se superponen entre países, así que intentar autocompletar a partir de eso puede convertirse en una UX desastrosa
Más bien, es mucho mejor diseñar el sitio para aprovechar la función de autofill del navegador
Aunque un ZIP abarque varias ciudades, USPS procesa las direcciones en torno al ZIP, así que los límites administrativos no importan
Por eso, al usuario podrían autocompletarle un nombre distinto al de la ciudad donde vive
Para consultar los nombres de ciudad por ZIP, se puede revisar USPS ZIP Code Lookup
Al final, lo más seguro es pedir ciudad, estado y ZIP por separado
Como los casos excepcionales se pueden corregir manualmente, sigo pensando que pedir primero el ZIP sigue siendo eficiente
Eso sí, hay que permitir entrada libre para que el usuario pueda corregirlo manualmente
<FORM>y las funciones básicas de HTML eran mejoresLos formularios web actuales dañan la usabilidad con JavaScript innecesario y menús desplegables
Es un enfoque centrado en Estados Unidos
Ingresé un código postal de México y lo reconoció como el estado de Maine, en EE. UU.
Asumir el país solo a partir del ZIP code es una premisa completamente errónea
Los códigos postales noruegos tienen 4 dígitos, pero piden 5, o rechazan letras noruegas como ø, å, æ por considerarlas caracteres especiales
Este tipo de problema pasa seguido, aunque el sistema postal noruego permite algunas grafías alternativas
Al ingresar el código postal, se podrían mostrar arriba los países posibles, y dejar todos los campos editables
Pero si también se usara la geolocalización del cliente, salvo excepciones como usuarios con VPN, parece que funcionaría con 99% de precisión
Este tipo de casos surge de que las empresas estadounidenses asumen que el resto del mundo es igual a ellas
Algunos países ofrecen servicios de autocompletado basados en la base de datos de su propio sistema postal,
pero aun así no funcionan en direcciones sin código postal
Pedir primero el ZIP code es incómodo para más del 95% de la población mundial
Ingresé mi código postal y lo reconoció como si fuera de EE. UU.
Ingresé mi ZIP code y me salió Wisconsin, y ni siquiera podía cambiar el país a Grecia
La idea de mejorar la UX es buena, pero no hay que olvidarse del otro 95% del planeta
Fuera de EE. UU. hay muchos lugares sin ZIP code, con formatos distintos o con códigos duplicados
Por eso, lo correcto es elegir primero el país y después ingresar el código postal
Incluso en países como Alemania, que usan PLZ de 5 dígitos, es difícil identificar con precisión la ciudad solo con el código postal
Para quienes viven fuera de EE. UU., ingresar un ZIP produce resultados absurdos y obliga a borrar los campos otra vez
Por eso, en la práctica casi nunca hace falta escribir la dirección manualmente
Un malentendido común sobre las direcciones entre desarrolladores de EE. UU. es creer que “fuera de Estados Unidos no existen países”
Es un problema construir un sistema que no funciona en más del 90% del mundo y ni siquiera probarlo
La idea de pedir primero el ZIP code no aplica para usuarios fuera de EE. UU.
Queda la duda de cómo se supondría que se registre alguien de un país sin ZIP, como Turkmenistán
El ZIP code no es un estándar internacional, así que no puede funcionar con reglas exclusivas de EE. UU.
El ZIP code no sirve tanto para identificar perfectamente una ciudad como para actuar más bien como una suma de verificación de la validez de la dirección
Por eso, me parece un compromiso realista mostrar ZIP, ciudad y estado como autocompletado o sugerencia
Ingresé un ZIP code alemán y lo reconoció como otro país por error
En Alemania, varias localidades comparten un mismo ZIP, así que no se puede saber la ciudad exacta solo con eso
Al final, es un método que no funciona a nivel global