Experiencia de usuario desde la interfaz de paneles de lego
Diseñar interfaces: diferenciar y organizar inputs
Les compartimos el siguiente artículo (realizado por el estudio unipersonal "interaction magic" que a través de ejemplos en paneles de interfaces LEGO enseña sintéticamente algunos principios de UX y, distingue, dos ejes fundamentales para diseñar interfaces físicas efectivas: diferenciar inputs evitar errores al distinguir claramente entre controles cercanos y organizar inputs ayudar al usuario a construir un modelo mental claro del sistema.
Seis formas de diferenciar controles
- Forma (shape coding)Origen histórico: errores en B-17 por mandos idénticos; hoy es estándar en cabinas.
- ColorLa codificación más difundida; “arreglos rápidos” muy efectivos.
- TamañoDiferencia rápida y clara entre inputs vecinos.
- TexturaClave para operación “a ciegas” y diales finos.
- PosiciónAprovecha la postura natural de la mano para priorizar acciones.
- OperaciónDistinguir por gesto (girar, deslizar, levantar) reforzando la función.
En la práctica, se combinan varias codificaciones en el mismo diseño.
Estrategias para organizar inputs
Areas funcionales (features)
Agrupar entradas/salidas de una misma función (p. ej., ventilación en autos).
Basada en operación
Juntar inputs que funcionan igual, aunque controlen cosas distintas.
Basada en tecnología
Limitaciones del sistema definen clusters (pantalla + botones físicos laterales).
Basada en casos de uso
Centra el panel en la rutina del usuario (tareas: preparar, cargar, procesar).
Modelos de disposición
- ConsolidadoTodo el input/feedback en un mismo panel.
- DistribuidoControles junto al componente que afectan.
- EsquemáticoEl panel como diagrama del sistema (facilita el modelo mental).
Algo que mencionamos mucho en el taller y aparece en el articulo;no existe cosa como "la mejor interfaz" pero sí hay muchos ejemplos de malas interfaces que empobrecen la experiencia del dia a dia.
