fbpx

10 leyes principales de UX/UI

Te presentamos las leyes de UX UI. Aquí encontraras una colección de leyes de experiencia de usuario que dan guía al diseño basado en usabilidad, entre ellas la ley de hicks, ley de Fits,

Las leyes de UX/UI están basadas en principios psicológicos y neurocientíficos; aplicando las leyes de UX/UI estos conceptos a nuestros diseños nos permitirá adaptar nuestros productos a la naturaleza y composición psicológica de las personas.

Compartir en twitter
Compartir en facebook
Compartir en linkedin
Leyes UX Miniatura

Contenido

Ley de Hick

La ley de Hick menciona que el usuario aumentará su tiempo de toma de decisión en la medida que le pongamos más opciones para elegir.

Si en el diseño de una pantalla tiene diferentes objetos por los que hay que decidir generará un momento de estrés y fricción para el usuario, generando pensamientos negativos indeseables.

Pero, ¿a qué se debe esto?, de acuerdo a la teoría de Daniel Kanehman donde menciona que tenemos dos tipos de pensamientos, uno rápido y uno lento, el pensamiento rápido tenemos un total de 7 Chunks, que es nuestra capacidad de procesamiento.  

Pero es mejor verlo en un ejemplo típico de dónde vemos presente la afectación de las personas por la ley de Hick.

Ley de Hicks

Imagen original de UX en Español

Cuantas veces no hemos llegado a un restaurante de comida rápida y vemos tantas opciones que no sabemos cual decidir, y al final terminas pidiendo lo de siempre, ese momento es un momento de estrés que debemos evitar. Aquí vemos una gráfica de lo que sucede con el tiempo en relación del número de opciones que le ponemos al usuario para elegir.

Ley de Fitt

La ley de Fitt se refiere a las distancia y tiempo entre un objeto y otro, pero no cualquier objeto, nuestra solución tiene un flujo esperado que siga el usuario, el tiempo se refiere a los objetos que forman parte de éste flujo.

A continuación vemos un ejemplo en una simulación de una app para pedir comida rápida.

Vemos como elegimos una deliciosa pizza, pero primero seleccionamos el menú de comida después la pizza y por último el carrito para pagar, esto nos llevará un tiempo, ahí vemos reflejada la ley de Fitt.

Ley de Fitt en Español

Imagen original de UX en Español

¿Qué debemos hacer para mejorar esto?, debemos de pensar todo el tiempo en 3 cosas básicas:

  • Crear objetivos más grandes
  • Minimizar movimientos
  • Evitar tensión muscular

 

Ley de Miller

La memoría de trabajo es la memoría utlizada para procesar cosas a corto plazo, ya que su buffer de almacenamiento es corto.

Ahora para entender un poco más la ley de Miller hagamos un pequeño ejercicio:

  1. Recorre lentamente la imagen de abajo y trata de recordar el mayor número de imágenes. (sin tomar notas)
  2. Después anota las imágenes que recuerdes.

 

Solo recórrela una vez la imagen y …  no hagas trampa.

Vayamos….

Ejercicio Ley Miller

Imagen original de UX en Español

Anota lo que recuerdes…

Cuánta comida rápida recuerdas?

Buffer de memoria ser humano

Imagen original de UX en Español

La información es almacenada en temporalmente en la parte prefrontal (Cortex), que en promedio dura de 10 a 15 segundos.

El promedio humano puede almacenar en esa memoria 7 +- 2 cosas (entre 5 y 9).

 

Ley de Jakob

Esto significa que los usuarios prefieren que su sitio funcione de la misma manera que todos los otros sitios que ya conocen.

Para eso traemos un pequeño ejemplo con una aplicación, estamos seguros que reconoceras los patrones que te verás a continuación:

Ley de Jakob UX en Español

Imagen original de UX en Español

 

Ley de Proximidad

Como parte de nuestra consistencia humana siempre queremos ver lógica en las cosas, es por eso que nuestro cerebro agrupa objetos que están juntos o cercanos, con la intención de darles un sentido lógico.

Cuando ponemos todos los objetos agrupados es complicado entender la relacion si es que existen diferentes grupos.

A continuación vemos un ejemplo de un menú de códa rápida donde intencionalmente no pusimos los títulos para que pudieran entener las agrupaciones.

Ley de Proximidad en Español

Imagen original de UX en Español

 

Efecto de Usabilidad Estética

Las personas tienden a percibir que las cosas que se ven mejor, que son estéticas, funcionarán mejor, incluso si en realidad no son más efectivas o eficiente.

Imagen original de UX en Español

 

Ley de Pregnancia

Las personas vamos a tratar de reducir el esfuerzo de análisis de las cosas con la intención de no gastar recursos energéticos y cognitivos. Es por eso que daremos una interpretación sencilla a las imágenes. Te ha sucedido que cuando observas las nubes de repente le ves formas parecidas, eso es justo el efecto de la Ley de Pregnancia.

Ley de Pregnancia en Español

Imagen original de UX en Español

 

Ley de Similitud o Semejanza

El ser humano percibe o es sensible a los objetos que son similares, y esto significa que los elementos comparten forma, color y tamaño, por lo que se perciben como similares o iguales.

Aquí te dejamos un ejemplo con papas fritas que esperemos te ayude a darle forma a ésta ley.

Imagen original de UX en Español

 

Efecto de Posición Serial

Ésta ley está relacionada a como almacenamos información en la memoria de corto y largo plazo.

Es por ello que recomendamos que cuando queremos diseñar contenido, se utilice éste efecto para poner la información más relevante en ls primeras posiciones visuales y en las últimas, buscando que los usuarios tengan una mayor probabilidad de que retengan el mensaje que queremos comunicarles.

Efecto de posición serial en Español

Imagen original de UX en Español

 

Efecto de Von Restorff

Sí tenemos un grupo de sodas, y le ponemos unas papas fritas, es muy probable que te acuerdes de las papas, aquí te dejamos el ejemplo para que materialices el Efecto de Von Restorff.

Efecto von restorff en español

Imagen original de UX en Español

 

Conclusión

Ahora que ya conoces estas leyes principales, puedes aplicarlas en tus diseños, con la intención de poder reducir las fricciones que tienen las personas al usar nuestros productos digitales. y con eso poder generarles momentos placenteros y aumentar su lealtad, así como crear productos usables.

Somos una comunidad dedicada a compartir conocimiento de UX, UI, CX, SD, IxD

Contenido

Educación

Downloads