Produto
Visualização de dados
Princípios para transformar dados em informação clara, comparável e útil.
Princípio de produto
Antes do gráfico,
defina a pergunta.
Uma visualização só é útil quando ajuda a compreender, comparar ou decidir.
Comece pela pergunta
A Agenu não usa gráficos para parecer analítica, preencher dashboard ou demonstrar volume de dados. A representação vem depois do que precisamos compreender e só entra quando responde melhor que texto, número, lista ou tabela.
- O que queremos saber?
- O que estamos comparando?
- Qual período importa?
- Qual mudança é relevante?
- A pessoa precisa compreender ou agir?
“Como os agendamentos mudaram no período?” e “quais serviços concentram mais agendamentos?” são perguntas ilustrativas. Elas orientam a decisão, não definem métricas oficiais da Agenu.
Dado não é automaticamente informação
Sem unidade, período ou referência, o valor não orienta uma decisão.
Dados ilustrativos · 1–30 de junho · Clínica Centro
Contexto, comparação, relação, mudança e prioridade transformam dado disponível em algo que pode ser compreendido e usado.
Número, tabela ou gráfico?
A escolha acompanha a tarefa. Gráfico não é evolução natural da tabela: em uma ferramenta de trabalho, a tabela frequentemente é a visualização mais eficiente.
Número
Quando a pergunta principal é “quanto?” e uma comparação visual complexa não é necessária.
Tabela
Quando valores exatos, detalhes, ordenação ou operação sobre linhas importam.
Gráfico
Quando tendência, diferença, distribuição, proporção ou mudança são mais importantes que cada valor isolado.
| Serviço | Agendamentos |
|---|---|
| Serviço A | 18 |
| Serviço B | 14 |
| Serviço C | 10 |
Se a pessoa precisa ler cada número, a tabela pode ser melhor. Se precisa perceber um padrão, um gráfico pode ajudar. Nenhuma escolha é uma regra absoluta.
Comparação, tempo e proporção
Defina referência e diferença importante.
Para categorias, barras ajudam a comparar; organize por ordem significativa — maior para menor, cronológica ou natural — quando isso melhora a leitura.
Preserve ordem temporal e intervalos compreensíveis.
Linha serve para tendência ou mudança contínua no tempo, não para categorias sem relação sequencial. Clareza vem antes de curva decorativa.
Use parte-todo com contenção.
Proporção faz sentido com poucas categorias e diferenças perceptíveis. Quando há muitas partes, barras geralmente comunicam melhor que um donut.
KPIs, períodos e escalas
Uma métrica de destaque precisa dizer mais que um número grande. Quando necessário, inclua nome, valor, período, comparação e referência. Aumento e redução são direções matemáticas; não são automaticamente bom, ruim, sucesso ou erro.
Variação em relação aos 30 dias anteriores.
A variação é neutra até que seu significado seja conhecido.Em barras que representam magnitude, o zero mantém a diferença honesta.
Escalas representam diferenças sem exagerá-las nem escondê-las. Linhas nem sempre começam em zero, mas a escala precisa estar clara e não induzir leitura enganosa. Dados parciais também precisam de contexto antes de serem comparados.
Cor, labels e formatação
Neutros estruturam o dado. Agenu Green destaca uma série focal, seleção ou ênfase quando isso ajuda a comparação; ele não significa dado bom ou sucesso.
Nomeie o que ajuda a leitura. Labels diretos funcionam bem em poucas séries; legendas entram quando mantêm a associação clara, sem criar caça à cor.
Use convenções pt-BR e apenas a precisão necessária: 37,4% pode comunicar melhor que 37,428571%. Período, unidade e filtro permanecem explícitos.
Estados e acessibilidade
Loading, vazio, sem resultado, erro, dado parcial e dado indisponível são situações diferentes. Não mostre zeros artificiais quando houve falha ao carregar.
Zero é um valor. Ausência, indisponibilidade e não aplicável pedem representações distintas quando a diferença influencia a decisão.
Informação essencial também aparece em resumo textual, labels, descrição ou tabela quando necessário — nunca depende apenas de cor, hover ou movimento.
Tooltip revela detalhe adicional, não carrega informação essencial sozinho. Se uma visualização tiver interação útil, ela precisa de affordance, foco e operação sem mouse.
Responsividade e dashboards
Preserve a pergunta e a comparação, não o tamanho original do gráfico. Reduza labels simultâneos, priorize séries ou reorganize a legenda sem apagar período, unidade ou referência.
Dashboard é uma resposta, não página obrigatória. Ele faz sentido para perguntas recorrentes acompanhadas em conjunto — não como depósito de métricas, atalhos e cards.
Faça / Evite
Use cor como destaque e preserve baseline honesta para barras de magnitude.
Não corte escala para dramatizar nem confunda zero com ausência de dados.
Antes de visualizar
- Qual pergunta estamos respondendo?
- Um número ou uma tabela seria mais claro?
- Qual comparação importa e o período está explícito?
- A escala representa a diferença com honestidade?
- A cor possui significado e a informação continua compreensível sem ela?
- Zero, ausência de dados e erro estão distintos?
- A pergunta e a comparação continuam claras no mobile e sem depender de hover?