Diseños gráficos
Diseño de informe de métricas de crecimiento
Un informe en chino reúne cuatro tarjetas de KPI, gráficos de tendencia pareados, nueve filas mensuales de muestra y tres tarjetas de conclusiones en un documento vertical.
Usos del informe de crecimiento
- Informes mensuales de crecimientoPresenta resultados de crecimiento recurrentes en un informe compacto.
- Revisión de KPICompara las métricas principales con sus variaciones mensuales.
- Comunicación de tendenciasSepara los recuentos de audiencia de los porcentajes mensuales de abandono a lo largo del tiempo.
- Resúmenes de conclusionesAcompaña las cifras reportadas con ideas explicativas concisas.
Aspectos destacados del diseño
- Cuatro tarjetas de KPIColoca primero MAU, altas, usuarios de pago y abandono.
- Gráficos de tendencia pareadosSepara los recuentos de audiencia de los porcentajes mensuales de abandono.
- Tabla de datosMantiene disponibles nueve filas mensuales para comprobar las cifras.
- Tarjetas de conclusionesConecta cambios seleccionados con breves explicaciones narrativas.
Del resumen de KPI a las conclusiones
1 / 6
Un informe de crecimiento en cuatro capas
Distribuido en la biblioteca OpenDesign Community con HTMLAnything declarado como fuente original, este informe en chino recorre las secciones KPI, Growth, Raw Data e Insights. Su encabezado usa redacción de informe semanal con un título de mayo de 2025, mientras que los gráficos y la tabla contienen nueve filas mensuales de muestra. El diseño ofrece un resumen inmediato, una comparación visual, el registro subyacente y una interpretación final; los periodos de reporte mezclados deben conciliarse antes de reutilizarlo operativamente.
El primer fotograma establece un documento, no un espacio de trabajo de herramienta. «来源: 内部 BI» y «截止 2025-05-11» aparecen arriba a la derecha, mientras que el título del informe y una breve declaración van arriba a la izquierda. Esta separación hace visibles el origen y la fecha sin interrumpir el recorrido principal de lectura.
Las cifras son valores de muestra literales en el HTML y el JavaScript suministrados. Ilustran relaciones entre elementos del informe, no el rendimiento real de un negocio ni un servicio de BI conectado. Los gráficos y la tabla usan esa matriz local, mientras que las comparaciones de KPI y el texto de las conclusiones están redactados por separado. Por ello, esas capas necesitan definiciones coherentes antes de adaptar el diseño a un reporte real.
Casos de uso del reporte de crecimiento
Este diseño encaja en informes recurrentes donde el lector necesita tanto una comprobación rápida del estado como suficiente detalle para cuestionar el resumen. Las cuatro tarjetas de KPI muestran la instantánea actual: «月活用户 · MAU» indica 23,950, «新增 · SIGNUPS» indica 4,250, «付费 · PAYING» indica 2,418 / 10.1% y «流失 · CHURN» indica 1.8%. Las etiquetas de comparación contiguas hacen explícito cada movimiento, como «▲ 16.0% vs 上月».
Esa fila compacta favorece el escaneo, pero también comprime las definiciones. El informe presenta usuarios de pago y un porcentaje en una misma tarjeta, mientras que el abandono usa una variación en puntos porcentuales. Una adaptación a producción debería conservar esas distinciones con definiciones de métricas confirmadas, porque una cifra y su comparación no son intercambiables.
El informe también sirve para una reunión de revisión o una actualización escrita. Los gráficos aportan una narrativa direccional, la tabla permite inspeccionar la secuencia mensual y las conclusiones ofrecen un lugar para la interpretación. El contenido de muestra debe sustituirse por datos de reporte verificados antes de usarlo en decisiones operativas.
Resumen ejecutivo
Usa la fila de KPI para orientar a los lectores sobre los valores actuales y su variación mensual.
Revisión de tendencias
Usa gráficos pareados cuando la escala y la tasa requieran un tratamiento visual separado.
Verificación de evidencia
Usa la tabla de datos para conectar una tendencia destacada con sus filas de origen.
Seguimiento narrativo
Usa tarjetas de conclusiones para expresar una interpretación junto al cambio correspondiente.
Composición y orden de lectura
La composición es deliberadamente vertical. Un divisor fino separa el encabezado del informe de la sección de KPI, y las cuatro tarjetas comparten una fila horizontal. Debajo, el área de crecimiento da la mayor parte del ancho a «MAU & 付费用户增长» y un panel más estrecho a «流失率 · 月度». Esta proporción permite que la serie de recuentos grandes use un área de trazado más amplia y que el gráfico de tasa siga siendo legible en su propia escala.
En el gráfico mayor, las barras melocotón de MAU y una línea verde de usuarios de pago comparten un eje de recuentos a lo largo de nueve etiquetas, de septiembre de 2024 a mayo de 2025. El panel menor traza el abandono mensual como una línea roja en porcentaje. Separar los paneles de recuentos y de porcentajes evita mezclar unidades, aunque la serie de usuarios de pago queda cerca de la línea base junto a los recuentos mayores de MAU. Las leyendas, las unidades y la tabla adjunta son importantes porque la dirección por sí sola no explica la magnitud de cada cambio.
La tabla de datos sigue a los gráficos con columnas de mes, MAU, altas, usuarios de pago y abandono. Sus nueve filas de muestra van de 8,420 MAU y 3.4% de abandono en septiembre de 2024 a 23,950 MAU y 1.8% de abandono en mayo de 2025. Esta repetición aporta un registro comprobable detrás de los gráficos configurados, a costa de una página más larga. La tabla puede mostrar cómo se organiza la serie, pero no verifica las interpretaciones causales del informe ni el rendimiento real del negocio.
La última fila de conclusiones cambia el modo de lectura de la medición a la explicación. Sus tres tarjetas abarcan el crecimiento de MAU, la conversión a pago y el abandono, con títulos breves como «付费转化 7.3% → 10.1%». El informe termina con el apartado plegado «方法论 · Methodology», que ofrece un lugar reservado para el contexto metodológico sin competir con los hallazgos principales.
| Capa | Evidencia visible | Tarea del lector |
|---|---|---|
| KPI | Cuatro valores actuales con etiquetas de comparación | Escanear la última posición reportada |
| Crecimiento | Barras de MAU, línea de usuarios de pago y línea de tasa de abandono | Comparar la dirección a lo largo de nueve meses |
| Datos de origen | Filas mensuales de MAU, altas, pago y abandono | Comprobar los valores detrás de los gráficos |
| Conclusiones | Tres enunciados escritos sobre cambios | Entender la interpretación de la muestra |
Alcance y límites de capacidad
Este artefacto es un documento de informe generado a partir de marcado redactado, estilos, configuración de gráficos y filas de muestra. Los gráficos visibles comunican relaciones en las series suministradas, mientras que el apartado nativo «方法论 · Methodology» ofrece un estado expandible local. Esas decisiones visibles no establecen una conexión analítica en vivo, actualización automática, almacenamiento externo ni un flujo de reporte verificado.
Se intercambia densidad por trazabilidad: resumen, gráficos, filas e interpretación comparten una página larga. Una adaptación real debe además conciliar el encabezado semanal de la fuente, las comparaciones mensuales, el corte del 11 de mayo y una redacción de conclusiones que alterna entre crecimiento interanual y semestral. Nueve meses mostrados no establecen por sí solos ninguna de las dos comparaciones. Confirma los periodos de reporte, las definiciones de métricas y las fuentes de datos antes de tratar el formato como un informe operativo.
El texto de muestra de las conclusiones atribuye los cambios a fuentes, planes, onboarding y comportamiento del producto. Esas afirmaciones pertenecen al contenido de ejemplo y deben tratarse como interpretación propuesta hasta que se respalden de forma independiente. El diseño puede presentar tal razonamiento, pero no puede establecer que las causas citadas produjeran los resultados mostrados.
Cómo crear un diseño de informe de métricas de crecimiento en OpenDesign
Define la secuencia del informe
Empieza con un encabezado en chino, la etiqueta de la fuente y la fecha de corte, y define después las secciones KPI, Growth, Raw Data e Insights en ese orden. Usa un único periodo de reporte coherente en la recreación: el ejemplo mezcla un encabezado semanal con filas mensuales, por lo que sus etiquetas son referencias de diseño y no definiciones validadas.
Prompt sugeridoCrea un diseño de informe de crecimiento en chino con un periodo de reporte y una fecha de corte de la fuente claramente indicados. Organiza cuatro secciones en este orden: KPI, Growth, Raw Data e Insights. Incluye cuatro tarjetas de KPI: MAU, altas (signups), usuarios de pago con un porcentaje de conversión y abandono (churn); un gráfico ancho de barras de MAU y línea de usuarios de pago; un gráfico más estrecho de abandono en porcentaje; una tabla mensual de nueve filas; y tres tarjetas de conclusiones acotadas. Usa solo datos de muestra locales e ilustrativos, sin conexión a un BI real. Obtén las comparaciones del mismo periodo etiquetado, mantén separadas las unidades de recuentos y porcentajes, y no inventes explicaciones causales ni resultados operativos.
Ajusta el papel de cada gráfico
Perfila la sección de crecimiento como dos paneles separados: un gráfico combinado ancho para MAU y usuarios de pago, y otro más estrecho con la tasa mensual de abandono. Mantén recuentos y porcentajes en escalas visuales distintas y etiqueta las series para que la comparación se entienda sin depender solo del color.
Revisa la capa de evidencia
Añade una tabla de datos con columnas de mes, MAU, altas, pago y abandono. Compara sus filas con las etiquetas de los gráficos y con el resumen de KPI, y comprueba que cada porcentaje, flecha y enunciado «vs 上月» use el mismo periodo de reporte.
Redacta conclusiones acotadas
Usa tres tarjetas breves de conclusiones sobre crecimiento, conversión a pago y abandono. Distingue un cambio observado de su explicación y reserva el área plegada de metodología para definiciones o supuestos que el lector necesita pero que interrumpirían el flujo principal del informe.
Exportar y obtener un enlace para compartir
Exporta tu diseño terminado y luego usa Compartir en OpenDesign para obtener un enlace. Abre el enlace en una ventana del navegador independiente y comprueba que la versión prevista y sus recursos estén disponibles antes de enviarlo.
Diseño de póster editorial sobre flujos de trabajo con IA
El diseño de póster editorial sobre flujos de trabajo con IA presenta seis afirmaciones sobre los flujos de trabajo, con capítulos numerados, ejemplos concretos de prompts y acentos tipográficos color óxido sobre un fondo crema.
Diseños gráficos
Diseño de carrusel social sobre flujos de trabajo con IA
Siete tarjetas verticales utilizan encabezados chinos sobredimensionados, hábitos numerados, campos de color cambiantes y una declaración final para explicar los flujos de trabajo de edición con IA.
Diseños gráficos
Diseño de shader Aurora Field
Un campo de ruido azul verdoso animado automáticamente aporta atmósfera a un hero WebGL, mientras un titular fijo y una pequeña insignia local de frecuencia de fotogramas anclan la escena.
Diseños gráficos
Diseño de shader Aurora Veil
Aurora Veil es una composición de shader interactiva que convierte la luz en capas, las estrellas y el movimiento del cursor en un hero atmosférico de WebGL.
Diseños gráficos