Product Craft Bible
Self-service kiosks
Inicio Verticales Self-service kiosks
Verticales

Self-service kiosks

13 reglas ADA 2010 Standards 308 · kma.globaltpgi · kiosk industry groupscandiweb · flyxflyx · kiosk industry group
168

Self-service kiosks

13 reglas
1461

Altura ADA: pantalla y controles entre 380mm y 1220mm

Todo control interactivo queda entre 380mm y 1220mm del suelo, el rango de alcance frontal para usuario en silla de ruedas segun ADA (2010 Standards 308). El punto mas frecuente (confirmar, pagar) cerca de 1000mm. Kioskos a 1500mm excluyen al 100% de usuarios en silla. No es nice-to-have: es compliance legal en EE.UU.

ADA 2010 Standards 308 · kma.global
Preferir
2000
0
1220
380
Pantalla
centro 1000mm
Evitar
2000
0
Pantalla 1500mm
×
Fuera de alcance
en silla de ruedas
1462

Tap target fisico minimo 30mm, no solo 44pt CSS

Los tap targets de kiosco se miden en milimetros fisicos en pantalla, no en puntos CSS. Un target de 44pt CSS en una pantalla de alta densidad puede medir solo 12mm fisicos: inutilizable de pie sin precision de escritorio. Minimo absoluto en kiosco: 30mm de lado; recomendado: 40mm para uso con guantes ligeros o movilidad reducida en dedos.

tpgi · kiosk industry group
Preferir
A
B
30-40mm fisicos
precision para guantes y movilidad reducida
Evitar
A
B
C
D
E
F
12mm fisicos
de pie + brazo extendido: imposible
1463

Iconografia con etiqueta de texto, nunca solo icono

Nunca mostrar iconos solos en un kiosco de autoservicio. El icono acelera el reconocimiento pero la etiqueta de texto elimina ambiguedad para usuarios no familiarizados. El patron "icono + texto debajo" en botones primarios reduce errores de seleccion incorrecta ~35% vs iconos solos en estudios de self-checkout retail.

scandiweb · flyx
Preferir
Menu
Continuar
Ajustes
Evitar
"¿Que hace cada uno?" -- ambiguo
1464

Selector de idioma fijo en cada pantalla, no solo inicio

El selector de idioma esta presente en todo el flujo, no solo en la pantalla de inicio. Si el usuario entro en idioma incorrecto debe poder cambiarlo desde cualquier punto sin perder el progreso. Posicion fija (preferentemente superior derecha); tamano del boton 48x48pt minimo. Sin cambio mid-flow, usuarios con idioma minoritario abandonan el carrito.

flyx · kiosk industry group
Preferir
Paso 3 de 5
ES
Elige metodo de pago
Tarjeta de credito
Wallet movil
Evitar
Paso 3 de 5
?Idioma sin opcion
Choose payment method
Credit card
Mobile wallet
Usuario hispano abandona · no entiende el flujo
1465

Progress indicator persistente "Paso X de Y"

El usuario de kiosco no tiene contexto previo del flujo. Indicador segmentado (barra o "2 de 4") visible en cada paso, no solo en el primero, con nombre del paso actual ("Revisa tu pedido"). Sin este indicador los abandonos mid-flow aumentan porque el usuario no sabe cuanto le falta.

flyx · scandiweb
Preferir
Paso 3 de 5
Confirmacion
Confirma tu informacion
Nombre: Juan Perez
Siguiente
Evitar
Confirma tu informacion
Nombre: Juan Perez
Email: juan@correo.com
Siguiente
"¿Cuanto me falta? ¿Cuantos pasos mas?"
1466

Attract loop con CTA visible, nunca screensaver mudo

Cuando el kiosco esta idle, mostrar un loop visual animado que invite explicitamente a interactuar ("Toca para comenzar"). El attract loop arranca tras 30-60 segundos de inactividad. Una pantalla oscura o solo el logo no comunica que el kiosco esta disponible; los usuarios pasan de largo asumiendo que esta apagado.

kiosk.com · kiosk industry group
Preferir
Toca para comenzar
Tu pedido en menos de 2 minutos
Evitar
1467

Timeout de privacidad: 90-120s con cuenta regresiva visible

