Saisissez d’abord le code postal

• Bien que les 5 chiffres du code ZIP américain permettent d’identifier automatiquement la ville, l’État et le pays, la plupart des sites web n’en tirent toujours pas parti
• Les utilisateurs doivent encore saisir manuellement l’adresse, la ville, l’État et le pays, en passant notamment par des menus déroulants inefficaces pour choisir l’État et le pays
• La seule saisie du code ZIP permet un remplissage automatique ; en réduisant le périmètre de recherche, elle améliore la vitesse et la précision tout en rehaussant la qualité des données
• Alors que cela peut être implémenté avec une API gratuite et quelques lignes de code simples, de nombreux sites utilisent encore des formulaires obsolètes
• L’article souligne que les développeurs et responsables produit doivent corriger l’inefficacité des formulaires de saisie d’adresse

• Le haut de l’article contient la phrase suivante

  Vous venez de Corée du Sud, n’est-ce pas ? La Corée du Sud a complètement refondu son système de codes postaux en 2015, et il est désormais vraiment excellent. Nous, nous utilisons encore des codes postaux de l’époque de l’administration Kennedy.

---

Efficacité du code ZIP et remise en question du problème

• Un code ZIP est composé de 5 chiffres, qui permettent d’identifier la ville, l’État et le pays
  • Par exemple, si l’on saisit 90210, cela détermine automatiquement Beverly Hills, California, United States
• La plupart des sites web sont encore conçus pour que l’utilisateur saisisse dans l’ordre adresse → ville → État → ZIP → pays
  • Pour choisir un État, il faut retrouver un élément parmi 50, et pour choisir un pays, faire défiler une liste de plus de 200 entrées, ce qui est inefficace
• L’article critique cette UX anachronique avec une formule du type : « On est en 2026, et on fait encore comme ça ? »

Avantages de l’autocomplétion basée sur le code ZIP

• La simple saisie du code ZIP permet de remplir automatiquement 3 champs (ville, État, pays)
• Après autocomplétion, le périmètre de recherche de l’adresse est réduit à quelques milliers d’options, ce qui améliore la vitesse et la précision
• L’utilisateur a moins de saisie à faire, et le fournisseur de service obtient des données plus propres
• Cette fonctionnalité n’a rien de nouveau et peut être implémentée simplement avec une API gratuite
  • Dans l’exemple de code, l’appel à https://api.zippopotam.us/us/${zip} remplit automatiquement la ville et l’État

Types de mauvaise conception de formulaires

• Étape 1 : placer le ZIP à la fin — de grands sites comme Amazon, Target ou Walmart entrent dans cette catégorie
• Étape 2 : collecter le ZIP sans rien en faire — il est uniquement stocké en base de données sans être exploité
• Étape 3 : faire défiler la liste déroulante des pays — il faut parcourir 240 pays sans recherche, et il arrive même que les États-Unis soient rangés à la lettre « T »
• Étape 4 : réinitialiser le formulaire lorsqu’on revient en arrière — après un échec de paiement, toutes les saisies disparaissent, ce qui provoque de la fatigue côté utilisateur

Suggestions d’amélioration supplémentaires

• Optimisation du champ de saisie numérique : lors de la saisie du code ZIP, utiliser inputmode="numeric" pour afficher un clavier numérique sur mobile
• Exploiter l’autocomplétion du navigateur : il faut définir correctement les attributs autocomplete (postal-code, address-line1, country)
• Autoriser la saisie du pays en premier : comme les codes postaux peuvent se chevaucher à l’échelle mondiale, on peut aussi définir d’abord le pays à partir de l’IP, puis saisir le ZIP

Conclusion et appel à l’action

• La structure optimale consiste à saisir d’abord le code ZIP, à autocompléter la ville, l’État et le pays, puis à saisir l’adresse postale en dernier
• Le problème est déjà résolu technologiquement, et peut être traité avec 5 lignes de code
• Si rien ne change encore, c’est à cause de l’inertie qui consiste à réutiliser tels quels d’anciens templates
• L’article se termine par la question « Pourquoi le code ZIP est-il tout en bas ? » et insiste sur le fait que tous les concepteurs de formulaires doivent corriger cela