Como criar dashboards administrativos que não enganam
Um painel administrativo pode estar bem desenhado e ainda induzir a um erro perigoso: apresentar dados de ontem como atuais, transformar falha parcial de fonte em zero, interpretar em UTC um filtro local sem avisar ou mudar a definição de uma contagem entre páginas. A confiança começa quando a interface mostra o número e também as evidências e limitações por trás dele.
Publicado em 13 de outubro de 202614 min de leituraAtualidade, linhagem e estados honestos
Mostre a origem junto da métrica
Exiba a cadeia que gerou o número, sem escondê-la num tooltip
FonteSistema, escopo do tenant e última leitura confirmada.
TransformaçãoDefinição, filtros, exclusões e versão.
MétricaUnidade, período, fuso e agregação.
ExibiçãoAtualidade, parcialidade e caminho de detalhe.
A métrica deve explicar o que conta, qual escopo abrange, qual intervalo usa e quando a fonte foi confirmada pela última vez. Mantenha a definição igual em lista, cartão, exportação e detalhe. Quando filtros mudarem, mostre quais estão ativos e se o total representa os filtrados ou o universo completo.
Zero, indisponível e desatualizado são estados diferentes
Estado da interface
Significado
Apresentação honesta
Zero
Consulta terminou sem registros correspondentes
Mostrar 0 com escopo e intervalo selecionados
Indisponível
Timeout, permissão negada ou erro da fonte
Exibir falha e última atualização bem-sucedida; nunca usar 0
Desatualizado
Há dado, mas é anterior à janela prometida
Exibir idade e frequência de atualização esperada
Parcial
Uma fonte falhou, outras responderam
Identificar resultado parcial e fontes ausentes
Carregando
Consulta atual ainda está em execução
Manter valor anterior com rótulo de desatualizado ou usar skeleton
Isso importa quando operadores podem estornar pagamentos, bloquear contas ou decidir escala com base no painel. Um selo verde precisa ter condição explícita e horário. “Nenhum incidente” não vale se o feed de incidentes parou de atualizar.
Torne período e unidade impossíveis de confundir
Identifique moeda, percentual, taxa e duração com unidades. Declare se timestamps são UTC ou locais e deixe o fuso efetivo perto do filtro de datas. Um dia de calendário depende de fuso; janela móvel de 24 horas é diferente. Não compare taxa com contagem nem coloque grandezas diferentes no mesmo eixo sem escala claramente rotulada.
Exponha linhagem e falhas parciais
Para cada bloco, registre sistema de origem, versão da consulta ou modelo, última sincronização confirmada e atraso conhecido. Se a agregação junta provedores, acompanhe o sucesso de cada fonte e mostre entradas ausentes. Permita chegar ao registro ou execução de pipeline que produziu o agregado, respeitando autorização e privacidade.
Cache pode ser útil, mas sua idade e invalidação devem estar claras. Atualizar o navegador não garante nova consulta à origem. Ajuste a frequência ao ritmo de mudança da fonte; polling agressivo pode aumentar custo e pressão sem melhorar a confiabilidade.
Projete para decisão e verificação
Organize a tela a partir da pergunta operacional e mostre a próxima ação: analisar sincronizações com falha, comparar períodos, repetir uma tarefa segura ou abrir o procedimento. Separe ações destrutivas, confirme seu escopo e exiba trilha de auditoria depois. Exporte junto metadados de filtros, intervalo e horário de geração.
Teste cenários com zero linhas, dado antigo, uma fonte indisponível, duplicidade e fronteiras de fuso. Peça a alguém que deduza a definição e a atualidade apenas pela tela. Se não conseguir, faltam informações no desenho.
Um painel honesto apresenta escopo, tempo, unidades, linhagem e estado de falha junto aos valores. Diferencie zero de ausência, mostre atualidade e resultado parcial e permita rastrear o número até a origem. Aparência só ajuda depois que a evidência fica clara.