Diseño de panel de rendimiento de contenido

De la instantánea de publicaciones al análisis

Este ejemplo oficial de OpenDesign es un espacio de trabajo oscuro de rendimiento de contenido para la identidad de muestra Jerrod Lew. La apertura combina una barra de herramientas compacta de tema y periodo con un gran titular serif de publicaciones. En el estado capturado de X, el resumen indica que se publicaron catorce publicaciones esa semana. Cuatro tarjetas de redes establecen el contexto más amplio de audiencia antes de que una fila de KPI independiente presente la red de muestra activa.

La fila de KPI de X muestra 184.3K seguidores, 4.8% de interacción, 12.8K Me gusta y 3.1K republicaciones. La primera pareja analítica concede más espacio a la curva de seguidores que a la tarjeta de publicación destacada, utilizando una proporción de columnas de dos a 1.2. Esa asimetría prioriza la tendencia y mantiene un ejemplo de publicación a su lado. La miniatura con degradado es una superficie CSS creada para el diseño, no una fotografía ni una prueba de una campaña real.

Coexisten varias ventanas de informe: la barra de herramientas resalta 30D, el titular dice this week, los Me gusta y las republicaciones indican 7D, y la tarjeta de seguidores indica 30D. Los botones de periodo no tienen un controlador de filtrado. Por tanto, el lector debe tratar estas vistas como muestras etiquetadas de forma diferente y no inferir que una selección de la barra de herramientas recalcula todos los paneles.

Separa las preguntas de audiencia, planificación y conversión

El espacio de trabajo no se detiene en el alcance. Upcoming + Drafts distingue dos entradas Scheduled, una Draft y una Idea; la tabla de competidores adyacente proporciona cuatro filas de muestra con nombre. Esos estados de planificación aparecen junto a un desglose semanal de interacción de 64% de Me gusta, 19% de comentarios, 12% de republicaciones y 5% de guardados. Esta última suma 100%, pero no se proporciona su regla de medición.

Los paneles posteriores acotan aún más las preguntas. Una línea horaria utiliza doce posiciones de dos horas, de 00 a 22, en UTC+8; un anillo de sentimiento divide Positive, Neutral y Negative en 58%, 28% y 14%. El mapa de calor contiguo crea 72 celdas con una intensidad de color elegida al azar. Su color es una variación decorativa de muestra, no una explicación medida de cuándo está disponible una audiencia.

El panel de conversión etiqueta las impresiones con 4.2M, las visitas al perfil con 428K, las suscripciones con 49K y los leads de pago con 8.2K. Los anchos de sus barras creadas para el diseño son 100%, 41%, 24% y 11%, y no son proporciones derivadas de esos recuentos. Mantener juntos los recuentos y las barras hace legible el embudo propuesto, pero esos anchos no deben interpretarse como tasas de conversión reales.

Inspecciona un punto y después compara un rango

Una franja fija de inspección mantiene diferenciados cuatro roles: foco actual, punto fijado, rango activo y comparación A/B. Esto convierte el movimiento del puntero en contexto visible, en lugar de dejar aislada la información emergente de cada gráfico. En las líneas horaria, de respuesta, de proporción y de cohorte, pasar el cursor identifica un punto de muestra cercano; hacer clic lo fija. Las teclas de flecha también mueven la fijación en un canvas enfocado, mientras que Escape borra esa selección local.

Arrastrar sobre una línea selecciona un intervalo y calcula su media, máximo y mínimo. Shift-drag guarda hasta cuatro rangos, y la etiqueta A/B compara los dos últimos utilizando diferencias de media y volatilidad. Se trata de una comparación numérica local de valores de muestra seleccionados, no de una asignación experimental, una prueba de significancia ni un aumento causal medido. Los controladores táctiles permiten fijar puntos e inspeccionar intervalos activos, pero no implementan la ruta de rangos guardados mediante Shift-drag del ratón.

El panel inferior Revenue vs Content Cost es una única serie de proporciones etiquetada en x, de 1.2 a 2.4 a lo largo de W1–W7; no son líneas independientes de ingresos y costes ni totales monetarios. Cohort Retention utiliza etiquetas C1–C7 en lugar de fechas explícitas. Ambos pueden ilustrar una relación analítica propuesta, pero sus definiciones necesitan datos reales antes de que alguien pueda utilizarlos para evaluar la rentabilidad o la retención.

1. Localiza el contexto de muestra

   Lee el titular de la red activa y la fila de KPI antes de interpretar un panel más profundo. El resumen de cuatro redes permanece separado de la instantánea activa.

2. Inspecciona un valor específico

   Pasa el cursor sobre un punto de un gráfico lineal local o fíjalo, y sigue su etiqueta hasta la franja persistente de información; la interacción no obtiene datos externos.

3. Compara intervalos seleccionados

   Utiliza rangos con Shift-drag en escritorio para comparar medias y volatilidad locales, manteniendo la comparación de rangos separada de la evidencia experimental.

Comportamiento del prototipo local y límites de los datos

La fuente implementa el cambio de tema, la inspección del canvas y la rotación automática de la red de muestra cada 3.6 segundos. La rotación actualiza el titular, las tarjetas de KPI, el total de seguidores y la publicación destacada; las matrices fijas más profundas, los borradores, la referencia y el embudo no se convierten en conjuntos de datos específicos de cada plataforma. La interpolación numérica muestra brevemente valores intermedios. Ni la animación ni la etiqueta Live overview establecen un flujo en directo, una conexión de cuenta almacenada o una medición multiplataforma verificada.

Export report, Auto-summary, New post y los botones de rango de fechas son visibles sin controladores de acción; la franja similar a una consulta es un div, no un campo de entrada operativo. La fuente no contiene ninguna API de plataforma, servicio de publicación ni backend de informes. Su comparación de referencia al pasar el cursor utiliza la media de la serie actual, por lo que su etiqueta no establece una comparación interanual de cohortes. La licencia del paquete oficial tampoco verifica los derechos sobre cada nombre o afirmación representados.