Panel de operador e indicadores de negocio

1) Asignación de panel

• dar el pulso general del negocio (real-time/casi real-time);
• resaltar las desviaciones/riesgos y el lugar del «incendio»;
• acelerar la solución: desde la tarjeta KPI → a una lista/ticket/pantalla específica.

2) Roles y personalización

• C-nivel/dirección: agregados por marca/región, tendencias, predicciones.
• Operaciones/deportes: carga en vivo, apuestas/margen/coffes, cancelaciones.
• Pagos/finanzas: conversión de depósitos, TtW, apruve/inclinación, charjbeki.
• Riesgo/cumplimiento: KYC/estados AML, sanciones, señales FRM, límites.
• CRM/marketing: LTV/CAC, retén/revapas, segmentos/campañas.

Personalización: orden de widgets, cortes seleccionados (país/proveedor/canal), «modo de servicio» (notificaciones y grandes cifras).

3) Jerarquía de interfaz

Gorra: fecha/zona horaria, selecto de marca/geo/moneda de visualización.
Banda KPI (hero-cards): 6-8 métricas clave por hoy + delta por referencia/ayer/semana.
Tendencias y distribuciones: línea (GGR/NGR), columnas (depósitos por métodos), donuts (mezclas).
Cintas en línea: alertas (SLA, riesgo, PSP), colas de tareas.
Drilldowns: los clics profundizan en el segmento/objeto (método de pago → específico rechazado).

4) KPI y fórmulas clave (básico)

DAU/MAU: jugadores activos por día/mes.
New Depositors (ND): nuevos depositarios para el período.
Depósito Conversión: registro → primer depósito.
ARPPU: 'Ingresos/Usuarios pagadores'.
GGR (renta bruta de juego): 'Apuestas − Ganancias'.
NGR (renta neta de juego): 'GGR − Bonificaciones − Jackpots − Comisiones Providenciales − Impuestos GGR'.
Hold (deportes): '1 − (Pagos/Aceptación de apuestas)'.
Time-to-Wallet (TtW): mediana de tiempo desde la solicitud de salida hasta el recibo.
KYC Pass Rate: 'Pasado/Iniciado'.
Approval Rate (Conclusiones): 'Aprobado/Solicitado'.
Chargeback Nota: 'Charjbacks/Pagos procesados'.
Alertas FRM/1k Tx: número de señales de frod por 1.000 transacciones.
Retention D1/D7/D30: retorno por cohorte.
LTV ^ t: NGR acumulativo por usuario para el momento t.
RTP (ranuras): 'Pagos/Apuestas' por juego/proveedor.

Importante: una métrica semántica en capas de datos para todo el producto (sin «dos GGR»).

5) Widgets y patrones de visualización

Tarjeta KPI

Título, valor (dígitos de tabla), delta (flecha/porcentaje), mini sparkline.
Color: crecimiento verde para métricas útiles (NGR, conversión), crecimiento rojo para negativas (fallas/chargeback).
Haga clic en: drilldown en la tabla/gráfico con el filtro.

Tendencias

Líneas suavizadas, intervalo de confianza/umbral (SLO).
Interruptor «Hoy/Semana/30 días/Cohortes».

Lista de barras: depósitos por métodos, porcentaje de desviaciones por PSP, apuestas por leguas/proveedores.

Cinta en línea

Eventos SLA (PSP delay, cola KYC), grandes ganancias, picos de carga, banderas sancionadoras.

Tablas

Revestimientos resumibles, columnas fijadas, grado/filtro, exportación CSV.

6) Cortes y filtros (obligatorios)

Hora: hoy/UTC vs local, intervalos horarios, ventanas semanales/mensuales.
Geo/jurisdicción: país, región, licencia.
Plataforma/canal: web/app/affiliate.
Métodos de pago/PSP.
Proveedor/juego/deporte/liga/mercado.
Segmentos de usuario: perfiles VIP, principiantes, reaptivados, de riesgo.

Todos los filtros son componentes; el estado es direccionable a URL, hay un «restablecimiento».

7) Señales, alertas, umbrales

Umbrales estáticos: TtW> 2h, Approval Rate <80%, KYC backlog> N.
Dinámico (anomalías): desviación del modelo estacional> 3 σ.
Reglas compuestas: «Crecimiento de fallos PSP-X> 5 p.p. y tráfico desde GEO-Y ↑».
Canales: cortina en el panel, e-mail/Slack/Push; seguimiento «aceptado/decidido».

8) Frescura de datos y performance

SLO frescura: KPI en línea ≤ 60 segundos, agregaciones - ≤ 5 min, conciliaciones financieras - T + 1.
Indicador «Actualizado hace 00:45» en el nivel del panel y en el widget.
Frente: WebSocket/SSE para incrementos, paginación de batch en pausa.
Las animaciones son solo 'transformación/opacity', sin filtros pesados.

9) Arquitectura de datos (muy breve)

Streaming: bus de evento (por ejemplo, Kafka) → procesador de streaming (Flink/Spark) → speed-layer (Redis/ClickHouse).
Batch: registros crudos → DWH (BigQuery/Snowflake) → escaparates/capa semántica (dbt/metric-layer).
Metrics layer: definiciones de KPI uniformes para todos los clientes (panel, informes, API).
SCD/cohortes: almacenamos la versionalidad de los atributos y las cohortes para Retenshn/LTV.

