Je travaille sur des wireframes pour un portail web. Dans un formulaire de ce portail Web, il y a une énorme liste (120 éléments) d'options, et les utilisateurs doivent les parcourir (et les lire) toutes.
Il n'est pas possible de diviser ces options en catégories et la longueur des étiquettes est très variable.
Le but de ces wireframes que je développe est de rendre ce formulaire beaucoup moins stressant à parcourir, malheureusement je suis coincé avec ces cases à cocher.
Le meilleur que j'ai trouvé était une liste déroulante comme celle-ci:
C'est là que UX est chargé de corriger quelque chose qui ne peut pas être résolu au niveau UX. J'irais jusqu'à dire que c'est là qu'un système dorsal demande injustement à un utilisateur de prendre des décisions qu'il ne devrait pas avoir à prendre.
Si le problème est que les gens saisissent des articles qu'ils vendent sous un nom différent de celui qui est déjà dans le système, la solution appropriée serait un back-end plus intelligent.
Option 1: Construire un meilleur analyseur de langue back-end
Laissez les utilisateurs entrer leurs éléments en les tapant (peut-être garder la liste de contrôle pour ceux qui préfèrent cette méthode).
En tapant chaque élément et en appuyant sur retour, le système doit rechercher l'élément et vérifier à la fois a) les fautes d'orthographe courantes, puis b) rechercher les synonymes dans un tableau
Alors peut-être qu'un utilisateur tape dans un élément:
[ BOOZE ]
À votre retour, vous pouvez voir:
[ ]
• Alcohol (match for 'booze')
Option 2: ruban adhésif
Si l'amélioration de la technologie vous échappe, le mieux que vous puissiez faire est de rendre une liste géante de coches moins douloureuse. Je commencerais par me débarrasser de tout défilement. Au lieu de cela, faites de la sélection des éléments une tâche distincte avec sa propre page. Faites-en la liste sur une seule page, peut-être en colonnes. J'ajouterais également une recherche filtrable en haut qui, lorsqu'un utilisateur tape dans le champ, cela réduit les cases à cocher affichées uniquement à celles qui correspondent. Tout cela peut être fait côté client via Javascript.
J'essaierais quelque chose comme des balises GMail.
Vous avez un filtre et la liste des cases à cocher dans une zone de défilement
Une autre bonne option est quelque chose comme Pocket Chrome plugin
Vous avez un filtre et les éléments sélectionnés deviennent une balise
J'ai dû faire face au même problème il y a quelques jours, et je suis venu avec cette solution! Dans ma liste de cas, ce n'était pas si long, j'ai donc utilisé un système de balises pour que l'utilisateur puisse avoir une liste des éléments qu'il/elle a sélectionnés.
Je pense qu'un widget de liste côte à côte serait approprié pour cette situation. Il porte plusieurs noms. Voir: Nom du widget avec les listbox disponibles/sélectionnées côte à côte?
En outre, vous devez fournir une zone de recherche pour filtrer dynamiquement la liste des éléments disponibles au fur et à mesure que l'utilisateur tape.