Por que as linhas devem ser evitadas nas tabelas?


25

Eu li alguns livros sobre tipografia e design. Todos eles recomendaram evitar linhas nas tabelas e usar espaçamento. Eu achei que era razoável e aderi a essas regras a partir de agora.

Recentemente, discuti com usuários de planilhas, que duvidavam dessas regras e argumentavam que as linhas de grade são melhores, pois todos os programas as ativam por padrão.

Também li um artigo que explicava o problema com as linhas: primeiro o olho humano precisa removê-las para poder focar no conteúdo da tabela. Se alguém conhecer essa ou outras descobertas científicas semelhantes sobre a percepção dos dados, eu também ficaria feliz.

É de fato melhor evitar filas? Por quê? Você tem alguma referência que possa fornecer para fazer backup disso?


11
Por favor, ter um olhar para a minha pergunta graphicdesign.stackexchange.com/questions/13697/... , lá você encontra vários livros boa tipografia discusing fazer boas tabelas em várias línguas ...
Mensch

12
Qualquer pessoa que use planilhas para ganhar a vida quase sempre argumentará que as linhas precisam estar lá. O uso de planilhas é um animal muito diferente da legibilidade em um design . Aplicativos de planilha seriam um pesadelo sem as linhas .... mas, por outro lado, muitos designs seriam um pesadelo com as linhas.
Scott

4
Poderia ser útil se você pudesse vincular esse artigo sobre "olhos humanos removendo as linhas". Muitos artigos não têm fonte para fazer backup de suas reivindicações. Acho que uma combinação de linhas e um bom espaçamento é boa; as linhas agem como uma régua e faz sentido que seja mais fácil ler em alguns contextos e associar facilmente o que se passa com o que. Não é necessário tornar as linhas 100% pretas e sólidas ou adicionar todas as linhas. Você também pode usar tons claros. Algumas tabelas são ilegíveis porque não são lógicas, precisam ser reorganizadas e acho que é aí que o maior problema está em geral. Não se trata apenas de design.
go-junta

3
+1 no comentário de Scott. O uso de uma planilha para manipulação / entrada de dados é muito diferente do uso de uma tabela para apresentação.
Nelson

2
Relacionados: tex.stackexchange.com/q/163061/28808 e outros Qs no tex.stackexchange com a tag [booktabs] ou [tables]. Eles fornecem exemplos de tabelas (geralmente de dados) formatadas com e sem linhas verticais e muitas linhas horizontais.
Chris H

Respostas:


42

Edward Tufte é quem cunhou o termo lixo de gráfico para se referir a elementos visuais estranhos que tendem a se confundir, em vez de esclarecer os dados que estão sendo apresentados.

Isso pode se referir a todos os tipos de coisas que você costuma ver, mas não aprimora realmente o entendimento e - freqüentemente - interfere ativamente no entendimento dos dados.

Estes podem incluir:

  • cor arbitrária
  • Efeitos 3D
  • fronteiras excessivas
  • etiquetas redundantes
  • zebra striping
  • etc.

Eu acho que esse gif animado comunica bem o conceito:

insira a descrição da imagem aqui

É melhor remover linhas? Geralmente. O ponto a considerar ao lidar com lixo eletrônico do gráfico é que você deve usar apenas o necessário para formatar os dados. Qualquer coisa extra é apenas isso ... extra ... e provavelmente não melhorando a mensagem.


11
Este é um bom gif animado, mas parece mais focado na beleza de uma mesa do ponto de vista de um designer, e não em quão legível ou prática é para o leitor. Há também uma diferença entre comparar uma tabela feia básica do Word com uma tabela Indesign bem feita com linhas. Nasdaq, bancos, serviços de taxas de câmbio, Paypal, relatórios científicos / médicos / anuais, etc .: todas essas pessoas / serviços / elementos parecem usar linhas ... Só acho que é porque priorizam o conforto de seus leitores, querem evite confusão e não priorize a beleza do design. Eu acho que elas são referências confiáveis ​​também.
Go-junta5 /

2
É apenas uma questão de opinião e agenda pessoal do designer considerar as linhas como "lixo". O Tufte provavelmente recomendaria manter as linhas ou um sombreamento se seu objetivo for evitar confusão em mesas amplas e removê-las em tabelas com 2 colunas, se parecer correto. No meu entender, por lixo gráfico, ele quer dizer remover ícones extras, textos grandes que são inúteis, padrões, fontes ilegíveis, sombreamento ORNEMENTAL (por exemplo, não tem outro objetivo além do design) etc. Tudo isso não é novidade para a maioria dos designers, é apenas lógico e não é exclusivo para gráficos, mas para qualquer layout.
Go-junta # /

