web-dev-qa-db-fra.com

Adresse postale saisie semi-automatique

Il y a pas mal de champs à remplir, et je ne peux pas me décider concernant comment si la fonctionnalité de saisie semi-automatique fonctionne. J'ai trouvé 2 ou 3 autres questions similaires ici, mais elles ne m'ont pas aidé dans cette affaire.

Veuillez ignorer les défauts de l'interface utilisateur dans les images ci-dessous. Il s'agit de la version 0.1 alfa. Je me concentre actuellement sur les problèmes UX.

enter image description here


enter image description here

La liste déroulante de saisie semi-automatique apparaît sur Ligne 1, Ligne 2, Ville, Code postal, Pays, Abréviation. L'utilisateur peut également saisir ce qu'il veut dans chaque champ.

Lorsqu'un élément est sélectionné dans cette liste déroulante, les autres champs doivent être remplis (selon le champ qui a l'aide de contenu, par ex. Ligne 1 remplit tout le reste; Ville remplit Pays et Abréviation).

Question: Les propositions sélectionnées devraient-elles remplacer les valeurs qui existent déjà dans les autres champs? Cela ne serait-il pas gênant/déroutant pour l'utilisateur?

1
GGrec

Ça ne devrait pas.

L'utilisateur compte sur vous que vous ne modifiez pas son entrée derrière son dos.

Alors que l'utilisateur passe au champ suivant, il se concentre désormais sur ce seul champ. Bien que les champs puissent être visuellement proches les uns des autres, il ne fera peut-être pas attention au fait que vous avez modifié son entrée précédente. Sans oublier que vous avez bien compris en disant que cela pourrait l'ennuyer même s'il y prêtait attention. Maintenant, vous pouvez dire "Ok, je vais informer l'utilisateur des modifications que j'ai apportées" et vous finissez par informer l'utilisateur des modifications que vous n'auriez pas dû faire en premier lieu.

Laissez-le tel quel, un champ à la fois. Vous pouvez effectuer des validations sur l'entrée global une fois que l'utilisateur clique sur le bouton "Appliquer" ou "Suivant". C'est la méthode qu'Amazon utilise pour valider les adresses:

enter image description here

4
Assimiz

Il semble que vous ayez beaucoup d'espace à droite du formulaire. Est-ce une idée d'y placer des suggestions avec une option pour les accepter? Quelque chose comme ça:

enter image description here

Ce n'est pas le plus bel exemple mais j'espère que vous avez compris. Si vous avez regroupé des éléments de formulaire, vous pouvez répéter le bouton "Accepter tout" pour chaque groupe.

EDIT: Il est également possible de renverser l'idée. Lorsqu'une suggestion écrase la valeur d'un utilisateur, donnez-lui la possibilité d'annuler cette action:

enter image description here

1
jazZRo

Pour répondre à votre question, non, ils ne doivent pas passer outre. Ma recommandation est d'avoir un champ séparé où ils tapent la partie de l'adresse à faire correspondre, qui remplira ensuite l'adresse - ou ils tapent l'adresse manuellement. Exemple:

 Saisissez une partie d'une adresse déjà dans votre carnet d'adresses pour remplir les champs ci-dessous 
 [___________________________________] 
 
 Ou 
 Commencez à saisir une nouvelle adresse : 
 Ligne 1: [____________________________________] 
 Ligne 2: [_____________________________________] 
 Etc. 
0
bishop