UX para operadores y socios
1) Contexto y diferencias clave
Los operadores trabajan con riesgos, pagos, cumplimiento, contenido, promociones, soporte. Su objetivo de UX es la gestión operativa y la reducción de incidentes.
Los socios (afiliados) se centran en el tráfico, offers, pagos y análisis LTV/ROI. Su objetivo de UX es la transparencia y el crecimiento.
- Un rol es un escenario principal en el escritorio.
- Las señales y los estados son más importantes que los gráficos decorativos.
- Cualquier indicador es clicabeleno a la fuente original (drill-down).
- Audit trail por defecto; acciones - referenciadas (undo/conferm).
- A11y/i18n-by-default: teclado, contrastes, formatos locales.
2) Roles y Derechos (RBAC) - Marco UX
Funciones básicas del operador: Admin, Compliance, Risk/Fraud, Payments, CRM/Bonuses, Content, Support, BI.
Roles de partner: Partner Owner, Manager, Finance, Analyst.
- Visibilidad de particiones y CTA - por roles.
- Las acciones limitadas están marcadas con una «clave» y una indicación de causa («Se requiere el rol Pagos: Avanzado»).
- Operaciones sensibles - doble confirmación + registro.
3) Mesas de trabajo (operador)
3. 1 Dashboard «Estado de la plataforma»
SLA/SLO bloque: aptime, incidentes, colas.
Bloque financiero: GGR/Net Gaming, depósitos/retiros, TtW p95.
Riesgo/AML: alertas por patrones de fraude, spikes de chargeback.
Actividad de juego: DAU/Concurrency, principales proveedores, errores de lanzamiento.
Acciones: «Abrir incidente», «Desconectar proveedor», «Activar banner de trabajo técnico».
3. 2 Operaciones y pagos
Cola de pago: estado, ETA, límites, origen del método (same-method).
Acciones masivas: approve/hold/reject con causa.
Tarjeta de operación: nivel KYC, geo, device-fingerprint, anomalías.
3. 3 Riesgo/LMA
Resumen de reglas, riesgo-score, cuentas/dispositivos asociados, tercer factor (paquete dock).
Recetas de acción: «Poner en hold 24 h», «Solicitar KYC extendido».
3. 4 Marketing y bonificaciones
Constructor de acciones: audiencia, condiciones, límites, plazos, vista previa de microcopi.
Simulador de presupuesto y pronóstico de decaimiento (control de abuse).
Ranuras AB, restricciones de frecuencia, registro de cambios.
4) Mesas de trabajo (socio)
4. 1 Descripción general del socio
Tráfico/calidad: clics, registro, FTD, CR, retención de D7/D30.
Finanzas: RevShare/CPA, devengos/pagos, inconsistencias.
Offers: los activos, moderados, expiran pronto.
4. 2 Seguimiento y enlaces
Generador de enlaces: fuente/canal/creativo, deeplink, auto-UTM, enlace corto.
Comprobación de la conformidad del landing con geo/idioma/edad.
Validación: «Píxel instalado», «Eventos recibidos (signup/deposite)».
4. 3 Informes y descargas
Períodos/agrupaciones: por geo, por offer, por creativo, por dispositivo.
Exportar a CSV/XLSX guardando filtros/temporizadores.
Suscripciones a informes programados.
5) Arquitectura de la información
Navegación principal: Operaciones, Juegos/Proveedores, Pagos, Riesgo/AML, Bonos, Socios, Informes, Ajustes.
Nivel secundario: listas → tarjeta → modal de acción.
Buscar en todas partes: por ID, email, transacciones, ticket, dispositivo, socio.
Migas de pan y panel de filtro fijo.
6) Señales, estados, alertas
Escala única: info → notice → warning → error → critical.
Color ≠ única señal: icono/texto/forma.
Una barra de alerta global para la crítica, las pistas en línea locales están cerca del problema.
Tiempos de espera y retiros: mostrar las causas y las vías de solución («repetición a través de 2 min», «cambiar de proveedor»).
- "La salida se pone en hold antes de que KYC se complete. [Abrir lista de verificación]"
- «¿El Offer expira dentro de las 24 h?»
7) Informes y análisis
Drill-down desde el KPI hasta la transacción/sesión/evento.
Vistas guardadas para roles (Finance/CRM/Risk).
Atribución de socios: last-click/first-deposite/lineal es una elección explícita.
Anomalías: señales automáticas por desviaciones de las líneas base.
8) Gabinete de afiliados: confianza y transparencia
Equidad de los cálculos: fórmulas de comisiones, retención, corrección - «en dos líneas» con revelación de detalles.
Plazos de pago: ETA y estados, revista de datos.
Media Center: creativos con etiquetas/idiomas/geo, versión y fecha de actualización.
Comunicación: chat/tickets integrados, plantillas de respuesta, SLA por manejo.
9) Cumplimiento y seguridad (incorporado en UX)
KYC/KYB-check-list con progreso y ETA; campos sensibles - enmascarados.
Registro de actividad (audit trail) en todas las operaciones críticas, exportación.
Consentimiento y razones de las solicitudes (cámaras/geo/documentos) - explícito.
Reparto de responsabilidades: uno no puede crear y aprobar un pago.
10) Disponibilidad y localización
Teclado completo, enfoque visible, contraste AA.
'aria-live' para alertas/tostadas, 'aria-describedby' en formas.
Números/monedas/fechas en formatos locales, stock de longitud de cadena, modo RTL.
Tablas: 'th '/' scope', ordenar y leer firmas.
11) Rendimiento y confiabilidad
Virtualización de tablas largas (miles de filas).
Esqueletos en lugar de espineros; guardar los filtros en la URL.
Almacenamiento automático de borradores (promociones, informes).
Fail-soft: degradación parcial de las funciones con explicaciones claras.
12) Incidentes y SLA
Pantalla de incidente: estado, impacto, proveedores/métodos afectados, ETA, responsable, línea de tiempo, lista de tickets relacionados.
Comunicación: plantillas de banners/pistolas/cartas con segmentación (operadores/socios).
Después del incidente: post mortem, acciones y fechas de control.
13) Plantillas de pantalla clave
13. 1 Pagos (operador)
Filtros: método, suma, geo, estado, riesgo.
Tabla (las filas son clickables): ID, usuario, suma, método, estado, ETA, etiqueta de riesgo.
Detalles de la derecha: historia, KYC, registros, acciones secundarias.
Operaciones masivas: cheques + confirmación con causa.
- "El pago está en cola. ETA - hasta 15 minutos. No se retiene a la Comisión"
13. 2 Perfil de socio
KPI-top: FTD, CR, retención, comisiones.
Pestañas: Offers, Enlaces, Creativos, Pagos, Informes, Documentos.
Acciones rápidas: «Crear enlace», «Solicitar pago», «Abrir ticket».
13. 3 Constructor de Offer
Audiencia → Términos → Creativos → Presupuesto/Límites → Preview → Publicación.
Vista previa de la microcopa (versión breve + revelación).
Ranura A/B y restricciones de frecuencia.
14) Métricas de calidad para b2b-UX
Time-to-Action (hasta la acción deseada desde el dashboard).
Error rate en formularios (pagos/offers), Time-to-Fix.
SLA cumplimiento (pagos/incidentes), tiempo de reacción a la alerta.
Métricas de afiliados: CR, FTD, retenciones, pagos atrasados, porcentaje de cargos en disputa.
NPS/CSAT de los comandos del operador y los socios.
15) Hojas de cheques
Pantalla antes de la versión
- Un objetivo clave para el rol.
- Los estados de carga/empty/error/success están cubiertos.
- Las acciones son reversibles o confirmadas.
- Focus, contrastes, 'aria-' está bien.
- Localización: longitudes, monedas, fechas, temporizadores.
Informe/tabla
- Los filtros se guardan, exportan con los filtros actuales.
- Los resultados/sumas coinciden con los detalles (drill-down).
- Estabilidad en 50k + líneas (virtualización).
Gabinete de afiliados
- Fórmulas de pago transparentes.
- Validación de enlaces/píxeles.
- Suscripciones a informes y alertas.
16) Anti-patrones
«Todo es para todos» en el mismo dashboard.
Causas ocultas de las restricciones («no se puede» sin «por qué»).
El color como único medio de estado.
Exportación que no coincide con la interfaz (otros filtros/zonas de tiempo).
Modalkas sin trap de enfoque y devoluciones de enfoque.
Cambios no explicados en los pagos/comisiones.
17) Patrones de microcopia rápidos
Límite de rol
"La acción está disponible para el rol Pagos: Avanzado. Póngase en contacto con el administrador"
Comisión/Pagos
"Se ha creado el pago. Esperamos inscribirse hasta 15 minutos. [Ver estado]"
Enlace de afiliado
"El enlace está activo. Seguimiento: OK. UTM agregados automáticamente"
Incidente
"El proveedor X es inestable. Los juegos no están disponibles para una parte de los usuarios de la UE. ETA - 30 minutos. [Más]"
18) Proceso de implementación (6 pasos)
1. Auditar roles/tareas → matriz de pantalla y CTA.
2. MVP dashboards para Operator/Partner con KPI y acciones.
3. Conjunto de formularios críticos (pagos, offers, riesgos) con validación en línea.
4. Tokens de estado único y componentes de alertas/tostadas.
5. Informes y exportaciones con filtros/zonas de tiempo guardadas.
6. Incidentes y comunicaciones: plantillas, SLA, post mortem.
Parche final
Hacer mesas de trabajo por roles, no «versátiles».
Los estados y las acciones siempre están ahí, con un claro «por qué» y «qué después».
Informes - De extremo a extremo: KPI → transacción, exportación = pantalla.
A los socios - transparencia en los pagos y pagos estables.
A11y/i18n - predeterminado. Incidentes - con comunicación comprensible y SLA.
Necesito preparar marcos de pantalla (operaciones/pagos/riesgos/socios), claves i18n y tablas métricas para su sistema de diseño.