2
Isso parece uma simplificação grosseira, sem nenhuma explicação sobre quando as linhas são necessárias e úteis e quando são estranhas. Também ao ler sua resposta, um pouco mostra que as linhas só devem ser removidas se forem de fato estranhas. Para apontar o .gif animado, mantenha uma linha, mas não há explicação para o motivo.
Ryan

2
Novamente, para mim, dizer remover elementos visuais estranhos não diz por que e quando algo é estranho. Tenho uma mesa na minha frente com 26 linhas e 18 colunas (cortesia de um consultor de negócios), elas deveriam ter removido todas as linhas e sombreamentos? Porque quando eu leio sua resposta, soa como um quase universal sim.
Ryan

4
@ Ryan - Eu concordo, especialmente em tabelas grandes, onde algumas "células" abrangem várias linhas, e também onde algumas células podem estar vazias. Esses casos (e outros) podem se beneficiar de algumas linhas horizontais. Existem (pelo menos) dois "fatores" a serem considerados, que às vezes (muitas vezes) estão em conflito entre si: Estética e Usabilidade. A usabilidade é mais importante do que a boa aparência. Se um design de tabela parece bom, mas não pode ser utilizado (difícil ou confuso de usar), que benefício é esse? Muitas vezes, a estética é mais sobre a aparência de uma tabela à distância, do que ao tentar ler os dados na tabela.
Kevin Fegan

12

Acho que você pode reconsiderar a questão, concentrando-se no objetivo da tabela, em vez de em qualquer orientação geral.

Por exemplo, se os leitores precisarem comparar o conteúdo de diferentes linhas, pode ser mais fácil diferenciar cada linha. Você também pode considerar implementar contrastes entre colunas.

Existem várias opções para distinguir linhas ou colunas:

  • Cores de fundo alternativas (cores suaves, para que o contraste ainda torne o texto legível)
  • Use linhas entre linhas ou colunas
  • Use preenchimento em torno do conteúdo da tabela

Sua escolha dependeria de:

  • O que o usuário faria com sua tabela e como facilitar esse uso para o usuário: isso orientaria a hierarquia da leitura e, portanto, suas opções gráficas
  • O tamanho do conteúdo e, consequentemente, o tamanho da tabela: por exemplo, as linhas longas devem ser graficamente distinguíveis; não é tão necessário para uma mesinha

Dito isto, na minha experiência, na maioria dos casos, costumo tentar não usar linhas muito pesadas. Prefiro usar cores de fundo sombreadas alternativas para linhas. E, se necessário, linhas brancas apenas para colunas. Dessa forma, o conteúdo ganha destaque e os gráficos da tabela guiam imperceptivelmente o usuário.

Sempre considere o objetivo da tabela antes de aplicar qualquer estilo.


2
+1 "Sempre considere o objetivo da tabela antes de aplicar qualquer estilo." Foi isso que o OP solicitou e, de qualquer maneira, um bom designer gráfico sempre prioriza o objetivo primeiro!
Go-junta5 /

9

Não acredito que você ou seu colega de trabalho estejam certos. A questão mais importante é a legibilidade. O espaçamento por conta própria pode efetivamente fazer isso, linhas / sombreamento geralmente podem ajudar a usar menos espaço.

Aqui temos uma tabela com espaçamento bastante normalizado e sem linhas. É difícil de seguir, porque os números são projetados principalmente para serem lidos da esquerda para a direita, e não de cima para baixo. Mas você precisa descobrir isso por conta própria:

insira a descrição da imagem aqui

Agora, usei apenas o espaçamento, que conhecemos de nossos Princípios da Gestalt , para deixar bem claro que você lê horizontalmente:

insira a descrição da imagem aqui

No entanto, toda a imagem ficou maior. Quando eu poderia adicionar a mesma coisa com uma linha ou sombreamento e usar menos espaço total:

insira a descrição da imagem aqui

Usar linhas totais, no entanto, pode ser como usar nenhuma linha. Por si só, não ajuda a determinar em que direção as pessoas deveriam estar mais interessadas em ler primeiro:

insira a descrição da imagem aqui

E a mesma coisa, se quisermos que seja entendido verticalmente primeiro, pode parecer algo assim:

insira a descrição da imagem aqui

Mas também poderia ter menos espaçamento se usarmos uma linha (eu provavelmente centralizaria essa linha se estivesse fazendo isso de verdade, mas apenas fazendo isso rapidamente):

insira a descrição da imagem aqui


1

O estilo APA não usa linhas entre linhas. Uma tabela assim denominada tem associações com pesquisadores e acadêmicos; uma mesa com estilo diferente poderia implicar com isso.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.