Pourquoi éviter les lignes dans les tableaux?


25

J'ai lu quelques livres sur la typographie et le design. Ils ont tous recommandé d'éviter les lignes dans les tableaux et d'utiliser plutôt l'espacement. J'ai trouvé cela raisonnable et j'ai désormais adhéré à ces règles.

Récemment, j'ai eu des discussions avec des utilisateurs de feuilles de calcul, qui doutaient de ces règles et ont fait valoir que les lignes de grille sont meilleures car tous les programmes les ont activés par défaut.

J'ai également lu un article qui expliquait le problème des lignes: l'œil humain doit d'abord les supprimer avant de pouvoir se concentrer sur le contenu du tableau. Si quelqu'un connaissait celui-ci ou des découvertes scientifiques similaires sur la perception des données, je serais également heureux.

Vaut-il mieux éviter les lignes? Pourquoi? Avez-vous des références à fournir pour étayer cela?


1
S'il vous plaît jetez un œil à ma question graphicdesign.stackexchange.com/questions/13697/… , vous y trouverez plusieurs bons livres de typographie qui décident de faire de bons tableaux en plusieurs langues ...
Mensch

12
Quiconque utilise des feuilles de calcul pour gagner sa vie va presque toujours affirmer que les lignes doivent être là. L'utilisation d'une feuille de calcul est un animal très différent de la lisibilité dans une conception . Les applications de tableur seraient un cauchemar sans les lignes ... mais à l'inverse, de nombreux modèles seraient un cauchemar avec les lignes.
Scott

4
Cela pourrait être utile si vous pouviez lier cet article sur «les yeux humains supprimant les lignes». Beaucoup d'articles n'ont aucune source pour étayer leurs affirmations. Je pense qu'un mélange de lignes et un bon espacement sont parfaits; les lignes agissent comme une règle et il est logique qu'elles soient plus faciles à lire dans certains contextes et faciles à associer à ce qui va avec quoi. Il n'est pas nécessaire de rendre les lignes 100% noires et unies ou d'ajouter toutes les lignes. Vous pouvez également utiliser des nuances claires. Certains tableaux sont illisibles car ils ne sont pas logiques, ils doivent être réorganisés et je pense que c'est là que le plus gros problème est en général. Ce n'est pas seulement une question de design.
go-junta

3
+1 sur le commentaire de Scott. L'utilisation d'une feuille de calcul pour la manipulation / saisie de données est très différente de l'utilisation d'un tableau pour la présentation.
Nelson

2
Connexes: tex.stackexchange.com/q/163061/28808 et d'autres Q sur tex.stackexchange étiquetés [booktabs] ou [tables]. Celles-ci fournissent un exemple de tableaux (souvent de données) formatés avec et sans lignes verticales et de nombreuses lignes horizontales.
Chris H

Réponses:


42

Edward Tufte est celui qui a inventé le terme graphique indésirable pour désigner les éléments visuels étrangers qui ont tendance à encombrer, plutôt que de clarifier les données présentées.

Cela peut se référer à toutes sortes de choses que vous avez tendance à voir souvent, mais n'améliore pas vraiment la compréhension et - souvent - interfère activement avec la compréhension des données.

Ceux-ci peuvent inclure:

  • couleur arbitraire
  • Effets 3D
  • frontières excessives
  • étiquettes redondantes
  • rayures zébrées
  • etc.

Je pense que ce gif animé communique bien le concept:

entrez la description de l'image ici

Est-il préférable de supprimer les lignes? Habituellement. Le point à considérer lorsque vous traitez avec des fichiers indésirables est que vous ne devez utiliser que ce qui est nécessaire pour formater les données. Tout ce qui est supplémentaire n'est que cela ... supplémentaire ... et n'améliore probablement pas le message.


1
C'est un joli gif animé mais il semble plus axé sur la beauté d'une table du point de vue d'un concepteur, pas sur sa lisibilité ou sa praticité pour le lecteur. Il y a aussi une différence entre comparer un tableau Word de base laid avec un tableau Indesign bien fait avec des lignes. Nasdaq, banques, services de change, Paypal, rapports scientifiques / médicaux / annuels, etc.: toutes ces personnes / services / éléments semblent utiliser des lignes ... Je ne peux que deviner que c'est parce qu'ils privilégient le confort de leurs lecteurs, veulent éviter la confusion et ne pas donner la priorité à la beauté du design. Je pense que ce sont aussi des références fiables.
go-junta

2
C'est juste une question d'opinion personnelle et de programme du concepteur de considérer les lignes comme "indésirables". Tufte recommanderait probablement de conserver les lignes ou un ombrage si leur but est d'éviter toute confusion sur les tables larges, et de les supprimer sur les tables à 2 colonnes si cela semble correct. À ma connaissance, par ordure graphique, il signifie supprimer des icônes supplémentaires, des textes surdimensionnés inutiles, des motifs, des polices illisibles, des ombrages ORNEMENTAUX (par exemple, n'a pas d'autre but que la conception), etc. Tout cela n'est pas nouveau pour la plupart des concepteurs, c'est juste logique et ce n'est pas exclusif aux graphiques mais à toute mise en page.
go-junta