Tras 90-120 segundos sin interaccion en sesion activa, mostrar advertencia "Tu sesion esta por cerrar" con cuenta regresiva de 15 segundos. Sin respuesta: borrar carrito, limpiar sesion, volver al attract loop. Sin timeout, el siguiente usuario ve el carrito del anterior: falla de privacidad y de UX.

tpgi · level access
Preferir
12
Tu sesion esta por cerrar
Toca cualquier parte para continuar
Continuar
Evitar
Carrito de usuario anterior
Cafe + sandwich$85
Jugo de naranja$32
Brecha de privacidad: proximo usuario ve tu pedido
1468

Espacio libre 760x1220mm para aproximacion frontal

El piso frente al kiosco permite que una silla de ruedas se aproxime frontalmente: minimo 760mm de ancho por 1220mm de profundidad sin obstaculos (ADA 308). Pedestales que ocupan el espacio de aproximacion o kioskos en pasillos estrechos incumplen accesibilidad legal. Diseno del espacio es tan importante como diseno de software.

ADA 2010 Standards 308
Preferir
Kiosco (montaje en pared)
Zona libre
760mm x 1220mm
Evitar
Kiosco
Espacio < 760mm
1469

Recovery sin staff: flujo de correccion self-contained

El usuario corrige errores comunes sin llamar a un empleado: item mal escaneado (eliminar o re-escanear), codigo no reconocido (busqueda manual por nombre), pago fallido (reintentar o cambiar metodo). Cada error ofrece un camino de salida claro con boton de retry visible. Kioskos que requieren asistencia en cada error son carga operativa, no auto-servicio.

scandiweb · kiosk industry group
Preferir
Codigo no reconocido
Prueba con una de estas opciones:
🔍Buscar por nombre
Re-escanear
📱Llamar a empleado
Evitar
Codigo no reconocido
Por favor llama a un empleado para asistencia.
Esperando ayuda...
1470

Instrucciones de bagging contextuales por item

En self-checkout, cada item escaneado va acompanado de instruccion visual o texto: "Coloca el articulo en la bolsa". El sistema confirma peso en balanza antes de habilitar el siguiente escaneo. Si el usuario no coloca el item, mostrar alerta especifica ("Peso no detectado, coloca el articulo") no un error generico.

scandiweb · kiosk industry group
Preferir
Acabas de escanear
Manzana roja x1$8.50
🛒Coloca en la bolsa
Peso esperado: 180g
Esperando peso de balanza...
Evitar
Error de operacion
Codigo: E-204. Reinicia la transaccion o contacta soporte.
"¿Que hago ahora?"
1471

Recibo digital primero, impreso secundario

Ofrecer recibo digital (email o QR) como opcion principal antes que impreso. Formular activamente: "Enviar a tu email" (primario) vs "Imprimir recibo" (secundario). Reduce costo operativo de papel y preserva privacidad. Nunca imprimir automaticamente sin preguntar.

scandiweb · sostenibilidad retail
Preferir
¿Como quieres tu recibo?
Enviar a mi email
📱Mostrar QR
Imprimir (no recomendado)
Evitar
Imprimiendo recibo...
Papel desperdiciado · sin opcion
1472

Velocidad de escaneo menor a 500ms como metrica de UX

Tiempo desde que el usuario presenta el codigo hasta que el sistema confirma: menos de 500ms para barras standard, menos de 1s para QR. Por encima de 2s el usuario re-escanea, causando duplicados. Medir en produccion con logs de timestamps, no solo en demos. Es la metrica mas directa de calidad UX en self-checkout.

scandiweb · metricas retail
Preferir
Tiempo de scan
320ms
Cafe latte · recien$45
Confirmacion visual inmediata · sin duplicados
Evitar
Tiempo de scan
2.4s
Cafe$45
Cafe (duplicado)$45
Usuario re-escaneo porque no vio confirmacion
1473

Agrupacion central: minimizar movimiento de mano

El usuario esta de pie con el brazo extendido. Cada desplazamiento grande de mano (esquina superior izquierda a inferior derecha) cuesta esfuerzo fisico acumulado. Acciones del flujo principal en zona central o inferior. Secundarias (cancelar, ayuda) a los bordes; primarias (confirmar, siguiente) en zona de menor alcance fisico.

tpgi · ergonomia kiosko
Preferir
Cancelar
Ayuda
contenido del flujo
Atras
Confirmar
Evitar
Cancelar
Siguiente
Atras
Confirmar