Design de Relatório de Métricas de Crescimento

Um Relatório de Crescimento em Quatro Camadas

Distribuído na biblioteca da Comunidade OpenDesign com HTMLAnything declarado como upstream, este relatório em chinês percorre as seções KPI, Growth, Raw Data e Insights. O título usa o vocabulário de relatório semanal com data de maio de 2025, enquanto os gráficos e a tabela contêm nove linhas mensais de exemplo. O layout oferece um resumo imediato, comparação visual, registro de base e interpretação final; os períodos de referência misturados precisam ser conciliados antes de qualquer reutilização operacional.

O primeiro quadro estabelece um documento, e não um espaço de trabalho de ferramenta. “来源: 内部 BI” e “截止 2025-05-11” ficam no canto superior direito, enquanto o título do relatório e uma breve declaração ficam no canto superior esquerdo. Essa separação torna visíveis a procedência e o momento dos dados sem interromper o caminho principal de leitura.

Os números são valores de exemplo literais no HTML e no JavaScript fornecidos. Eles ilustram relações entre os elementos do relatório, não desempenho de negócio real nem um serviço de BI conectado. Os gráficos e a tabela usam esse array local, enquanto as comparações dos KPIs e o texto dos insights são redigidos separadamente. Essas camadas, portanto, precisam de definições consistentes antes de o layout ser adaptado a relatórios reais.

Casos de Uso para Relatórios de Crescimento

Este design serve a relatórios recorrentes em que o leitor precisa tanto de uma checagem rápida do status quanto de detalhes suficientes para questionar o resumo. Os quatro cartões de KPI expõem o retrato atual: “月活用户 · MAU” mostra 23,950, “新增 · SIGNUPS” mostra 4,250, “付费 · PAYING” mostra 2,418 / 10,1% e “流失 · CHURN” mostra 1,8%. Os rótulos de comparação ao lado tornam cada movimento explícito, como “▲ 16.0% vs 上月”.

Essa linha compacta favorece a leitura rápida, mas também comprime as definições. O relatório apresenta usuários pagantes e um percentual no mesmo cartão, enquanto o churn usa uma variação em pontos percentuais. Uma adaptação para produção precisaria preservar essas distinções com definições de métricas confirmadas, pois um número e sua comparação não são intercambiáveis.

O relatório também serve a uma reunião de revisão ou a uma atualização escrita. Os gráficos contam uma história direcional, a tabela permite inspecionar a sequência mensal e os insights oferecem um lugar para a interpretação. O conteúdo de exemplo deve ser substituído por dados de relatório verificados antes de ser usado em decisões operacionais.

Composição e Ordem de Leitura

A composição é deliberadamente vertical. Um divisor fino separa o cabeçalho do relatório da seção de KPIs, e os quatro cartões compartilham uma única linha horizontal. Abaixo deles, a área de crescimento dedica a maior parte da largura a “MAU & 付费用户增长” e um painel mais estreito a “流失率 · 月度”. Essa proporção permite que a série de contagens maiores use uma área de plotagem mais ampla, mantendo o gráfico de taxa legível em sua própria escala.

No gráfico maior, barras pêssego de MAU e uma linha verde de usuários pagantes compartilham um único eixo de contagem ao longo de nove rótulos, de setembro de 2024 a maio de 2025. O painel menor traça o churn mensal como uma linha vermelha em percentual. Separar os painéis de contagem e de percentual evita misturar unidades, embora a série de usuários pagantes permaneça próxima da linha de base ao lado das contagens maiores de MAU. Legendas, unidades e a tabela de apoio são importantes porque a direção, sozinha, não explica o tamanho de cada mudança.

A tabela bruta vem depois dos gráficos, com colunas de mês, MAU, cadastros, usuários pagantes e churn. Suas nove linhas de exemplo vão de 8,420 MAU e 3,4% de churn em setembro de 2024 a 23,950 MAU e 1,8% de churn em maio de 2025. Essa repetição oferece um registro verificável por trás dos gráficos configurados, ao custo de uma página mais longa. A tabela mostra como a série está organizada, mas não verifica as interpretações causais do relatório nem o desempenho real do negócio.

A última linha de insights muda o modo de leitura, da medição para a explicação. Seus três cartões cobrem crescimento de MAU, conversão de pagantes e churn, com títulos curtos como “付费转化 7.3% → 10.1%”. O relatório termina com a seção recolhida “方法论 · Methodology”, que oferece um lugar reservado para o contexto metodológico sem competir com as conclusões principais.

Escopo e Limite de Capacidade

Este artefato é um documento de relatório renderizado a partir de marcação, estilos, configuração de gráficos e linhas de exemplo criados à mão. Os gráficos visíveis comunicam relações na série fornecida, enquanto a seção nativa “方法论 · Methodology” permite expandir o conteúdo localmente. Essas escolhas visíveis não estabelecem uma conexão de análise ao vivo, atualização automática, armazenamento externo nem um fluxo de relatório verificado.

A densidade é trocada por rastreabilidade: resumo, gráficos, linhas e interpretação compartilham uma única página longa. Uma adaptação real também precisa conciliar o cabeçalho semanal da fonte, as comparações mensais, a data de corte de 11 de maio e o texto dos insights, que alterna entre crescimento ano a ano e crescimento semestral. Nove meses exibidos não bastam, por si sós, para estabelecer nenhuma das comparações. Confirme períodos de referência, definições de métricas e fontes de dados antes de tratar o formato como um relatório operacional.

O texto de exemplo dos insights atribui as mudanças a fontes, planos, onboarding e comportamento do produto. Essas afirmações pertencem ao conteúdo de exemplo e devem ser tratadas como interpretação proposta até que sejam sustentadas de forma independente. O layout pode apresentar esse raciocínio; ele não pode estabelecer que as causas citadas produziram os resultados exibidos.