web-dev-qa-db-fra.com

Comment puis-je montrer que les données d'une table sont liées à d'autres données de la même table?

J'ai un tableau où toutes les 6 entrées des données sont vaguement liées. Comment puis-je montrer que ces sections de données sont liées sans ajouter une colonne distincte le disant explicitement?

J'ai essayé de mettre en évidence les colonnes par groupes de 6, mais je ne pense pas que cela semble aussi bon que possible.

Exemple:

enter image description here

Modifier:

Le but principal de la conception de regroupement est de donner aux utilisateurs un moyen de compter les ensembles de 6 entrées plus rapidement/facilement qu'en utilisant les mathématiques mentales. Cependant, l'ordre/regroupement d'origine des entrées est complètement arbitraire et basé uniquement sur l'ordre dans lequel elles sont importées. Une fois les données importées, elles seront toujours conservées dans cet ordre car elles correspondront à un processus sur lequel je n'ai aucun contrôle.

5
Jack Fraser

Votre approche actuelle va dans la bonne direction. Lorsque vos utilisateurs utilisent régulièrement ces données, ils connaissent déjà la relation entre les groupes. Changer de couleur d'arrière-plan est un moyen de créer un contraste entre les groupes. D'autres moyens seraient d'utiliser des séparateurs de lignes et des espaces blancs.

Une chose que vous pouvez faire pour la rendre plus évidente est de désaccentuer les choses qui n'ont pas d'importance.

par exemple. Il y a des lignes de quadrillage et des bordures autour de toutes vos cellules. Rendent-ils les données plus claires à comprendre? Pas vraiment. Les traits sombres, en particulier les verticaux, gênent le balayage des lignes. Pensez à les supprimer.

Il y a un bon article sur conception de table par Dark Horse Analytics .

Vous trouverez ci-dessous 3 façons de styliser le tableau pour afficher des groupes distincts du moins intrusif (séparateur de ligne) au plus évident (arrière-plan). Suivant les principes d'Edward Tufte, je préfère la méthode du séparateur de lignes pour être compacte sans ajouter trop d'encre sur la page.

enter image description here

8
nightning

Utilisez regroupement des lignes horizontales et éliminez celle des verticales. Les lignes horizontales aident à guider l'œil le long de la ligne, tandis que les lignes verticales deviennent une barrière le long du trajet oculaire:

enter image description here

6
Alexey Kolchenko

Afin de montrer que les données sont liées dans le même tableau, il y a un processus en 3 étapes.

  1. Mettez les données à côté des éléments connexes (vous l'avez fait)
  2. Afficher une classification des champs de données liés (vous l'avez fait)
  3. Dites à l'utilisateur pourquoi c'est lié! Parce que ce n'est peut-être pas évident

Voir ma conception. Vous pouvez alterner les couleurs entre les champs liés et peut-être quand ils survolent leur dire pourquoi les données sont vaguement/légèrement liées aux autres champs. Voir mon exemple ci-dessous

enter image description here

En bref, ne faites pas penser à l'utilisateur si le groupe de couleurs est juste une coïncidence ou si ces champs sont réellement liés. Donnez-leur des indices explicites.

0
Frank Visaggio