Quelle est la meilleure façon de montrer «trop d'options avec des cases à cocher» à l'utilisateur?
La conception de ma webapp nécessite que l'utilisateur sélectionne des livres parmi 100 livres. Ces livres sont les propres livres de l'utilisateur importés d'une autre application.
Cette étape se fait juste après que l'utilisateur s'est enregistré avec mon application. Je crains que l'utilisateur ne se sente submergé par tant d'informations et puisse ignorer cette étape au lieu de sélectionner judicieusement les livres à prêter.
Existe-t-il une meilleure façon d'afficher autant de livres (environ 100) pour que l'utilisateur sélectionne les livres facilement et ne se contente pas de sauter, de tout désélectionner ou de tout sélectionner bêtement?
PS: Comme la plupart des utilisateurs suggèrent une catégorisation, permettez-moi d'ajouter qu'ici l'utilisateur doit décider de prêter ou non le livre. La catégorisation (spécifique au genre ou à lire/vouloir lire, etc.) peut ne pas être très fructueuse.
Une façon de rendre une tâche de sélection moins fastidieuse consiste à augmenter la taille cible de la sélection à la taille complète de l'image + du texte (par exemple, comme dans la maquette jointe). Cela diminue l'effort nécessaire à la sélection individuelle et peut fournir un aperçu attrayant et facile à voir sur les livres sélectionnés. De plus, vous pouvez distribuer les 100 livres sur plusieurs pages.
Je n'ai pas vu de données de test des utilisateurs à ce sujet, mais il existe un modèle existant qui semble très bien fonctionner. Au cours de l'intégration d'un nouveau profil utilisateur, Netflix permet à l'utilisateur de sélectionner les films qu'il souhaite regarder ou qu'il aime:
Remarquez la rangée du haut. L'élément de gauche est sélectionné, l'élément du milieu est en vol stationnaire et l'élément de droite n'est pas sélectionné. Notez également qu'il n'y a pas de possibilité particulière pour la sélection - cliquer sur votre choix est assez intuitif.
Je peux penser à trois améliorations:
- Ajout d'un filtre
- Ajout d'un ordre
- Amélioration de la numérisation
Le filtre est le plus simple mais je n'ai pas d'idée gagnant-gagnant pour les deux autres, de toute façon je vais vous présenter quelques alternatives:
Si vous pariez sur le texte ...
Quelque chose qui pourrait aider à la recherche est séparation alphabétique , peut-être avec un index à chaque lettre.
Je ne sais pas vraiment comment les utilisateurs numériseront les livres, mais ils essaieraient probablement de rechercher d'abord l'image, bien que je ne sois pas sûr que ce soit toujours utile en tenant compte de cela tous les livres ne sont pas reconnaissables , au moins dans cette taille . Alors peut-être qu'une interface moins chargée qui donne plus d'importance au texte peut les aider à trouver ce qu'ils veulent de manière plus cohérente. Voici juste une idée:
télécharger la source bmml - Wireframes créés avec Balsamiq Mockups
Si vous pariez sur les images (et moins sur le texte)
D'un autre côté, si vous pouviez placer des images plus grandes (miniatures), ce qui pourrait vraiment augmenter l'efficacité de la numérisation et lié à la sélection, vous pourriez essayer quelque chose de similaire au dernière interface Google Drive (image ci-dessous) où vous pouvez sélectionner en cliquant n'importe où sur la vignette .
De plus, vous pouvez placer plusieurs livres sur chaque ligne (le nombre dépend de la résolution) dans la même séparation alphabétique.
Quelque chose comme ça: 
Vous pouvez toujours suggérer à l'utilisateur des livres à prêter et communiquer qu'il peut en choisir plus tard. Il embarquera avec succès l'utilisateur et ne sera pas submergé par trop de choix.
Les critères par lesquels les livres sont suggérés dépendent vraiment du but de l'application (j'aime particulièrement l'idée d'Adam de la date de la dernière lecture).
La façon dont vous l'avez simulée n'est pas mauvaise. Je veux dire, si je sais que ma tâche consiste à parcourir toute ma bibliothèque et à sélectionner des livres prêtables, alors je m'attends à devoir parcourir toute ma bibliothèque. Je m'attendrais à voir une page pleine de mes livres.
Je voudrais, cependant, agrandir chaque élément (en les affichant dans 4 ou même 3 colonnes) et agrandir la zone cliquable par rapport à cette petite case à cocher, afin de ne pas hésiter à sélectionner un livre. Peut-être en faire un bouton ou rendre l'élément entier cliquable pour la sélection. (Voir la loi de Fitts.)
Je suppose que les gens feraient leurs choix en parcourant tout, plutôt que de rechercher/filtrer les sous-ensembles de leurs livres, mais peut-être pas. (Vous pouvez le découvrir en faisant quelques recherches simples sur les utilisateurs.) Il semble cependant qu'une fonction de tri serait utile.
(Remarque: j'utiliserais cette application.)
Il est important de fournir à l'utilisateur un moyen d'appliquer le contexte à sa liste de livres afin de l'aider à prendre une décision éclairée et plus facile.
L'offre de filtres pour aider les utilisateurs à trier par "date de dernière lecture" ou "genre" pourrait aider à faciliter leur processus décisionnel. Un utilisateur sera plus susceptible de sélectionner tous les livres qu'il n'a pas lus au cours d'une année, ou s'il ne lit pas de livres criminels pour le moment.
Je recommanderais de rationaliser ce processus pour l'étape initiale d'intégration et d'améliorer la prise de décision lorsque l'utilisateur a intensifié son engagement avec votre application. Lorsqu'un utilisateur a fini de lire un livre, écrit une critique, attribue une note à un livre - l'ajout d'une option "ajouter à la liste de prêt" rationalise vraiment cette fonctionnalité.
Bonne chance, j'espère que ça aide!
En cas d'options multiples, la catégorisation aide toujours l'utilisateur à prendre une décision. Netflix/Hulu le fait très bien et il devient facile pour vous de sélectionner un titre. Bien que le cas d'utilisation soit un peu différent ici, mais il correspond plus ou moins à votre problème. Vous pouvez classer les livres par genre, note, lecture récente, lecture, etc.
Vous pouvez utiliser une API de livre pour catégoriser automatiquement les livres - 53 API de livre
J'ai l'impression que vous risquez de brouiller trop de repères visuels dans le même écran.
Je pense que cela devrait être divisé en étapes:
Étape 1
Souhaitez-vous prêter l'un de vos livres en ce moment? (Partager c'est aimer!)
Oui | Non
Étape 2 - Oui
Voici quelques livres que vous avez déjà terminés. Appuyez sur chacun que vous souhaitez prêter.
Livre | Livre | Livre
Livre | Livre | Livre
Livre | Livre | Livre
| Voir tous mes livres! |
Livres de prêt | J'ai changé d'avis, laissez-moi entrer!
Étape 2 - Non
C'est bon! Vous pouvez choisir les livres à prêter à tout moment en allant à X, Y et Z!
Avez-vous vu la nouvelle application musicale Apple musique. Lorsque vous entrez dans l'application pour la première fois Apple Music vous demande de sélectionner quelques artistes hors groupe et puis sélectionnez quelques genres dans un groupe. Je suppose que vos besoins correspondent beaucoup à eux. Et croyez-moi, ils l'ont très bien fait. Vous pouvez essayer ce type d'interface avec quelques ajustements. Apple = amène un ensemble de bulles devant vous pour sélectionner. Appuyez sur le cercle pour sélectionner.
Voici une idée amusante - 3 colonnes, à gauche il y a celles à prêter à droite celles à ne pas prêter, au centre indécis. Au début, seul le centre est peuplé. L'utilisateur peut cliquer sur la gauche ou la droite et l'élément s'animera vers la nouvelle liste. La liste continue au bas de l'écran. Au fur et à mesure que la gauche et la droite se remplissent, elles continueront hors du bord. L'utilisateur peut traiter la partie centrale et les éléments se déplacer vers le haut en tant qu'éléments animés à gauche et à droite.
Alternativement, peut-être que la plupart des gens sont prêts à prêter la plupart de leurs livres, mais pas ceux qu'ils sont sur le point de lire ... peut-être que vous devriez leur demander de sélectionner les livres qu'ils ne veulent pas prêter en ce moment et de prêter automatiquement le reste ... En supposant que la plupart des utilisateurs ne disposent que de quelques livres dont ils savent qu'ils ne veulent pas se séparer pour le moment. Incluez un filtre de recherche en haut pour localiser rapidement les livres qu'ils ne veulent pas prêter dans la liste entière.
Je suis également d'accord avec MonkeyZeus, mais peut-être avez-vous un autre endroit dans votre application où les gens demandent des livres qu'ils souhaitent emprunter peut-être que cela peut aider à identifier les livres dans la nouvelle bibliothèque utilisateur qui sont importés qui ont été lus, peut-être que vous pouvez également rechercher le livre sur un site de vente au détail et obtenir une note du livre et les classer plus haut en étant affiché dans la sélection initiale limitée de livres.