Qué es
Kiosko de autoservicio en tienda: el espectador se atiende solo — elige película, función, tipo de boleto, cantidad, asiento y dulcería, y paga. Sustituye la cola de taquilla para la compra autogestionada.
Alcance del flujo: 7 pantallas encadenadas, 2 módulos de compra (boletos + dulcería) en un único carrito, con temporizador de reserva visible en todo el proceso.
Para llegar, ver y pedir
Todo a la vista en 7 pantallas: cartelera, funciones con horario y sala, butacas libres, boletos y dulcería en un solo carrito, temporizador de reserva y resumen con el asiento asignado antes de pagar.
El flujo (capturado paso a paso)
Decisiones de flujo que destacan
1. Temporizador regresivo visible en cada pantalla (08:52 →08:03) → el espectador sabe cuánto tiempo tiene antes de liberar la reserva. Coherente con la regla de hold de la plataforma (≈10 minutos): aquí se hace explícito en vez de esconderlo.
2. Carrito mixto boletos + dulcería → una sola transacción, un solo pago, un solo comprobante. El resumen los separa en dos bloques con subtotales para que no se mezclen.
3. Estados de función visibles: FINALIZADA en gris deshabilitado vs activa con borde verde → la opción inválida no se puede tocar, en vez de fallar después.
4. Asiento asignado en el resumen (Asiento B-14) → el usuario confirma dónde va antes de pagar; sin eso, la compra genera ansiedad.
5. Validación en el modal de combo: Faltan2 bebida(s) con el botón deshabilitado → el límite (2 bebidas) se comunica antes de intentar agregar.
6. Cinexclusivo integrado en el paso de boletos → la identificación aparece donde ahorra dinero (tarifas preferenciales), no en un menú escondido.
7. Doble moneda en todo momento (Bs17.002,91 · REF19.00) → consistente con la cartelera, el Runner y la app: un solo criterio de precio en todo el ecosistema.
8. Dos vías de entrada en la bienvenida (Boleto / Dulcería / Cinexclusivo) → quien solo quiere cotufas no tiene que atravesar la cartelera.
Dirección visual
- Paleta: azul institucional (#1B2F8F aprox.) + blanco + acento amarillo/dorado de la
marca Cinex (estrella). Coherente con app, web y afichera.
- Color con significado: verde → función activa / disponible; gris → finalizada / deshabilitado;
azul → acción principal; dorado → membresía Cinexclusivo.
- Jerarquía: logo + reloj fijo arriba → título de paso en mayúsculas → contenido → acción
principal abajo (siempre visible, misma posición).
- Tipografía: sans-serif de peso alto en títulos (
¡Bienvenido!, CARTELERA), cuerpo legible
a distancia de brazo — diseñado para lectura de pie, no de escritorio.
- Tarjetas de gran tamaño con objetivos táctiles amplios (steppers de40px+, botones de ancho
completo) → uso con dedo y sin precisión fina.
- Navegación persistente: botones circulares
‹ atrás y 🏠 inicio en la esquina, siempre
en el mismo lugar.
- Cabecera de película en bloque oscuro → separa el "qué estás viendo" del "qué estás eligiendo".