Remplissage automatique des formulaires et placement des boutons
J'ai un formulaire qui représente un livre, l'utilisateur entre le titre, les auteurs, l'année de publication, etc ... Nous avons une fonctionnalité qui complétera automatiquement le livre entier si l'utilisateur entre suffisamment d'informations pour que nous le trouvions.
Ma pensée initiale était d'ajouter un bouton "Rechercher" à côté du champ dans lequel l'utilisateur se trouve lorsqu'il a entré suffisamment d'informations, mais l'un de mes collègues ne trouve pas cela intuitif. Et je peux voir le problème. Il n'est pas clair que l'action va remplir tous les champs, et on ne sait pas exactement sur quoi le bouton fonctionne.
De l'autre côté, si j'ajoute un bouton au bas du formulaire, avec enregistrer et les autres boutons, il sera moins probable que l'utilisateur le remarque au meilleur moment (au début du processus de remplissage de l'enregistrement). Bien qu'il soit plus clair qu'il fonctionne sur l'ensemble du formulaire.
Comment implémenteriez-vous ce type de fonctionnalité?
Superficiellement, cela s'apparente à la saisie automatique d'une adresse postale sur un formulaire, sauf que ce processus est familier à beaucoup de gens et que c'est généralement le code postal qui est le facteur clé pour déterminer un petit nombre d'adresses possibles parmi lesquelles l'utilisateur sélectionne le numéro de maison correct et le formulaire est rempli automatiquement. Exemple sur alliescomputing.com
Cependant, ce que vous avez ici n'est pas tellement concentré sur un seul niveau de détail, et donc le problème pour l'utilisateur devient: " Quand est-ce que je peux cliquer sur le bouton ".
Vous ne voulez pas laisser l'utilisateur entrer simplement "e", puis autoriser une recherche car cela pourrait être des millions de résultats. Vous ne voulez pas non plus forcer l'utilisateur à entrer plus d'informations que ce qui est réellement nécessaire pour trouver le livre. Le bouton doit être à la fois "utile" et contextuellement pertinent .
Comment résoudre ce problème:
Indiquez la progression vers l'objectif : Afin de ne pas créer de problème pour l'utilisateur, vous devez indiquer si suffisamment d'informations ont été saisies jusqu'à présent. pour rendre le bouton utile, et cela pourrait être un calcul progressif à chaque fois que l'utilisateur passe d'un champ à l'autre. Par exemple - calculez le nombre de résultats qui correspondent et affichent les informations appropriées, comme suit:
Trop de livres - affichez simplement le nombre: Si trop de livres correspondent jusqu'à présent, affichez simplement le nombre de livres correspondant afin que l'utilisateur puisse voir le nombre de l'information est trop vague. Cela incitera l'utilisateur à saisir des informations plus précises s'il le peut.
Moins de 50 livres - afficher le numéro et donner accès à une liste : Une fois que le nombre de résultats atteint quelque chose de gérable, disons entre 6 et 50 résultats, puis afficher toujours le nombre de livres et afficher un bouton 'liste des correspondances possibles' pour parcourir ces résultats et en choisir un pour compléter automatiquement le formulaire - ou selon votre contexte, peut-être via la liste que vous aurez être en mesure de contourner le formulaire et de passer directement au livre?
Une poignée de livres - listez-les automatiquement : Si le nombre de résultats est faible - disons 5 ou moins, supprimez le bouton et montrez simplement les résultats correspondants de toute façon dans une courte liste à côté du formulaire. Encore une fois - vous pourrez peut-être vous dispenser de remplir le formulaire à ce stade.
Pas de livres - dites-le : Si aucun résultat n'est trouvé, indiquez-le clairement dès que possible car l'utilisateur ne va pas plus loin en entrant plus d'informations.
Mise en garde: Une grande partie de cela dépend de la capacité à fournir des commentaires réactifs in situ, mais si vous pouvez le faire, les problèmes de bouton disparaissent.
Je recommanderais la recherche à facettes si vous n'utilisez pas la saisie semi-automatique. C'est très familier car de nombreux sites de commerce électronique l'utilisent et les utilisateurs comprennent comment cela fonctionne. Quel que soit le contenu.
Citant STEPHANIE LEMIEUX dans son article "Designing for faceted search"
"La recherche à facettes permet aux utilisateurs d'affiner ou de parcourir une collection d'informations en utilisant un certain nombre d'attributs discrets - les soi-disant facettes. Une facette représente une perspective spécifique sur un contenu qui est généralement clairement délimité et mutuellement exclusif. Les valeurs d'une facette peuvent être une liste plate qui ne permet qu'un seul choix (par exemple, une liste de tailles de chaussures possibles) ou une liste hiérarchique qui vous permet de parcourir plusieurs niveaux (par exemple, les types de produits, Ordinateurs> Ordinateurs portables). La combinaison de toutes les facettes et valeurs est souvent appelée taxonomie à facettes. Ces valeurs à facettes peuvent être ajoutées directement au contenu en tant que métadonnées ou extraites automatiquement à l'aide d'un logiciel d'exploration de texte. "
Voici un lien vers l'article détaillé: http://www.uie.com/articles/faceted_search/
dans votre cas, si par exemple j'ai entré Harry potter dans la boite de recherche, ceux-ci apparaitront: - Nom (1) - Auteur (2) - Année (6) - Editeur (34)
La sélection des facettes "Nom" et "Auteur", par exemple, affichera les résultats "3", l'un correspond exactement au nom et 2 correspond au nom d'un auteur.
De cette façon, vous continuerez à réduire les résultats que vous n'aurez pas à ajouter de bouton ou à afficher un ensemble énorme de résultats.
J'ajouterais une petite bande sous votre formulaire qui répertorie les correspondances possibles en fonction de l'entrée actuelle de l'utilisateur. La recherche de correspondances possibles se produirait dans une demande AJAX après chaque court délai dans l'entrée de l'utilisateur, disons 500 ms environ).
La bande afficherait la couverture de chaque match possible et son titre en dessous, comme ce que fait Amazon quand il suggère des livres connexes. Une fois que l'utilisateur a cliqué sur l'un, le formulaire remplit le reste des détails.