web-dev-qa-db-fra.com

Comment créer le meilleur formulaire en demandant aux acheteurs leur adresse de livraison?

Je dois créer un formulaire de contact demandant l'adresse de livraison des acheteurs. Mes clients peuvent provenir de n'importe quel pays. L'objectif est d'obtenir le format d'adresse correct afin que les courriers internationaux ne soient pas retournés en raison d'un format d'adresse incorrect.

J'ai remarqué que certains sites Web modifient dynamiquement le formulaire en fonction du pays sélectionné. Par exemple, si vous êtes des États-Unis, il vous sera demandé votre Zip et une liste déroulante des états apparaîtra. Si vous êtes du Royaume-Uni, il vous sera demandé votre code postal et une zone de texte pour votre comté.

Étant israélien, je déteste quand j'ai besoin de trouver un texte créatif pour remplir la zone de texte toujours obligatoire "Etat ou région" ...

Existe-t-il un composant (gratuit ou non) qui stocke toutes ces informations, je n'aurai donc pas besoin de trouver le formatage d'adresse correct de tous les pays du monde?

5
idophir

Que diriez-vous de ne pas forcer un format particulier et de fournir une grande zone de texte simple pour capturer l'adresse entière? Avec cette approche, vous ne vous trompez jamais de format (et nous savons tous les deux que c'est facile à faire).

Pour ma part, je ne vois aucun avantage pour l'utilisateur (ou l'application d'ailleurs) d'avoir une zone de texte distincte pour le nom de la rue, le nom de la ville, le code postal, etc. (bien sûr, cela peut ne pas s'appliquer à votre application, mais vous devriez le considérer) . Qui mieux que les utilisateurs finaux eux-mêmes pour connaître leur propre adresse sans avoir à être guidé par des zones de texte distinctes?

6
Ryan Shripat

Je ne connais pas encore un composant de formulaire international standard ou une bibliothèque, mais en plus de la suggestion de Ryan, vous pouvez également envisager l'une de ces deux approches manuelles:

  1. Utilisez un formulaire international statique et général avec les options les plus courantes, sans "exiger" que les champs les plus courants. Vous pouvez voir un exemple de cela utilisé dans l'article suivant (sous "Formats génériques"): http://www.uxmatters.com/mt/archives/2008/06/international-address-fields-in- web-forms.php

  2. Permettre à l'utilisateur d'activer les champs de formulaire qui sont pertinents pour lui au moment où il remplit son adresse. (c.-à-d. avoir une case à cocher à côté de chaque champ de formulaire qui les active).

4
David Perini

Bien que j'aime la suggestion de @Ryan Shripat , j'imagine que les utilisateurs pourraient finir par être confus quant au début et à la fin de l'adresse. Ce que je veux dire par là, si leur adresse est

123 Street, 18th Ave NE, Seattle

les gens ne sauront pas s'ils doivent s'arrêter uniquement au niveau de la ville ou devraient également continuer à spécifier l'État (le cas échéant) et le pays.

Ma suggestion serait de créer un formulaire d'adresse à deux lignes comme celui-ci:

Primary Address (House #, Street #, Locality and City), State (If applicable), Country

0
Mervin

Il pourrait être utile de rechercher des formats d'adresse dans le monde entier pour voir si vous pouvez discerner certains modèles courants. Je suis sûr que beaucoup de pays ont au moins une mise en forme unique, mais je serais prêt à parier qu'il y a plus en commun que vous ne le pensez. Vous ne pourrez pas éviter TOUS les problèmes de formatage, mais vous pourriez probablement le réduire. Si vous pouviez trouver des modèles courants, vous pourriez baser vos algorithmes de validation sur les valeurs aberrantes.

Peut-être que votre format de base est quelque chose comme ceci:

123 Main Street
City
Region/County
Postal Code
Country
0
Brian