¿Qué son las Leyes de UX?
Las Laws of UX son una colección de principios de psicología aplicados al diseño de interfaces, recopilados por Jon Yablonski. No son reglas absolutas, sino mejores prácticas basadas en décadas de investigación sobre cómo los humanos perciben, procesan e interactúan con las interfaces digitales.
Para productos de IA —donde la carga cognitiva ya es alta por la novedad tecnológica— aplicar estas leyes es aún más crítico. Una interfaz que exige aprender modelos mentales nuevos, procesar demasiadas opciones o recordar información entre pasos, frustrará al usuario aunque el modelo de IA sea excelente.
Las 3 Leyes Fundamentales de Interacción
1. Ley de Fitts — Tamaño y Distancia
El tiempo para adquirir un objetivo depende de la distancia al objetivo y su tamaño.
En IA: El botón de "Ejecutar prompt" debe ser grande y estar cerca del área de escritura. Los botones pequeños alejados del flujo natural generan fricción.
- Objetivos táctiles mínimos: 44×44px en móvil, 48×48px recomendado
- Elementos críticos en zona de fácil acceso (esquinas, bordes)
- El botón de acción principal debe ser el más grande visible
- Espacio entre elementos relacionados para evitar clics accidentales
2. Ley de Hick — Menos Opciones, Mejores Decisiones
El tiempo de decisión aumenta con el número y complejidad de opciones.
En IA: Un selector de modelos con 20 opciones sin orden ni descripción abruma. La Ley de Hick dice: limita a 5-7 opciones visibles y usa categorización jerárquica.
- Máximo 5-7 opciones por pantalla o sección
- Dividir procesos complejos (como configurar un agente) en pasos
- Destacar la opción recomendada con etiqueta visual
- Onboarding progresivo: no mostrar todo de golpe
3. Ley de Jakob — Consistencia con lo Familiar
Los usuarios prefieren que tu sitio funcione como los sitios que ya conocen.
En IA: Los patrones de chat tipo ChatGPT se han vuelto el estándar. Si tu interfaz de IA se comporta diferente sin razón, generarás confusión. Aprovecha los modelos mentales existentes.
- Barra de entrada abajo, historial a la izquierda (patrón familiar)
- Iconos y nomenclatura consistentes con plataformas conocidas
- No reinventar la rueda: las metáforas familiares reducen la curva de aprendizaje
- Si cambias algo, permite usar la versión anterior por un tiempo
Leyes de Carga Cognitiva y Memoria
4. Ley de Miller — 7±2 Elementos
La persona promedio solo puede mantener 7 (±2) elementos en su memoria de trabajo.
En IA: No muestres 20 resultados a la vez. Fragmenta (chunking): agrupa en bloques de 5-9. Ej: menús, listas de skills o configuraciones.
5. Carga Cognitiva — Recursos Mentales
La cantidad de recursos mentales necesarios para entender e interactuar con una interfaz.
En IA: Cada decisión extra (qué modelo usar, qué parámetros ajustar) consume recursos. Minimiza la carga con defaults inteligentes, tooltips y ayudas contextuales.
- Reconocimiento > recuerdo: muestra opciones, no obligues a recordar comandos
- Instrucciones visibles y contextuales, no manuales externos
- Defaults que funcionen para el 80% de los casos
6. Fragmentación (Chunking)
Agrupar información en unidades significativas facilita su procesamiento.
En IA: Una lista plana de 30 skills es difícil de asimilar. Agrúpalas por categorías (Desarrollo, Marketing, Diseño...) como hace SKILLSBUNDLE. El chunking es la razón por la que los números de teléfono se agrupan en 3-3-3.
7. Memoria de Trabajo
Sistema cognitivo que retiene y manipula información temporalmente.
En IA: No obligues al usuario a recordar configuraciones entre pasos. Persiste la información donde se necesita: auto-completado, historial, guardado automático.
Leyes de Percepción (Gestalt)
8. Ley de Proximidad
Objetos cercanos se perciben como grupo. Usa un sistema de grid consistente (8px). Lo relacionado va cerca, lo separado es distinto. El margen interno debe ser mayor que el externo para crear cards bien definidas.
9. Ley de Semejanza
Elementos similares se perciben como mismo grupo. Mismo color + misma forma = misma función. Si un botón es azul y otro también, el usuario asume que hacen lo mismo. Cambios de estilo = cambio de significado.
10. Ley de Prägnanz
Interpretamos imágenes complejas como la forma más simple posible. Diseños limpios, iconos reconocibles universalmente, sin ambigüedad. El ojo humano busca la simplicidad por defecto.
11. Ley de Conectividad Uniforme
Elementos conectados visualmente se perciben como más relacionados. Líneas, flechas, cards conectadas: las rutas visuales guían la navegación. La conexión visual pesa más que la cercanía física.
12. Ley de Región Común
Elementos en un área delimitada se perciben como grupo. Cards, acordeones, secciones con bordes o fondos. Cada sección de tu interfaz debe tener un límite visual claro.
Efectos Psicológicos Clave
13. Efecto Estética-Usabilidad
Los usuarios perciben un diseño bonito como más útil. Invertir en calidad visual no es "decoración": es funcional. Un diseño cuidado genera confianza y tolerancia a pequeños errores. La primera impresión visual determina la percepción de toda la experiencia.
14. Efecto de Posición en Serie
Recordamos mejor el primer y último elemento de una serie. Pon la información más crítica al principio y al final. En menús, las primeras y últimas opciones son las que más se recuerdan. El medio se pierde.
15. Efecto Von Restorff (Aislamiento)
Lo que difiere del resto se recuerda mejor. El CTA principal debe destacar visualmente. Pero cuidado: si todo destaca, nada destaca. Úsalo con moderación para acciones críticas.
16. Efecto Zeigarnik
Recordamos mejor las tareas incompletas que las completadas. Las barras de progreso motivan a completar. Útil en onboarding multi-paso, gamificación y configuraciones pendientes.
17. Efecto Tendencia a la Meta
Más motivados cuando estamos cerca del objetivo. Las barras de progreso se aceleran al final. "Te falta 1 paso", "¡Ya casi!" — el micro-copy cerca de la meta impulsa la finalización.
18. Atención Selectiva
Foco solo en lo relevante para nuestros objetivos. Los usuarios no leen, escanean. Diseña para escaneo rápido con jerarquía visual clara: titulares grandes, bullet points, espacios en blanco.
19. Regla del Pico-Final
Juzgamos una experiencia por su punto más intenso (pico) y su final. Cierra cada flujo con una nota positiva. Un onboarding que termina con "¡Listo! Tu agente está configurado" + animación de éxito deja mejor impresión que uno que simplemente desaparece.
Leyes de Productividad y Fricción
20. Ley de Parkinson
Las tareas se expanden hasta llenar el tiempo disponible. Estima tiempos realistas. El autocompletado ahorra tiempo real. Si un proceso tarda menos de lo esperado, la experiencia mejora. Las barras de progreso que se aceleran al final son ejemplo de esta ley bien aplicada.
21. Ley de Postel
Sé liberal al aceptar, conservador al enviar. Tolerancia en inputs (formatos de fecha, espacios, mayúsculas). Validación indulgente: corrige automáticamente vs rechazar. El output debe ser predecible y bien formado.
22. Ley de Parkinson
Las tareas se expanden hasta llenar el tiempo disponible. Estima tiempos realistas. El autocompletado ahorra tiempo real. Si un proceso tarda menos de lo esperado, la experiencia mejora.
23. Navaja de Occam
Entre hipótesis que predicen igual, elige la que menos suposiciones haga. No asumas conocimiento previo del usuario. La solución más simple suele ser la mejor. Reduce fricción innecesaria.
24. Paradoja del Usuario Activo
Los usuarios nunca leen manuales, pero empiezan a usar el software de inmediato. Diseño intuitivo > instrucciones. Tooltips contextuales > documentación externa. Muestra ejemplos en lugar de explicaciones.
25. Sobrecarga de Opciones
Demasiadas opciones abruman y paralizan. Defaults inteligentes, comparación lado a lado, recomendaciones curadas. Un catálogo de 1136 skills sin filtros es abrumador — por eso SKILLSBUNDLE organiza por verticales y tipos de uso.
26. Modelo Mental
Cómo creemos que funciona un sistema basado en experiencias previas. Alinea tu diseño con las expectativas del usuario. Metáforas familiares (carrito de compra, carpeta de archivos). Consistencia con la realidad del usuario.
Checklist de Auditoría UX (26 puntos)
Usa esta checklist para auditar cualquier interfaz:
Recursos y Referencias
- Laws of UX — Jon Yablonski (sitio oficial)
- Laws of UX Book — Guía práctica de psicología para diseñadores
- Nielsen Norman Group — Artículos de investigación en usabilidad
- Interaction Design Foundation — Cursos y literatura de diseño UX
- Licencia: CC BY-NC-ND 4.0 (Jon Yablonski)
Conclusión
Las Leyes de UX no son teoría abstracta: son herramientas prácticas. Cada decisión de diseño —desde el tamaño de un botón hasta la organización de un menú— tiene un fundamento psicológico que puedes aprovechar. En SKILLSBUNDLE aplicamos estos principios para que nuestras 1136 skills no solo sean potentes, sino realmente usables.
¿Quieres diseñar mejores interfaces de IA? Empieza con estas 26 leyes. Son el mismo framework que usan los equipos de producto de Apple, Google y las startups más innovadoras.