Product Craft Bible
POS de cajero
Inicio Verticales POS de cajero
Verticales

POS de cajero

11 reglas shopify pos · creative navy uxjournalcreative navy · usability geekhashmato 2025 · refactoring uishopify pos ui extensions docs
167

POS de cajero

11 reglas
1450

Regla de los 3 taps: toda funcion en menos o igual a 3 toques

Cualquier accion operativa del cajero (abrir venta, aplicar descuento, buscar producto sin codigo) debe ser alcanzable en maximo 3 toques desde la pantalla principal. Cada tap extra suma ~2 segundos por transaccion; en una caja con 200 ops/dia eso es +10 min perdidos por turno. Auditoria: cronometrar "agregar item sin codigo" desde inicio.

shopify pos · creative navy uxjournal
Preferir
Pantalla principal
10%
15%
Empleado
Otro
Evitar
Menu > Opciones > Descuentos > Cliente > %
Menu1
Opciones2
Descuentos3
Tipo cliente4
Porcentaje5
1451

Tap targets 56pt en POS con 8pt de separacion

Los botones de accion frecuente (agregar, eliminar, cobrar) miden minimo 56pt, nunca menos de 44pt. El cajero opera bajo presion, a veces con dedos humedos o guantes ligeros; los errores de toque cuestan tiempo real. Separar botones adyacentes con al menos 8pt de espacio negativo para reducir falsos positivos.

creative navy · usability geek
Preferir
1
2
3
menor a 2% de errores en QA
Evitar
1
2
3
4
12% de errores de toque en QA
1452

Feedback visual menor a 100ms en cada accion del cajero

Al registrar cada item o accion debe haber respuesta visual en menos de 100ms: highlight del boton, actualizacion del total, animacion de adicion al carrito. Sin feedback inmediato el cajero no sabe si el toque registro y repite la accion, causando duplicados. Complemento de R485 (no spinner menor a 100ms): aqui se trata de la respuesta visual del control mismo.

hashmato 2025 · refactoring ui
Preferir
Pedido
Cafe latte · +1$45.00
highlight · 60ms · sonido sutil
Total$45.00
Evitar
Pedido
Cafe latte$45.00
Cafe latte$45.00
Cafe latte$45.00
1453

Layout operator-centric: workflow del cajero, no categoria

La pantalla principal organiza acciones en el orden en que el cajero las ejecuta: escaneo > cantidad > descuento > pago > recibo. Los accesos directos a productos se agrupan por frecuencia de uso (mas vendidos en la zona de mayor alcance), no por categoria de inventario. Shopify POS UI Extensions documenta este principio como "operator-centric layout" en su design system.

shopify pos ui extensions docs
Preferir
Cobrar
+ Descuento
Latte$45
Americano$35
Capuchino$48
Croissant$32
Sandwich
Mate
Brownie
Mas...
Evitar
Bebidas
Snacks
Postres
Combos
Mas...
Mineral
Jugo
Coca
Cafe
Te
Smoothie
Chocolate
Mate
Cobrar: scroll > categoria > item > mas taps...
1454

Quick keys para top 8-12 items y descuentos preset

Los 8-12 productos o categorias mas vendidos tienen botones de acceso directo en la pantalla principal, sin busqueda. Los descuentos comunes (10%, 15%, empleado) son preset de un tap, no entradas manuales. Reducir el tipeo al minimo: cada campo que requiere teclado fisico es un punto de friccion.

dev.pro · shopify pos
Preferir
Descuento
10%
15%
Empleado
Otro %
Evitar
Aplicar descuento
__%
1
2
3
4
5
6
1455

Roles diferenciados: remover, no ocultar con opacity

El cajero ve la pantalla de venta. El supervisor ve ademas anulacion, descuento libre y apertura de gaveta. El administrador accede a configuracion y void de transacciones cerradas. No mostrar controles deshabilitados con opacity baja: removerlos del layout por completo segun el rol. La contaminacion visual de controles no disponibles aumenta el tiempo de busqueda visual.

creative navy uxjournal
Preferir
Cajero
Agregar item
Cobrar
supervisor ve mas botones; cajero solo ve los suyos
Evitar
Cajero (sin permisos)
Agregar item
Cobrar
Anular venta
Abrir gaveta
Reporte X
Config
1456

Modo offline obligatorio con cola sincronizada

El POS no puede dejar de operar si cae la conexion. La base de datos de productos y precios vive localmente; las transacciones se almacenan en cola y se sincronizan al recuperar conexion. Un indicador sutil de estado de conexion (icono en esquina, no banner intrusivo) informa al cajero sin interrumpir el flujo. Una caja caida por falta de internet en hora pico es falla de diseno, no de infraestructura.

shopify pos · snabble
Preferir
Venta #1247
offline
Total: $238.50
Cobrar
Agregar
Evitar
Sin conexion
El POS no puede procesar ventas. Contacta a soporte.
Cola: 0 / fila clientes: 12
1457

Pantalla dual: coherencia cajero-cliente menor a 500ms

Cuando el sistema tiene pantalla de cajero y pantalla de cliente, ambas reflejan el mismo estado en tiempo real: items, precios y total. La latencia maxima entre ambas es 500ms; por encima el cliente percibe discrepancia y desconfia. El cliente nunca debe ver un subtotal desactualizado respecto a la del cajero.

shopify pos retail
Preferir
Cajero
Latte · $45
Cafe · $35
Pan · $20
$100
Cliente (120ms)
Latte · $45
Cafe · $35
Pan · $20
$100
Evitar
Cajero
Latte · $45
Cafe · $35
Pan · $20
$100
Cliente (atrasado 3s)
Latte · $45
Cafe · $35
$80 ?
1458

Devolucion con audit trail integrado al flujo

El flujo de devolucion requiere autorizacion de supervisor (o PIN), registra automaticamente razon, importe, metodo de reembolso y empleado. El cajero ve el historial de transacciones de esa venta antes de ejecutar la devolucion. Sin audit trail visible se invita a fraude interno y se complica la reconciliacion contable.

creative navy · usability geek
Preferir
Venta original #104317 jun 14:23
Latte · $45.00
PIN ****Sup. M.Ortega
Razon: bebida fria
Reembolsar
Evitar
Venta #1043
Sin contexto de transaccion original
Devolver $$$
1459

Perifericos sin pantallas intermedias de confirmacion

Scanner de barras, balanza, gaveta e impresora se integran sin pasos manuales adicionales. Al escanear el item aparece en pantalla en menos de 200ms. Al cobrar la gaveta se abre y el ticket se imprime sin tap extra. Cada confirmacion manual de periferico agrega 3-5 segundos por transaccion; en alto volumen es la diferencia entre una caja agil y una congestionada.

snabble · shopify pos
Preferir
Items del pedido
Cafe latte · +1 ahora$45
Croissant$32
Cafe latte$45
Evitar
Scan recibido
7501234567890
Cafe latte 240ml · $45
Confirmar
Cancelar
1460

Pantalla anti-reflejo y angulo ergonomico segun postura

Una pantalla con glare obliga al cajero a inclinarse en turnos de 8 horas y suma fatiga. Especificar pantallas con tratamiento anti-reflejo (AG coating) o mate. Angulo de montaje: 10-15 grados hacia atras desde vertical para cajero de pie; 20-25 grados para cajero sentado. La ergonomia del hardware es parte de la UX, no solo el software.

creative navy · ergonomia POS
Preferir
soporte
mate AG
12°
Evitar
soporte
glare