Profa. Raquel C. de Melo Minardi
4
ONDE USAMOS TABELAS?
➤ Relatórios
➤ Artigos
ESTRUTURANDO
OS DADOS
ORGANIZANDO OS DADOS
➤ Como organizar os dados para que eles contem uma história?
➤ As subdivisões categóricas devem ser organizadas em linhas
ou colunas?
➤ Os dados deveriam ser separados em subgrupos com quebras
entre eles?
➤ Os dados deveriam ser ordenados de alguma forma
COLUNAS OU LINHAS?
➤ Quantas subdivisões cada categoria contém?
➤ Qual o número máximo de caracteres por subdivisão?
➤ Alguma das subdivisões envolvem séries temporais ou
rankings?
➤ Se são poucas, você tem a opção de organizá-las em colunas ➤ Se são muitas, organizá-las em uma única coluna
➤ Se alguma das subdivisões possui texto longo,
provavelmente será necessário o uso do arranjo unidimensional
➤ Séries temporais devem ser organizadas em colunas
LEI DA SIMILARIDADE
➤ A mente agrupa elementos similares em entidades coletivas
LEI DA PROXIMIDADE
USO DO ESPAÇO EM BRANCO
➤ A quantidade de espaços em branco pode ser manipulada para
direcionamento dos olhos do usuário entre linhas e colunas
➤ Se você deseja que o usuário avalie os dados coluna a
coluna, privilegie o espaço entre colunas em detrimento do espaço entre linhas
➤ Se você deseja que o usuário avalie os dados linha a linha,
faça o oposto
GRIDS E LINHAS
➤ Podem ser usados para:
➤ Delimitar linhas e colunas
➤ Agrupar subconjuntos de dados ➤ Ressaltar subconjuntos de dados
➤ No exemplo do slide anterior, nada mais é necessário além da linha
separando o cabeçalho e o rodapé
➤ Linhas delimitadoras da tabela como um todo também são
desnecessárias, exceto quando a tabela está cercada de outros objetos e não há espaço suficiente para usar espaço em branco para destacá-la
Quando usar grids e linhas,
certifique-se de que as linhas são finas e claras
CORES E PREENCHIMENTO
➤ Quando espaço em branco não pode ser usado para delinear
colunas ou linhas efetivamente, o uso de cores suaves para preenchimento do fundo é mais interessante que o uso de grids
GRUPOS E QUEBRAS
➤ Usados quando:
➤ Os dados não cabem em simples tabelas
➤ Há necessidade de direcionar o usuário a examinar grupos
de informações separados do resto
➤ Pedaços menores de informação são mais fáceis de serem
analisados
GRUPOS E QUEBRAS
➤ Use espaço vertical para separação entre os grupos
➤ Repita os cabeçalhos das tabelas em cada novo grupo
➤ Mantenha a estrutura da tabela (mesmas colunas, na mesma
ordem...) em todos os grupos
➤ Quando desejar que cada grupo seja avaliado separadamente,
SEQUENCIAMENTO DAS COLUNAS
➤ Se há um relacionamento hierárquico entre conjuntos de
subdivisões categóricas, as mesmas devem ser sequenciadas da esquerda para a direita
➤ Valores quantitativos derivados de outros valores
quantitativos presentes na tabela, devem ser colocados à direita das colunas das quais derivam
SEQUENCIAMENTO DAS COLUNAS
➤ Colunas contendo valores que serão comparados pelos
SEQUENCIAMENTO DOS DADOS
➤ Números e datas têm ordenações naturais bastante
significativas
➤ Quando se trata de nomes, a ordenação alfabética nos auxilia
a encontrar valores desejados em grandes tabelas
➤ Porém, em alguns casos pode-se criar outra ordenação que
ORIENTAÇÃO DO TEXTO
orientação
orientação
orientação
orientação
orientação
orientação
ORIENTAÇÃO DO TEXTO
➤ Não há representação melhor que a da linguagem natural da
esquerda para a direita
➤ Há raríssimos casos nos quais esta orientação deva ser
sacrificada e normalmente estes casos acontecem em gráficos e não em tabelas
ALINHAMENTO
➤ Números que representem valores quantitativos devem ser
ALINHAMENTO
➤ Datas devem ser alinhadas à esquerda usando um formato
ALINHAMENTO
➤ Texto que não expressa nem números nem datas, devem ser
ALINHAMENTO
➤ Quando o texto tem tamanho fixo e é pequeno, uma exceção
ALINHAMENTO
➤ Alinhar o cabeçalho juntamente com o conteúdo
➤ Spanner headers devem ser alinhados ao centro mostrando
NÚMERO E FORMATO
➤ Não incluir informação desnecessária
➤ Expressar a data de forma familiar aos usuários
NÚMERO E FORMATO
➤ Colocar . (ou ,) a cada três dígitos (Ex.: 1.393.033 ao invés de
1393033): quebra o número em blocos (chucks) menores
➤ Truncar a exibição de três dígitos para milhar, milhão, bilhão,
etc., sempre que possível e indicar isto através de título ou
cabeçalho: reduz a quantidade de informação a ser processada
➤ Usar o sinal de negativos ou parênteses para indicação de
números negativos
➤ Colocar o sinal de % imediatamente a esquerda de todo valor
DATAS E FORMATO
➤ Expresse meses no formato de dois dígitos (01, 02, ...) ou três
caracteres (jan, fev, ...)
➤ Expresse dias usando o formato de dois dígitos
DATAS E FORMATO
➤ Atenção: formatos de datas variam entre países ➤ Nos Estados unidos, usa-se o mês antes do dia ➤ Na Europa usa-se o dia antes do mês
PRECISÃO DE NÚMEROS
➤ A precisão de um número ou data é o seu grau de detalhe
➤ O nível de precisão não deve exceder o necessário para se
atingir os objetivos de comunicação e as necessidades dos usuários
PRECISÃO DAS DATAS
➤ A mensagem requer precisão de dia, semana, quinzena, mês,
FONTES
➤ Devem ser legíveis
➤ As mesmas fontes devem
ser mantidas em toda a tabela
➤ Fontes são classificadas
geralmente em com e sem serifa
➤ A serifa é uma linha ou
curva, localizada em extremos das letras
Boa legibilidade Difícil legibilidade
Com serifa Sem serifa Com serifa Sem serifa
Times new
roman Arial Stencil Britanic bold Palatino Verdana Baskerville Papyrus Courier Tahoma Monotype
ÊNFASE E COR
➤ Texto pode ser agrupado ou destacado através do uso de
SUMARIZANDO VALORES
➤ Tabelas são meios ideais para combinar detalhes e sumários ➤ Somas
➤ Médias
As colunas ou linhas de sumarização não devem ser confundidas com as de dados
Portanto, devem ser destacadas com espaços adicionais ou cor de fundo clara
CABEÇALHOS OU RODAPÉS
➤ Quando a sumarização é a coisa mais importante da mensagem,
TABELAS EM MÚLTIPLAS PÁGINAS
➤ Quando tabelas ocupam
várias páginas, repetir o cabeçalho