Perché le linee dovrebbero essere evitate nelle tabelle?

25

Ho letto alcuni libri sulla tipografia e il design. Hanno tutti raccomandato di evitare le linee nelle tabelle e invece di utilizzare la spaziatura. L'ho trovato ragionevole e ho aderito da allora a quelle regole.

Di recente mi sono imbattuto in discussioni con gli utenti di fogli di calcolo, che hanno dubitato di queste regole e hanno sostenuto che le linee della griglia sono migliori poiché tutti i programmi li hanno attivati per impostazione predefinita.

Ho anche letto un articolo che spiegava il problema con le linee: l'occhio umano deve prima rimuoverle prima di poter concentrarsi sul contenuto della tabella. Se qualcuno conoscesse questo o simili risultati scientifici sulla percezione dei dati, sarei anche felice.

In effetti è meglio evitare le linee? Perché? Hai delle referenze che potresti fornire per il backup?

layout tables reference-request

— Vince42
fonte

1

Per favore dai un'occhiata alla mia domanda graphicdesign.stackexchange.com/questions/13697/… , ci sono molti buoni libri di tipografia che discendono facendo buoni tavoli in diverse lingue ...

— Mensch,

12

Chiunque usi fogli di calcolo per vivere quasi sempre sosterrà che le linee devono essere lì. L'uso del foglio di calcolo è un animale molto diverso dalla leggibilità in un disegno . Le app per fogli di calcolo sarebbero un incubo senza le linee .... ma al contrario molti disegni sarebbero un incubo con le linee.

— Scott,

4

Potrebbe essere utile se potessi collegare quell'articolo su "occhi umani che rimuovono le linee". Molti articoli non hanno una fonte per sostenere le loro affermazioni. Penso che un mix di linee e buona spaziatura vada bene; le linee si comportano come un righello e ha senso è più facile da leggere in alcuni contesti e facile associare ciò che va con cosa. Non è necessario rendere le linee al 100% nere e piene o aggiungere tutte le linee. Puoi anche usare tonalità chiare. Alcune tabelle sono illeggibili perché non sono logiche, devono essere riorganizzate e penso che sia qui che si trova il problema più grande. Non si tratta solo di design.

— go-junta,

3

+1 sul commento di Scott. L'uso di un foglio di calcolo per la manipolazione / immissione dei dati è molto diverso rispetto all'utilizzo di una tabella per la presentazione.

— Nelson,

2

Correlati: tex.stackexchange.com/q/163061/28808 e altre domande frequenti su tex.stackexchange taggati [booktabs] o [tables]. Questi forniscono esempi di tabelle (spesso di dati) formattate con e senza linee verticali e molte linee orizzontali.

— Chris H,

42

Edward Tufte è quello che ha coniato il termine junk del grafico per fare riferimento a elementi visivi estranei che tendono a ingombrare, piuttosto che a chiarire i dati presentati.

Questo può riferirsi a tutti i tipi di cose che tendi a vedere spesso, ma non migliora davvero la comprensione e - spesso - interferisce attivamente con la comprensione dei dati.

Questi possono includere:

colore arbitrario
Effetti 3D
bordi eccessivi
etichette ridondanti
strisce zebrate
eccetera.

Penso che questa gif animata comunichi bene il concetto:

È meglio rimuovere le linee? Generalmente. Il punto da considerare quando si ha a che fare con la spazzatura del grafico è che si dovrebbe usare solo ciò che è necessario per formattare i dati. Qualcosa in più è proprio questo ... extra ... e probabilmente non migliora il messaggio.

— DA01
fonte

1

Questa è una bella gif animata ma sembra più focalizzata sulla bellezza di un tavolo dal punto di vista di un designer, non quanto sia leggibile o pratica per il lettore. C'è anche una differenza tra il confronto di una brutta tabella di Word di base con una tabella Indesign ben fatta con linee. Nasdaq, banche, servizi di cambio, Paypal, rapporti scientifici / medici / annuali, ecc .: tutte queste persone / servizi / elementi sembrano usare le linee ... Posso solo supporre che sia perché danno priorità al comfort dei loro lettori, vogliono evitare confusione e non dare la priorità alla bellezza del design. Penso che siano anche riferimenti affidabili.

— go-junta,

2

È solo una questione di opinione personale e agenda del designer considerare le linee come "spazzatura". Probabilmente Tufte consiglierebbe di mantenere le linee o un'ombreggiatura se il loro scopo è evitare qualsiasi confusione su tavoli larghi e rimuoverli su tavoli con 2 colonne se sembra a posto. Per quanto ne so, per junk grafico intende rimuovere icone extra, testi di grandi dimensioni che sono inutili, motivi, caratteri illeggibili, ombreggiatura ORNEMENTAL (ad es. Non ha altro scopo che il design), ecc. Tutto ciò non è nuovo per la maggior parte dei designer, è solo logico e non è esclusivo dei grafici ma di qualsiasi layout.

