Composant multi-sélection le plus intuitif pour le Web
Mon public cible est les utilisateurs qui ne connaissent pas tellement les ordinateurs, donc j'essaie de simplifier autant que possible les éléments de l'interface utilisateur utilisés.
Par exemple, j'essaie d'éviter les menus déroulants et d'utiliser à la place de gros boutons radio (si possible).
Maintenant, je dois fournir une liste d'options de sélection multiple. Je pourrais utiliser des cases à cocher mais il y a tout simplement trop de propriétés. Il semble qu'il n'y ait pas de composant simple pour permettre une telle action.
Voici plusieurs options:
Sélection multiple régulière <select> élément
Boîte déroulante sur mesure avec boîtes à cheques
liste déroulante de sélection multiple avec cases à cocher
Aucun d'eux ne me semble assez simple. Le premier est le pire je crois car il demande à l'utilisateur d'appuyer sur ctrl pour effectuer une sélection multiple. Y a-t-il d'autres options que vous envisagez? Y a-t-il des recherches sur le sujet?
Utilisez les cases à cocher pour les entrées à sélection multiple . C'est une norme dans la mise en œuvre depuis les premières interfaces graphiques et c'est aussi une pratique standard en UX. Article de Nielsen confirmant l'utilisation des cases à cocher: http://www.nngroup.com/articles/checkboxes-vs-radio-buttons/
Les cases à cocher sont utilisées lorsqu'il existe des listes d'options et l'utilisateur peut sélectionner n'importe quel nombre de choix, y compris zéro, une ou plusieurs. En d'autres termes, chaque La case à cocher est indépendante de toutes les autres cases à cocher de la liste, donc cocher une case ne décoche pas les autres.
Et quant à votre question sur la façon de mettre en œuvre dans le bon sens.
Utilisez les sous-titres pour diviser une longue liste de cases à cocher en groupes logiques. Cela rend les choix plus rapides à analyser et plus faciles à comprendre. Le risque est que les utilisateurs voient chaque sous-groupe comme un ensemble d'options distinct, mais ce n'est pas nécessairement fatal pour les cases à cocher - chaque case est de toute façon un choix indépendant. Cependant, une liste de boutons radio doit toujours apparaître unifiée, vous ne pouvez donc pas utiliser de sous-titres pour la décomposer.
Vous pouvez essayer modifié listes de données. Au lieu d'avoir à choisir parmi un large éventail d'options, ils devraient les saisir - ou au moins certaines parties - manuellement.
Ils recherchent, vous montrez des résultats, ils cliquent sur un résultat et l'élément cliqué est répertorié à côté de la liste. Vous voudrez peut-être donner quelques conseils sur ce qu'il faut rechercher ou vous pouvez même préremplir certaines suggestions après qu'une ou deux suggestions ont été faites sur la base de sélections précédentes d'autres utilisateurs.
Au lieu de rechercher, vous pouvez également lister toutes les options possibles comme un nuage de mots et ils peuvent cliquer sur les éléments pour les sélectionner , que vous devriez montrer en quelque sorte ( par exemple: couleur de fond différente). Bien qu'il y ait des problèmes de convivialité ici, mais probablement surtout pour les utilisateurs plus expérimentés.