web-dev-qa-db-fra.com

Trop de cases à cocher dans un tableau?

Un utilisateur doit pouvoir modifier les paramètres de 5 options différentes pour chaque jour de la semaine en même temps.

Je pensais à quelque chose comme ça, mais ça semble un peu désordonné ... Trop de choses non?

Que recommanderais-tu?

Pour chaque option, Drop off et Pickup peuvent être activés en même temps.

enter image description here

Solution finale

J'ai pris en considération toutes nos suggestions et je les apprécie.

J'ai ajouté les couleurs d'arrière-plan mais je n'ai pas pu filtrer les informations à afficher. L'utilisateur devrait pouvoir interagir avec le système en utilisant le nombre minimum de clics et de manière plus rapide, donc je ne pouvais pas cacher de colonnes.

Ce que j'ai finalement fait, c'est ce qui suit:

  • Débarrassez-vous des cases à cocher et ajoutez-en de nouvelles (les vraies sont là mais cachées)
  • Lorsque vous passez la souris sur les cellules, les deux colonnes correspondantes sont mises en surbrillance (l'autre devient plus sombre)
  • Au survol de la souris, la colonne du jour (à gauche) sera également mise en évidence afin de permettre à l'utilisateur de voir à quel jour il se trouve. (utile pour les dernières colonnes)

Voici l'image avec le curseur sur Option2, ligne du dimanche, ramassage: enter image description here

10
Steve

Ce n'est pas intrinsèquement mauvais, nécessairement, mais vous pouvez choisir de rendre les choses plus faciles à utiliser. Considérer ce qui suit:

  • Au-dessus des en-têtes de tableau, ou entre les premier et deuxième en-têtes, placez des cases à cocher qui vous permettent de cocher ou de décocher toute la colonne. Si l'utilisateur change quoi que ce soit dans ladite colonne, la case à cocher principale de cette colonne doit être désactivée jusqu'à ce que la colonne entière soit à nouveau cochée ou décochée; cela les empêche de cliquer accidentellement sur la case principale lorsque la colonne a été configurée.
  • Lorsque vous appuyez sur la touche Maj, une série de cases à cocher doit pouvoir être cochée dans une orientation de ligne et de colonne. Montrez à la rétroaction visuelle pendant la pression de touche que cela se produit (couleur d'arrière-plan légèrement modifiée des cellules affectées).

Je veillerais personnellement à ce qu'une case: active (focus actuel) ait un style clairement défini, soit en changeant la couleur d'arrière-plan de la cellule, soit autrement. Cela permet aux utilisateurs avertis de parcourir plus facilement les cases et de voir clairement où ils en sont actuellement.

De plus, un léger changement de couleur d'arrière-plan par cellule, selon que l'élément est vérifié ou non, serait également utile pour créer une meilleure vue d'ensemble.

7
MHD

J'utiliserais cette matrice d'image comme vue par défaut avec deux options de filtre

(1) Utiliser un contrôle déroulant pour Filtrer par option, ce qui entraînerait la modification de la vue lorsque l'une des options est sélectionnée:

enter image description here

(2) Utiliser un deuxième contrôle déroulant pour Filtrer par jour, ce qui entraînerait la modification de la vue lorsque l'une des options est sélectionnée:

enter image description here

Parfois, votre utilisateur souhaite avoir un aperçu simple des restitutions et des ramassages, fourni par votre première image. L'ajout de filtres permet à l'utilisateur de modifier plus facilement la bonne option ou le bon jour sans se soucier de manquer une ligne ou une colonne et de faire une mauvaise modification.

Essayez-le et testez l'idée sur votre équipe de projet!

5
Benny Skogberg