— go-junta,

2

Sembra una grossolana semplificazione senza alcuna spiegazione su quando le linee sono necessarie e utili e quando sono estranee. Anche nel leggere la tua risposta in qualche modo si spiega che le righe dovrebbero essere rimosse solo se in realtà sono estranee. Per indicare il tuo GIF animato mantiene una riga, ma nessuna spiegazione sul perché.

— Ryan

2

Ancora una volta, per me dire rimuovere elementi visivi estranei non dice perché e quando qualcosa è estraneo. Ho un tavolo di fronte a me con 26 righe e 18 colonne (per gentile concessione di un consulente aziendale), avrebbero dovuto rimuovere tutte le linee e le ombre? Perché quando leggo la tua risposta fa sembrare un sì quasi universale.

— Ryan

4

@Ryan - Sono d'accordo, specialmente su tabelle di grandi dimensioni in cui alcune "celle" si estendono su più righe e anche dove alcune celle potrebbero essere vuote. Questi casi (e altri) possono beneficiare di alcune linee orizzontali. Ci sono (almeno) due "fattori" da considerare, che a volte (molte volte) sono in conflitto tra loro: Estetica e Usabilità. L'usabilità è più importante del bell'aspetto. Se il design di un tavolo sembra buono ma è inutilizzabile (difficile o confuso da usare), che cosa è veramente buono. Molte volte l'estetica riguarda più l'aspetto di una tabella da una distanza, piuttosto che quando si cerca di leggere i dati nella tabella.

— Kevin Fegan,

12

Penso che potresti riconsiderare il problema della tua domanda concentrandoti sullo scopo del tavolo anziché su qualsiasi linea guida generale.

Ad esempio, se i lettori devono confrontare il contenuto di diverse righe, potrebbe essere più semplice differenziare ciascuna riga. Puoi anche considerare di implementare contrasti tra le colonne.

Esistono diverse opzioni per rendere distinguibili righe o colonne:

Colori di sfondo alternativi (colori tenui, in modo che il contrasto renda ancora leggibile il testo)
Usa linee tra righe o colonne
Usa il riempimento attorno al contenuto nella tabella

La tua scelta dipenderà da:

Cosa farebbe l'utente con la tua tabella e come rendere questo uso più semplice per l'utente: questo guiderebbe la gerarchia della lettura e quindi le tue scelte grafiche
La dimensione del contenuto e, di conseguenza, la dimensione della tabella: ad esempio, le linee lunghe devono essere distinguibili graficamente; non è molto richiesto per un tavolino

Detto questo, nella mia esperienza, nella maggior parte dei casi, tendo a cercare di non usare le linee, che sono piuttosto pesanti. Preferisco usare colori di sfondo ombreggiati alternativi per le righe. E, se necessario, linee bianche solo per le colonne. In questo modo, il contenuto diventa prominente e la grafica della tabella guida impercettibilmente l'utente.

Considerare sempre lo scopo della tabella prima di applicare qualsiasi stile.

— Yako
fonte

2

+1 "Considera sempre lo scopo del tavolo prima di applicare qualsiasi stile." Questo è ciò che l'OP ha richiesto, e comunque un buon graphic designer darà sempre la priorità allo scopo!

— go-junta,

9

Non credo che tu o il tuo collega abbiate ragione. Il problema più importante è la leggibilità. La spaziatura da sola può effettivamente fare questo, le linee / le ombre possono spesso aiutare a usare meno spazio.

Qui abbiamo un tavolo con spaziatura abbastanza normalizzata e senza linee. È difficile da seguire perché i numeri sono progettati principalmente per essere letti da sinistra a destra, non dall'alto verso il basso. Ma devi capirlo da solo:

Ora ho usato solo la spaziatura, che conosciamo dai nostri Principi Gestalt , per chiarire che leggi in orizzontale:

Tuttavia, l'intera immagine è diventata più grande. Quando ho potuto aggiungere la stessa cosa con una linea o un'ombreggiatura e utilizzare meno spazio totale:

L'uso delle linee totali, tuttavia, potrebbe anche essere come non usare affatto le linee. Di per sé non aiuta a determinare quale direzione le persone dovrebbero essere più interessate a leggere per prime:

E la stessa cosa se volessimo che fosse capita prima verticalmente, allora potrebbe assomigliare a questa:

Ma potrebbe anche essere meno spaziale se usiamo una linea (probabilmente centrerei questa linea se lo facessi davvero ma lo facessi rapidamente):

— Ryan
fonte

1

Lo stile APA non utilizza linee tra le righe. Un tavolo disegnato in questo modo ha associazioni con ricerca e accademici; un tavolo disegnato diversamente potrebbe comportare diversamente.

— Adam Rowe
fonte