web-dev-qa-db-fra.com

L'État américain doit-il être une liste déroulante ou un champ de texte

Pour les formulaires de saisie d'adresse, "État" doit-il être un champ de texte ou une liste déroulante? Personnellement, je trouve qu'un champ de texte à 2 caractères est beaucoup plus rapide à remplir que la sélection dans une liste déroulante. Cependant, la majorité des formulaires que je rencontre utilisent une liste déroulante (certains affichant les noms d'état complets et d'autres affichant simplement l'abréviation).

Y a-t-il une raison pour laquelle une liste déroulante serait préférée ou est-ce simplement une question de convention?

4
Laplie Anderson

Je dirais qu'un bon nombre de personnes pensent à l'abréviation à deux lettres quand elles pensent à leur état. Un formulaire qui tient compte à la fois de la saisie manuelle courte et longue et d'une liste déroulante traditionnelle serait idéal dans mon esprit. J'imagine quelque chose comme un champ de texte standard qui valide sur l'abréviation ou le nom complet, et s'il y a une faute de frappe, le champ obtient un état d'erreur et une liste déroulante traditionnelle. La liste déroulante est toujours disponible pour les utilisateurs qui préfèrent utiliser la souris.

Input validates on either abbreviation or full name

On error, drop-down opens for manual selection

5
Brian

Utilisez une zone de texte, puis validez l'entrée.

Je suis développeur chez SmartyStreets, où nous traitons ce problème beaucoup . Les listes déroulantes sont connues pour ralentir les utilisateurs car elles sont difficiles à naviguer avec le clavier. Par exemple, certaines listes déroulantes d'état utilisent "NV - Nevada", d'autres simplement "Nevada" et d'autres simplement "NV" - dans tous les cas, il est difficile pour les utilisateurs de prédire quoi taper. Vous avez mentionné vous-même cette incohérence. Ainsi, les utilisateurs utilisent fréquemment la souris, détruisant leur rainure de remplissage de formulaire.

Non seulement cela, mais une liste déroulante avec plus de 50 états dans sa liste est difficile à lire. L'utilisateur passera plus de temps à faire défiler et aura plus de mouvements oculaires que s'il peut simplement taper son état comme "Nevada" ou "NV" ou tout ce qu'il veut.

Maintenant, à propos de la validation: il est assez facile de s'assurer que l'utilisateur a tapé un état valide, car il n'y a que 50 options et plusieurs dizaines d'implémentations sur le Web sont prêtes à l'emploi. Mais rares sont ceux qui se prêtent vraiment à une bonne expérience utilisateur: vous devrez "magasiner" et en être le juge. Si l'utilisateur tape son adresse, assurez-vous de valider l'adresse. Voici un plugin jQuery qui peut être utilisé gratuitement qui rend cela assez trivial (mais voir le lien précédent: les listes déroulantes peuvent être problématiques).

Dans le cadre de ma vendetta personnelle contre une mauvaise utilisation des menus déroulants, j'ai une mission personnelle au travail non seulement de normaliser les adresses, mais aussi les formulaires d'adresse . Encore une fois, je prends la liberté de supposer que vous posez des questions sur les formulaires qui ne collectent pas uniquement les noms d'état (peu le font), mais à la fin, Je crois que tous les formulaires d'adresse peuvent être consolidés en un seul champ (voir le plugin jQuery lié ci-dessus, qui prend en charge l'analyse et la validation des entrées de forme libre). L'utilisation d'une seule zone de texte ou zone de texte rend l'ensemble du processus plus fluide et totalement normalisé: un utilisateur peut taper son entrée comme il le souhaite, et puisque l'entrée est en cours de validation, en utilisant le formulaire ne devient plus un bouchon.

Pour plus de lecture, voir mon article sur mon site sur le plugin jQuery qui, à mi-chemin environ, a une diatribe assez approfondie contre les listes déroulantes dans les champs d'adresse (que je viens de retaper principalement ici; oh bien).

Je me promène maintenant. Mais vous avez l'idée.

3
Matt

Je ne connais pas beaucoup d'utilisateurs "normaux" qui naviguent dans les formulaires à l'aide de leur clavier. La plupart des gens que je connais utilisent leur souris (en interagissant avec/en aidant les gens avec qui je travaille), et une liste déroulante/sélection correspond à ce cas d'utilisation. Personnellement, j'ai tendance à utiliser mon clavier pour taper sur la sélection, puis à taper "C" 3 fois pour accéder au "Connecticut". Le seul problème que je vois avec un champ de texte est qu'un bon nombre de personnes peuvent ne pas connaître l'abréviation à deux lettres de l'État (elles ne sélectionnent pas toujours l'état dans lequel elles vivent, selon le formulaire), et en tapant le une abréviation erronée, puis l'envoi du formulaire uniquement pour recevoir un message "état invalide" les ralentiraient encore plus. Une sélection limite les choix de l'utilisateur et évite ainsi les erreurs de validation.

1
Eric Belair

Pensez-y plutôt, est-ce vraiment nécessaire en premier lieu? Si quelqu'un connaît son nom, son adresse, sa ville et son code postal, je pense qu'il est très peu probable qu'il ait besoin de rompre le rythme pour trouver le nom de son État ou le "code" correspondant.

0
Daniel Downing