Tu web tiene buen diseño. Los colores están bien, las tipografías son cuidadas, el logo es correcto. Y sin embargo la gente se pierde. No encuentra el botón de compra. No sabe qué hacer después de leer la descripción del producto. El menú de navegación parece claro para ti, pero los usuarios entran y salen sin completar nada.
No es un problema de gusto. Es un problema de cómo funciona el cerebro humano cuando procesa interfaces. Y hay leyes —principios con evidencia empírica detrás— que explican exactamente qué pasa y cómo corregirlo.
Aquí están las más importantes y, sobre todo, cómo se aplican en proyectos reales. No como teoría académica, sino como criterios de diseño que marcan la diferencia entre una web que convierte y una que solo se ve bien en capturas de pantalla.
Por qué el diseño bonito no es suficiente
El diseño visual y el diseño de experiencia de usuario no son lo mismo. Un diseño visualmente correcto puede ser un desastre funcional. Y un diseño funcionalmente impecable puede no ganar premios de estética. Lo ideal es los dos juntos, pero si tienes que priorizar, la usabilidad gana siempre.
Las leyes UX que vienen a continuación no son opiniones de diseñadores. Son principios derivados de décadas de psicología cognitiva aplicada al comportamiento del usuario frente a interfaces digitales. Cuando las ignoras, pagas el precio en tasa de rebote, carritos abandonados y formularios que nadie termina de rellenar.
Ley de Hick — Menos opciones, decisiones más rápidas
Cuantas más opciones presents, más tiempo tarda el usuario en decidir. Y a más tiempo de decisión, más probabilidad de que abandone sin decidir nada. Esto es la Ley de Hick-Hyman, formulada en los años 50 y validada en millones de tests de usabilidad desde entonces.
La aplicación práctica es directa: en el menú de navegación, no más de 5 o 6 elementos principales. En un formulario, no preguntes 12 campos si puedes preguntar 5. En una página de producto, destaca una sola acción principal y subordina el resto. Cada opción adicional tiene un coste cognitivo real.
Ley de Fitts — El tamaño y la distancia importan
El tiempo para alcanzar un objetivo es función de su tamaño y su distancia. Cuanto más pequeño o más lejos esté un botón, más esfuerzo requiere hacer clic en él. Parece obvio. Y sin embargo es uno de los errores más frecuentes en diseño de interfaces móviles.
El botón de acción principal debe ser el elemento más grande e inmediatamente accesible de la pantalla. En móvil, los elementos táctiles deben tener al menos 44×44 píxeles de área activa —no el elemento visual, el área de toque—. La distancia entre elementos que requieren atención consecutiva debe minimizarse para reducir el movimiento de mano o cursor.
En un proyecto de diseño UX/UI, aplicar Fitts desde la fase de wireframe evita tener que corregir problemas de usabilidad en fases avanzadas, cuando el coste de cambio es mucho mayor.
Ley de Miller — 7 ± 2: el límite de la memoria de trabajo
La memoria de trabajo humana puede mantener entre 5 y 9 elementos simultáneamente. George Miller lo formuló en 1956 y sigue siendo válido para el diseño de interfaces. Si presentas más información de la que el usuario puede mantener en su memoria de trabajo, pierde el hilo y se va.
La aplicación más directa: agrupa los elementos relacionados en bloques de no más de 7. Divide formularios largos en pasos. Limita las opciones de filtro visibles. Usa progresión lógica —de lo general a lo específico— en lugar de mostrar todo a la vez. La arquitectura de información bien hecha no es un lujo de proyectos grandes: es la base de cualquier web que quiera convertir.
Ley de Proximidad — Lo que está cerca se percibe como relacionado
El cerebro asume que los elementos visualmente cercanos forman un grupo y están relacionados. Esta ley de la Gestalt tiene consecuencias directas en el diseño de formularios, fichas de producto, páginas de precios y cualquier interfaz con información estructurada.
Un precio que está separado del botón de compra por demasiado espacio hace que el usuario tenga que conectar mentalmente dos elementos que deberían estar juntos. Un label de formulario que está más cerca del campo anterior que del campo al que pertenece genera errores de comprensión. La proximidad no es un detalle estético: es información.
Ley de Jakob — Los usuarios esperan lo que ya conocen
Los usuarios pasan la mayor parte de su tiempo en otras webs, no en la tuya. Por eso esperan que tu web funcione de forma similar a las que ya conocen. Cuando introduces patrones de navegación o interacción muy alejados de la convención, el usuario tiene que aprender algo nuevo. Y la mayoría no tiene ganas de hacerlo.
Jakob Nielsen lo formuló así: «Los usuarios prefieren que tu sitio funcione igual que todos los demás sitios que ya conocen.» No es una defensa de la mediocridad creativa. Es un recordatorio de que la originalidad tiene un coste de usabilidad que hay que decidir conscientemente pagar.
Romper convenciones tiene sentido cuando la ganancia en experiencia o diferenciación es mayor que la fricción de aprendizaje. En la mayoría de proyectos comerciales, no lo es. El carrito en la esquina superior derecha está ahí por una razón. El logo en la esquina superior izquierda también.
Tip técnico: Test de los 5 segundos para validar usabilidad
Antes de entregar cualquier diseño de interfaz, existe una prueba rápida de validación: muestra la pantalla a alguien que no conozca el proyecto durante exactamente 5 segundos. Luego pregúntale qué recuerda, qué cree que hace la empresa o el producto, y qué haría a continuación. Si no puede responder las tres preguntas con claridad, la jerarquía visual y el mensaje principal necesitan trabajo. Esta prueba no reemplaza un test de usabilidad formal, pero detecta el 80% de los problemas de percepción en minutos y sin presupuesto.
Efecto de posición serial — El principio y el final se recuerdan más
En una lista de elementos, los usuarios recuerdan mejor los primeros (efecto de primacía) y los últimos (efecto de recencia). Los del medio quedan en tierra de nadie. Esto tiene consecuencias directas en diseño de navegación, páginas de precios y secuencias de onboarding.
El plan de precio que más te interesa vender no debería estar en el segundo lugar de tres opciones. El ítem de menú que más conversión necesita no debería estar en el centro de la navegación. El argumento más potente de tu propuesta de valor no debería estar en el párrafo tercero de cuatro.
Preguntas frecuentes sobre leyes UX
¿Hay que aplicar todas las leyes UX en cada proyecto?
No. Las leyes UX son principios, no reglas absolutas. El criterio de un buen diseñador es saber cuándo aplicar cuál y cuándo romper la convención de forma consciente. Lo que sí es no negociable: conocerlas antes de decidir ignorarlas.
¿Las leyes UX cambian con el dispositivo?
El principio no cambia, pero la aplicación sí. En móvil, la Ley de Fitts es más crítica porque el área de interacción es el dedo, no el cursor. La Ley de Hick tiene más impacto porque el espacio disponible para mostrar opciones es radicalmente menor. Diseñar primero para móvil no es solo una cuestión de tráfico: obliga a priorizar, que es la habilidad más valiosa en diseño de interfaces.
¿Cómo sé si mi web está respetando las leyes UX?
La forma más directa es hacer tests de usabilidad con usuarios reales. Pero antes de llegar a eso, una auditoría de experto —alguien con criterio en UX que revise la web sin agenda de defender lo que ya está hecho— puede detectar la mayoría de problemas en pocas horas. Los datos de comportamiento (mapas de calor, grabaciones de sesión, embudos de conversión) confirman lo que ya sospechaba la auditoría.
