Tabela (table)

Componente que organiza dados em linhas e colunas pra pessoa comparar e ler com precisao.

Hard

O que é

Tabela arruma a informacao em linhas e colunas pra pessoa comparar, varrer e cruzar dados com exatidao. E aquele formato familiar de planilha, dashboard e relatorio, em que cada celula tem um lugar definido.

A pergunta que sempre volta e quando usar tabela em vez de grafico. O grafico e otimo pra mostrar uma tendencia de relance, enquanto a tabela brilha no detalhe: o numero exato, o campo que da pra ordenar, o item que da pra cruzar com outro. Ou seja, quando a pessoa precisa do valor preciso, a tabela entrega o que o visual nao consegue.

No mobile, a tabela exige decisao, porque o espaco e curto. Ou voce esconde a coluna menos critica, ou deixa rolar na horizontal, ou reformata a linha inteira. E em tabela grande, recursos como ordenar, filtrar e paginar fazem a diferenca entre util e sufocante. Vale lembrar tambem da marcacao semantica correta, que deixa o leitor de tela anunciar cabecalho e valor de forma clara.

Em uma frase

Pro detalhe por cliente a gente usa tabela com ordenacao, e deixa o grafico so pro panorama.

A pergunta que ele responde

Quando devo mostrar os dados em tabela em vez de grafico?

Quando usar

Faz sentido quando a pessoa precisa do valor exato, quer ordenar campos ou cruzar muitos itens entre si.

Como não usar

O cuidado e nao despejar dezenas de colunas sem dar ordenacao nem filtro, e nao empurrar a tabela cheia pro mobile sem adaptar, porque ai ela vira um labirinto.

Na prática

Pense num dashboard que traz o grafico de receita la em cima, pra dar o panorama, e logo abaixo a tabela com o numero por cliente, pro time conferir a fonte quando precisa do detalhe.

Não confunda com

Vale separar tabela de grafico. A tabela mostra o valor exato e deixa cruzar campo a campo, enquanto o grafico mostra padrao e tendencia de uma olhada so. Os dois nao competem: cada um serve a um tipo de leitura, e muitas vezes andam juntos na mesma tela.

D

Em inglês

Tables

Pronúncia

teible

Também chamado de

tabela, table, data table, grade de dados

Origem

n/a

Fonte

Saiba mais

Nielsen Norman Group, artigo sobre Data Tables for Enterprise Applications