web-dev-qa-db-fra.com

Comment disposer une liste de lots de cases à cocher dont la longueur peut varier?

J'ai une liste de cases à cocher sous les titres d'en-tête (au moins trois, l'un d'eux a des sous-en-têtes, tous sur une seule page), quelque chose comme ceci:

enter image description here

Le problème est que ces cases à cocher peuvent se retrouver avec 10 éléments par groupe, je ne sais vraiment pas comment les rendre plus conviviales, des idées?

Remarque, je ne peux pas utiliser la méthode suggérée dans d'autres questions d'une zone de recherche et déplacer des sélections vers une autre zone, j'ai un groupe de trop ... deuxièmement, les éléments sont assez bien définis et pilotés par la base de données, aucune recherche n'est requise. .. troisièmement, il n'y a que 10 à 15 éléments

7
Ayyash

Sans rien savoir de l'architecture de l'information ou du flux de travail des utilisateurs, j'ai pris votre suggestion comme point de départ et ajouté quelques améliorations basées sur la principes de gestalt et hiérarchie visuelle.

Ensuite, le regroupement principal doit être effectué sans en-tête souligné (en raison de la loi de proximité/regroupement), et les sous-titres doivent avoir une police légèrement différente (en raison de la loi de similitude).

Par exemple:
enter image description here

10

Problème de conception de navigation à facettes classique. Voici certaines choses que nous avons faites:

  • Afficher les 5 premiers éléments par groupe par défaut avec une option "Plus ..." qui étend la liste pour les afficher tous. Il est difficile de choisir lesquels 5 afficher. Je préfère montrer le "premier" 5, par exemple. par ordre alphabétique, mais les objectifs commerciaux imposent parfois d'afficher le "plus utilisé" 5 ou quelque chose de similaire.
  • Si chaque catégorie individuelle n'a pas trop de résultats associés, augmentez d'un niveau et supprimez ce niveau de sélection. Par exemple. cochez les cases des sous-groupes et supprimez les "formes posologiques solides", les "liquides", etc.
  • Tri alphabétique, ce qui augmente la lisibilité et la lisibilité. En ce moment, quand je passe en revue la liste, il m'est difficile de trouver quoi que ce soit parce que je ne peux pas prédire où il sera basé sur n'importe quel type de tri. Triez par ordre alphabétique parce que c'est immédiatement évident ("A ... B .. oh!") Et parce qu'il évolue.
  • Utilisez tous les conseils donnés par Jørn E. Angeltveit pour améliorer la conception visuelle en changeant la couleur, la typographie, la taille, etc.
  • Une fois que les facettes ont été sélectionnées, plutôt que de forcer les utilisateurs à parcourir à nouveau la liste pour désélectionner les choses, conservez une liste de "ce que vous avez sélectionné" quelque part dans l'interface utilisateur qui leur permet de supprimer des sélections.
6
Rahul