10) Multi-marca/multi-geo/multi-moneda

Selector «Marca/Licencia/GEO», resumen y comparación (stacked o small multiples).
Mostrar moneda - en la moneda de la cuenta de marca + equivalente (consulte «Cambiar moneda»).
Zona horaria - fijar para el informe (local de marca vs operador).

11) A11y, localización, tema oscuro

El contraste no es inferior a AA; Orden de las cartas, 'aria-label' en los botones de las tarjetas.
Textos/formatos de fecha/moneda - local; RTL espejado (consulte RTL-hyde).
Tema oscuro/contraste para turnos nocturnos; los anillos focales son visibles.

12) Anti-patrones

30 + tarjetas de KPI de «pequeño relleno» sin jerarquía.
Fórmulas inconsistentes de una métrica en diferentes widgets.
El color como único portador de significado.
Panel «mudo»: alertas sin CTA y propietario.
Datos «de ayer» sin indicador de frescura.
Bloqueadores en toda la pantalla con cada filtro.

13) Tokens del sistema de diseño (ejemplo)

json
{
"dashboard": {
"gap": 12,
"cardRadius": 12,
"kpiHeight": 96,
"sparkHeight": 24
},
"palette": {
"good": "#2e7d32",
"bad": "#c62828",
"warn": "#ef6c00",
"muted": "#607d8b"
},
"motion": { "inMs": 140, "outMs": 100 },
"a11y": { "contrastAA": true, "tabularNums": true }
}

14) Ejemplos de snippets de interfaz

Tarjeta KPI (HTML)

html
<button class =" kpi" aria-label =" NGR today, plus 7 percent to yesterday">
<header> NGR today </header>
<div class="value">₴ 12 340 000</div>
<div class="delta up">+7. 1%</div>
<svg class="spark"></svg>
</button>

Métrica semántica (pseudo-SQL/DSL)

sql metric NGR as
SELECT SUM(bets. amount - wins. amount - bonuses. amount - fees. amount - ggr_taxes. amount)
WHERE brand =:brand AND ts BETWEEN:from AND:to;

Regla de alerta (pseudo)

json
{
"if": "psp. decline_rate(country='TR',psp='X') > 0. 15",
"and": "delta('15m') > 0. 05",
"then": { "notify": ["payments-oncall"], "priority": "high", "runbook": "psp-x-declines" }
}

15) Escenarios estándar de iGaming

Pagos

El widget «Approval Rate por PSP» → drill a la lista de causas rechazadas con códigos.
«Time-to-Wallet por método» → mapa SLA; click - colas específicas.

Deportes

Apuestas en vivo/segundos, Hold en las ligas, alerta para desviar los márgenes.
Mercados sobrecalentados (distorsión brusca) → bloque de recomendaciones/límite manual.

Casino

RTP/volatilidad por proveedor, juegos de primera/salida, alerta «RTP anormal

Riesgo/Cumplimiento

KYC backlog и pass rate; Señales FRM; banderas de sanciones.
Haga clic en la alerta → la tarjeta del jugador con acciones (freeze/verify/escalate).

16) Métricas del propio panel

Panel de engagement: DAU paneles, tiempo en sesión, clics en drilldowns.
Alerta MTTA/MTTR: tiempo antes de la reacción y antes del cierre del incidente.
Accuracy complaints: «los números no convergen» (<0,5%).
Freshness breaches: proporción de violaciones de SLO de frescura.
Actionability: proporción de alertas seguidas de acción (> 70%).

17) Lista de comprobación de QA

Datos y consistencia

• Definiciones de métricas uniformes (metrics layer).
• El umbral/dirección del color es correcto (crecimiento «malo» = rojo).
• Cada widget tiene una fuente de tiempo y frescura.

UX

• Hasta las razones clave 2-3 clic máximo.
• Los filtros son acumulativos, el estado es direccional a URL.
• Las tarjetas KPI están disponibles desde el teclado y el altavoz en pantalla.

Perf

• Cambio de filtros ≤ 300 ms (perfil de incógnito).
• Sin CLS; los gráficos se virtualizan a grandes volúmenes.
• La Real Mitad se renueva sin «tirones».

A11u/Asunto

• Contraste ≥ AA; los anillos focales son visibles.
• El tema oscuro/contraste es legible; el color no es la única señal.

18) Documentación en el sistema de diseño

Компоненты: `KpiCard`, `TrendChart`, `BreakdownBar`, `AlertFeed`, `DataFreshnessBadge`.
Métricas: diccionario de fórmulas, unidades de medida, signos «más/menos».
Manuales: «Cómo agregar KPI», «Cómo configurar alertas», «Cómo validar fuentes».
Galería Do/Don 't: paneles sobrecargados vs enfoque en 6-8 KPI, color ≠ significado, drilldown sin callejones sin salida.

Resumen breve

Un panel de operador fuerte es una definición única de métricas, una jerarquía clara de widgets, alertas instantáneas y causas clicables. Personalice el papel, muestre la frescura de los datos, mantenga la acción a 1-2 clics de la cifra y respete la disponibilidad. Entonces el «pulso del producto» pasará a ser manejable, desde pagos y KYC hasta márgenes y retoques.