2
Cela ressemble à une simplification grossière sans aucune explication quant au moment où les lignes sont nécessaires et utiles et quand elles sont superflues. En lisant votre réponse, vous sous-estimez également que les lignes ne doivent être supprimées que si elles sont en fait étrangères. Pour pointer votre .gif animé conserve une ligne, mais aucune explication sur pourquoi.
Ryan

2
Encore une fois, pour moi, dire supprimer les éléments visuels étrangers ne dit pas pourquoi et quand quelque chose est étranger. J'ai devant moi une table de 26 lignes et 18 colonnes (avec l'aimable autorisation d'un consultant commercial), auraient-ils dû supprimer toutes les lignes et les ombrages? Parce que quand je lis votre réponse, cela ressemble à un oui quasi universel.
Ryan

4
@Ryan - Je suis d'accord, en particulier sur les grands tableaux où certaines "cellules" s'étendent sur plusieurs lignes, et aussi où certaines cellules peuvent être vides. Ces cas (et d'autres) peuvent bénéficier de certaines lignes horizontales. Il y a (au moins) deux "facteurs" à considérer, qui sont parfois (plusieurs fois) en conflit l'un avec l'autre: l'esthétique et l'utilisabilité. L'utilisabilité est plus importante que la beauté. Si une conception de table semble bonne mais inutilisable (difficile ou déroutante à utiliser), à quoi sert-elle réellement? Souvent, l'esthétique concerne davantage l'apparence d'une table à distance, plutôt que d'essayer de lire les données dans la table.
Kevin Fegan

12

Je pense que vous pouvez reconsidérer la question de votre question en vous concentrant sur le but de la table plutôt que sur toute directive générale.

Par exemple, si les lecteurs ont besoin de comparer le contenu de différentes lignes, il peut être plus facile de différencier chaque ligne. Vous pouvez également envisager d'implémenter des contrastes entre les colonnes à la place.

Il existe plusieurs options pour distinguer les lignes ou les colonnes:

  • Couleurs d'arrière-plan alternatives (couleurs douces, de sorte que le contraste rend le texte toujours lisible)
  • Utiliser des lignes entre les lignes ou les colonnes
  • Utilisez un remplissage autour du contenu du tableau

Votre choix dépendrait de:

  • Que ferait l'utilisateur de votre table, et comment faciliter cette utilisation pour l'utilisateur: cela guiderait la hiérarchie de la lecture, et donc vos choix graphiques
  • La taille du contenu et, par conséquent, la taille du tableau: par exemple, les longues lignes doivent pouvoir être distinguées graphiquement; ce n'est pas tellement nécessaire pour une petite table

Cela étant dit, d'après mon expérience, dans la plupart des cas, j'ai tendance à ne pas utiliser de lignes, qui sont assez lourdes. Je préfère utiliser d'autres couleurs d'arrière-plan ombrées pour les lignes. Et, si nécessaire, des lignes blanches pour les colonnes uniquement. De cette façon, le contenu devient proéminent et les graphiques des tableaux guident imperceptiblement l'utilisateur.

Tenez toujours compte de l'objectif de la table avant d'appliquer un style.


2
+1 "Tenez toujours compte de l'objectif de la table avant d'appliquer un style." C'est ce que le PO a demandé, et de toute façon un bon graphiste priorisera toujours le but en premier!
go-junta

9

Je ne crois pas que vous ou votre collègue ayez raison. Le problème le plus important est la lisibilité. L'espacement en lui-même peut le faire efficacement, les lignes / ombrages peuvent souvent aider à utiliser moins d'espace.

Ici, nous avons une table avec un espacement assez normalisé et aucune ligne. C'est difficile à suivre car les chiffres sont principalement conçus pour être lus de gauche à droite, pas de haut en bas. Mais vous devez comprendre cela par vous-même:

entrez la description de l'image ici

Maintenant, je n'ai utilisé que l'espacement, que nous connaissons de nos principes de Gestalt , pour qu'il soit assez clair que vous lisez horizontalement:

entrez la description de l'image ici

Cependant, l'image entière est devenue plus grande. Quand je pourrais ajouter la même chose avec une ligne ou un ombrage et utiliser moins d'espace total:

entrez la description de l'image ici

Cependant, utiliser des lignes totales pourrait aussi être comme ne pas utiliser de lignes du tout. À lui seul, cela n'aide pas à déterminer dans quelle direction les gens devraient être plus intéressés à lire en premier:

entrez la description de l'image ici

Et même chose si nous voulions qu'il soit d'abord compris verticalement, cela pourrait ressembler à ceci:

entrez la description de l'image ici

Mais il pourrait également y avoir moins d'espacement si nous utilisons une ligne (je centrerais probablement cette ligne si je faisais cela pour de vrai mais juste rapidement):

entrez la description de l'image ici


1

Le style APA n'utilise aucune ligne entre les lignes. Une table ainsi conçue a des associations avec la recherche et les universitaires; une table de style différent pourrait impliquer le contraire.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.