TAPPP · TV · DEPORTES EN VIVO · APUESTAS
Apuestas deportivas interactivas en TV
Diseñando una experiencia de apuestas en tiempo real para deportes en vivo en plataformas de TV y móvil.
Caso de estudio de TAPPP Sports por Martin Cassinelli. Diseño de experiencias interactivas en tiempo real para transmisiones de deportes en vivo en TV. El producto habilita trivia, predicciones, apuestas y concursos durante juegos en vivo — todo navegable con control remoto. Este caso cubre el diseño de un sistema de interacción para pantallas 10-foot, experiencias adaptativas por plataforma (TV vs mobile) y un design system dark-first construido para ambientes de broadcast.
Framework de diseño
- UX 10-foot: navegación con control remoto y gestión de foco D-pad
- Engagement en tiempo real: overlays interactivos sincronizados con transmisiones en vivo
- Diseño adaptativo por plataforma: TV (lean-back, remoto) vs mobile (touch, on-the-go)
- UI broadcast-safe: design system dark-first, áreas TV-safe, alto contraste
- Sistema modular de interacción: trivia, predicciones, apuestas, concursos como unidades componibles
La restricción no era el tamaño de pantalla — era el input. Diseñar para un control remoto con 5 botones te obliga a eliminar cada paso innecesario.
DESAFÍO
Apostar en una pantalla de 10 pies
Diseñar una experiencia de apuestas en TV introduce restricciones únicas: input limitado, alta sensibilidad a la latencia y requisitos regulatorios estrictos. Al mismo tiempo, la experiencia necesitaba sentirse inmediata, intuitiva y confiable durante eventos deportivos en vivo.
Las apuestas requieren transparencia, cumplimiento y confianza en cada paso
Navegación con control remoto, UI basada en foco, sin teclado — cada interacción debe ser deliberada
Los deportes en vivo exigen feedback instantáneo — las cuotas cambian, los eventos se desarrollan, el timing es todo
DGO + BetPlay + Tappp — tres plataformas coordinándose en un único flujo de usuario
PRODUCTO
Del contenido en vivo a la apuesta colocada
El producto necesitaba habilitar un flujo de apuestas completo sin salir nunca de la experiencia de deportes en vivo. Desde la entrada a través del reproductor de video hasta la confirmación y el seguimiento — cada paso debía estar diseñado para interacción TV-first, delegando complejidad al móvil cuando fuera necesario.
Entrada
Se activa desde los controles del reproductor durante deportes en vivo
Panel
Panel de apuestas interactivo superpuesto al contenido en vivo
Navegar
Explorar categorías de apuestas con el control remoto
Seleccionar
Categoría → evento → monto → confirmar
Autenticar
Autenticación cruzada vía app móvil de DGO
Volver
De vuelta a la TV con la apuesta confirmada
Seguir
Mis Apuestas — activas e históricas
DECISIONES CLAVE
Diseñando para restricciones
Navegación remote-first
Cada interacción diseñada para input direccional en vez de touch. Estados de foco, lógica espacial y pasos mínimos se convirtieron en la base de toda la UI.
Modelo de interacción por capas
El panel de apuestas se superpone al contenido en vivo sin bloquearlo. Los usuarios permanecen conectados al partido mientras apuestan — la transmisión nunca se oculta completamente.
Autenticación cross-device
Los flujos sensibles como login y pago se delegan a la app móvil de DGO. La TV se mantiene lean-back, el móvil maneja las tareas de input intensivo.
Revelación progresiva
Flujos de apuestas complejos divididos en pasos claros y secuenciales. Cada pantalla muestra solo lo necesario para tomar la siguiente decisión — sin sobrecarga de información.
Confianza y transparencia
Estados de confirmación claros, cuotas visibles y resúmenes explícitos. Cada acción es reversible hasta la confirmación final. Sin ambigüedad en lo que el usuario está comprometiendo.
FLUJOS PRINCIPALES
Interacción de punta a punta
Punto de entrada
Los usuarios acceden a las apuestas directamente desde los controles del reproductor durante transmisiones deportivas en vivo. Invitaciones proactivas aparecen durante momentos clave — goles, penales, entretiempo — para impulsar el engagement sin interrumpir la experiencia.
Flujo de apuestas
El panel de apuestas presenta categorías, eventos y cuotas en una jerarquía navegable optimizada para control remoto. Los usuarios avanzan por selección, monto y confirmación en un flujo lineal diseñado para minimizar la carga cognitiva.
Autenticación
La autenticación ocurre completamente en la app móvil de DGO a través de un handshake seguro entre DGO, BetPlay y Tappp. La TV muestra un código de emparejamiento; la app móvil completa el login y la configuración de pago.
La autenticación se delega al móvil para garantizar seguridad y usabilidad — escribir contraseñas con un control remoto es un callejón sin salida.
Mis Apuestas
Los usuarios pueden seguir apuestas activas en tiempo real y revisar resultados históricos. La interfaz provee indicadores claros de estado — pendiente, ganada, perdida — e integra el seguimiento de apuestas en el contexto más amplio de la experiencia deportiva.
PENSAMIENTO DE PLATAFORMA
TV y móvil, cada uno haciendo lo que mejor hace
En lugar de construir la misma experiencia en ambas plataformas, asignamos a cada una un rol distinto basado en sus fortalezas. La TV maneja la experiencia lean-back de decisiones rápidas. El móvil maneja las tareas de input intensivo y seguridad.
TV
- Entorno de visualización lean-back
- Interacciones rápidas y decisivas
- Navegación basada en foco con control remoto
- Contenido siempre visible detrás de los paneles
Móvil
- Tareas de input intensivo (auth, pago)
- Soporte secundario para flujos de TV
- Gestión de cuenta y configuración
- Historial detallado de apuestas y analíticas
SISTEMA DE DISEÑO
Construido para TV, escalado para todo
El sistema de diseño fue construido específicamente para interacción en TV a 10 pies — estados de foco, jerarquía de navegación y arquitectura de componentes escalable. Pero su verdadero valor fue la extensibilidad: los mismos fundamentos podían soportar cualquier overlay interactivo sobre contenido en vivo.
Estados de foco
Cada elemento interactivo tiene estados claros de default, focused, pressed y disabled diseñados para navegación con control remoto
Jerarquía de navegación
La lógica espacial asegura que los usuarios siempre sepan dónde están, a dónde pueden ir y cómo volver
Arquitectura escalable
Componentes diseñados para soportar cualquier formato de overlay — apuestas, trivia, ads, e-commerce
UI dark-first
Optimizada para condiciones de visualización en TV — alto contraste, mínimo resplandor, cómoda para sesiones extendidas
EXTENSIONES DE PLATAFORMA
Más allá de las apuestas
La plataforma interactiva construida para apuestas se convirtió en la base para múltiples verticales. El mismo sistema de overlays, patrones de navegación y componentes del design system se reutilizaron en categorías de producto completamente diferentes.
Ads interactivos
Overlays de compra durante pausas comerciales — los espectadores interactúan con productos sin dejar la transmisión
Trivia y concursos
Juegos de trivia en tiempo real durante shows como Gran Hermano — sincronizados con momentos de la transmisión para máximo engagement
E-commerce
Flujos de navegación y compra para partners como MercadoLibre y Adidas — TV como nuevo canal de comercio
RESULTADO
Lo que lanzamos
La plataforma se lanzó en Colombia como la primera experiencia de apuestas interactivas en TV en vivo de su tipo. Más allá del producto en sí, el trabajo estableció una base escalable para contenido interactivo en todo el ecosistema de DIRECTV.
- Habilitamos apuestas deportivas en tiempo real directamente en TV en vivo — primero en la región
- Reducimos fricción de autenticación mediante flujos cross-device con móvil
- Construimos una plataforma de overlays interactivos escalable reutilizada en múltiples verticales
- Expandimos a trivia, e-commerce y publicidad interactiva
- Establecimos un design system TV-first con patrones de navegación por foco
La restricción más interesante fue diseñar para una pantalla con la que interactuás desde el otro lado de la habitación. Nos obligó a repensar cada supuesto sobre input, feedback y confianza — y el resultado fue una plataforma que podía soportar mucho más que solo apuestas.