Leyes de UX y UI

¿Qué son las leyes en UX?

Las leyes de UX y UI son una colección de buenas prácticas o fundamentos que se basan en principios de la psicología humana, ergonomía y comportamientos de los usuarios con el objetivo de conseguir la mejor experiencia de usuario posible.

Estas leyes abordan tanto las áreas de la interfaz como de la experiencia general de usuario, por los que se podría decir que la aplicación de estas leyes podrían ser llamadas patrones de diseño.

Por qué conocer y estudiar las leyes de UX-UI

Conocer bien estos efectos y leyes de diseño junto con la teoría de la Gestlat permite que al diseñar una solución gráfica esta ofrezca la mejor experiencia de usuario posible. Además quieras o no, muchas de estas leyes se aplican y afectan a cualquier producto ya sea digital o físico, por lo que comprendery concoer estos principios te hará diseñar mejor.

Leyes que intervienen en UX

Las siguientes leyes son algunas de las más conocidas y que más influyen en la experiencia final de usuario. Conocer estas leyes te permitirá comprender y diseñar mejor interfaces y experiencias de usuario.

Ley de Hick

Ley de Hick UX

El tiempo de respuesta del usuario es directamente proporcional a la cantidad de opciones y estímulos que percibe. «Cuantas más opciones tiene un usuario más tiempo tarda en decidir y responder.»

Más información sobre la ley de Hick

Ley de Fitts

Permite el cálculo de tiempo que necesita un usuario para señalar un objetivo en función del tamaño y la distancia.

Más información sobre la ley de Fitts

Ley de Miller

La persona promedio solo puede mantener 7 elementos (2 elementos arriba o abajo) en su memoria de trabajo.

Más información sobre la ley de Miller

Ley de Jackob

Los usuarios prefieren los sitios que funcionen igual o similar a los que ya conocen.

Más información sobre la ley de Jackob

Ley de Proximidad

Los objetos que están cerca o próximos entre sí tienden a agruparse.

Más información sobre la ley de Proximidad

Usabilidad estética

Un diseño estéticamente agradable es percibido como un diseño que es más útil.

Ley de Prägnanz o Pregnancia

Las personas identifican, interpretan y perciben las imagenes ambiguas o complejas como la forma conocida más simple posible.

Más información sobre la ley de Pregnancia

Ley de Similitud o Semejanza

Los elementos que son visualmente similares son percibidos como relacionados.

Más información sobre la ley de Similitud

Efecto de Posición Serial

Los usuarios tienden a recordar mejor el primer y último elemento de una serie.

Ley o efecto de Von Restorff o Aislamiento

Efecto-de-Von-Restorff UX

Cuando se muestran varios objetos similares, es más probable que se recuerde el que difiere del resto.

En una lista de elementos, las personas recuerdan más los que destacan del resto.

Efecto Zeigarnik

Los elementos que son visualmente similares son percibidos como relacionados.

Más información sobre el efecto Zeigarnik

Ley de Tesler

Para cualquier sistema existe una cierta cantidad de complejidad que no se puede reducir.

Más información sobre la ley de Tesler

Video explicativo de las leyes de UX & UI

Además de que las leyes mencionadas anteriormente cuentan con un enlace a una explicación más extensa sobre cada una de ellas y como se aplican en entornos digitales, aquí encontrarás un video donde se explica muy bien las leyes de UX enfocado un pelín más a desarrolladores y devs. Pero eso no es ningún problema.


Óscar López Poveda

Diseñador UX/UI y de producto digital.

Soy Óscar López y vivo diseñando y creando ideas, me encanta descubrir, aprender y compartir todo lo que aprendo sobre entornos, productos digitales y UX. Me apasiona el diseño y siempre estoy abierto a apuntarme a un «bombardeo» de poryectos y descubrir personas que les apasione el mundo digital.

Recibe todas las semanas contenido de calidad sobre Diseño UX y UI en tu mail👇🏼👇🏼

Sigue leyendo...

  • Atajos de teclado en Figma

    Si eres diseñador digital y trabajas en el mundo de producto digital…. fijo que conoces y utilizas Figma. Como en…
  • Regla 60 30 10

    En el momento de diseñar, ya sea para interfaces de usuario o publicaciones en redes sociales, existe un momento crucial:…
  • Qué es el No Code

    El No Code, también conocido como desarrollo Sin Código, se refiere a un movimiento y un conjunto de herramientas y…