El diseño UX y la psicología van de la mano y la principal razón es que ambos campos están relacionados con la comprensión del comportamiento de los humanos para hacer la vida mejor y más fácil. Para convertirse en un buen diseñador de UX, uno debe comprender la psicología para interpretar mejor las cosas y realizar un diseño centrado en el ser humano.
Con base en este entendimiento, los diseñadores y entusiastas de UX se han referido a un conjunto de leyes de experiencia de usuario formuladas por científicos y pioneros de UX. El propósito de este artículo es presentar y educar a las personas sobre algunas de estas “leyes” del diseño UX.
El tiempo para adquirir un objetivo es función de la distancia y el tamaño del objetivo.
En 1954, el psicólogo Paul Fitts, mientras examinaba el sistema motor humano, descubrió que cuanto mayor es la distancia hasta un objetivo y cuanto menor es el tamaño del objetivo, más tiempo se tarda en alcanzarlo.
Esta ley se aplica principalmente a botones con acciones importantes, ya sea una interfaz digital o una interfaz para una máquina. Esta es la razón por la que las teclas más importantes de un teclado, como Espacio, Intro y Mayús, suelen ser más grandes que el resto de las teclas.
Cuando hablamos de su aplicación al crear una interfaz de usuario para productos digitales, se aplica principalmente a los botones de llamada a la acción. El objetivo es hacer que ese botón sea fácilmente accesible físicamente y reconocible rápidamente.
Ejemplos
Ejemplos de la ley de Fitt
Aquí, he tomado 2 ejemplos, uno para el escritorio y otro para un dispositivo móvil. La primera es una página de inicio de sesión donde podemos ver claramente el botón de inicio de sesión y también es de fácil acceso. La segunda opción es una aplicación de pago y la tarea más importante es pagar y podemos ver claramente el nuevo botón de pago que está en la parte inferior y al que se puede acceder fácilmente con el pulgar.
La ley de Hicks es una idea simple que dice que el tiempo que lleva tomar una decisión aumenta con el número y la complejidad de las opciones.
Siempre que vas a una hamburguesería donde solo hay cuatro opciones, es fácil elegir qué comer y si vas a un restaurante que tiene una lista muy larga de platos en su menú, lleva tiempo decidir qué comer. De manera similar, un usuario tardará más en decidir si habrá muchas opciones para elegir con la misma complejidad.
Nadie quiere crear interfaces, aplicaciones y sitios web que resulten frustrantes. Por lo tanto, los diseñadores confían en la ley de Hick para mejorar la experiencia del usuario. Una buena UX requiere que descubras las funcionalidades que responderán a las necesidades del usuario y lo guíes hacia las funciones que necesita en ese momento. Si los usuarios terminan en el dilema de la toma de decisiones sobre lo que sigue, se frustran y podrían abandonar ese sitio web o aplicación por completo.
Ejemplos
Ejemplos de la ley de Hick
Aquí ambos ejemplos utilizan prácticamente la ley de Hick; en el primer ejemplo de reunión de zoom las opciones son claras y fáciles de elegir y no confunden a sus usuarios. El mejor ejemplo es el segundo, la búsqueda de Google, que sólo tiene una opción que es buscar algo y no podría ser más sencillo que eso.
Por ejemplo, los usuarios prefieren que una aplicación, un producto o un sitio web funcione de la misma manera que todos los demás sitios que ya conocen.
Nosotros, como seres humanos, somos adaptables al cambio, pero seguramente la mayoría de nosotros nos tomamos el tiempo para aceptarlo y la mayoría de las veces nos resistimos al cambio para estar en nuestra zona de confort todo el tiempo. Los cambios incomodan a las personas y, si le sucede a un sitio web y una aplicación que no están familiarizados con lo que han aprendido, es probable que los usuarios abandonen la aplicación y se queden con una que les resulte familiar.
Significa que a veces su necesidad de crear algo completamente único y sofisticado puede obstaculizar la experiencia del usuario simplemente porque el usuario no está familiarizado con ello.
Cualquier sitio web de comercio electrónico también sería un caso práctico de esta ley. Si alguna vez va a configurar el comercio electrónico, la opción más inteligente es seguir la estructura de un sitio de comercio electrónico similar.
Por ejemplo, piense en la ubicación de un carrito de compras en estos sitios. Hay una razón por la que están al final (el patrón Z está funcionando aquí) y se sigue tediosamente en todas las demás plataformas similares.
Ejemplos
Ejemplos de la ley de Jakob
Aquí, estos ejemplos muestran cómo las aplicaciones de comercio electrónico son similares entre sí, este es solo un ejemplo de detalles del producto, hay muchos más, como la ubicación del carrito, la opción de comprar ahora y los procesos de pago, todos son similares para estos sitios web.
La persona promedio sólo puede mantener 7 elementos (más o menos 2) en su memoria en un momento dado.
No es broma, según esta ley, tener más de 7 elementos puede crear confusión y estado de desorden en la mente del usuario. Aquí, tener en cuenta la ley de Miller puede ayudar a diseñar mejores interfaces y organizarlas de manera que los usuarios puedan entenderlas fácilmente. Organizar el contenido en fragmentos más pequeños para ayudar a los usuarios a procesar, comprender y memorizar fácilmente.
Ejemplos
Barra de navegación de diferentes aplicaciones.
Estas aplicaciones son ahora una parte muy vital de nuestras vidas. ¿Ha notado que la barra de navegación en la parte inferior tiene 5 o menos de 5 opciones? Estas siguen la ley de Miller para reducir la carga cognitiva de un usuario al limitar la cantidad de opciones en la barra de navegación.
La ley, también conocida como “conversión de complejidad”, establece que en cualquier sistema hay una cierta cantidad de complejidad que no se puede reducir.
¿Has oído hablar de soluciones saturadas, en las que el soluto no puede disolverse más que el disolvente? Aquí tenemos una situación similar y es saturación de simplicidad. Existe una cantidad mínima de complejidad que no podemos reducir más.
Sabemos que el trabajo de un diseñador UX es simplificar procesos y hacerlos más rápidos, pero tenemos que darnos cuenta de que hay cosas que no se pueden simplificar a una idea más básica.
Ejemplo
Al reservar vuelos u hoteles debemos proporcionar ciertos detalles que no se pueden reducir más. Estos son ejemplos perfectos de la ley de Tesler.
Las personas recuerdan mejor las tareas incompletas o interrumpidas que las completadas.
Descubierto por la psicóloga soviética Bluma Wulfovna Zeigarnik en la década de 1920, el efecto Zeigarnik sugiere que una tarea incompleta crea estrés mental que la mantiene delante de nuestra memoria. Esto significa que las personas recuerdan mejor las tareas interrumpidas o incompletas que las completadas.
Supongamos que está teniendo una conversación telefónica con alguien y se interrumpe debido a algún problema de red y se inquieta cuando algo queda incompleto en esa conversación. La misma psicología funciona cuando las personas realizan una tarea en una aplicación, por lo que una barra de progreso que le recuerda que está a unos pocos pasos de completar la tarea es más probable que el usuario la complete porque recordará la tarea incompleta.
Ejemplos
La mayoría de las barras de progreso se incluyen en la usabilidad de esta ley al diseñar una interfaz de usuario. Aquí tenemos dos barras de progreso que corresponden a la compra de un producto en un sitio web de comercio electrónico. La segunda es la barra de progreso de LinkedIn más famosa que le recuerda que debe completar su perfil o le muestra la fortaleza del perfil.
El efecto Von Restorff, también conocido como efecto de aislamiento, predice que cuando hay varios objetos similares presentes, es más probable que se recuerde el que difiere del resto.
¿Has sentido que si estás en tu dormitorio o baño y tienes un espejo grande allí, tiendes a mirarlo una y otra vez o busca tu atención más que otro objeto? Si la respuesta es sí, entonces es porque el espejo refleja y el resto del objeto absorbe una buena cantidad de luz, lo que hace que el espejo sea diferente de otros objetos.
Al compartir similitudes con la ley del punto focal, esta ley también tiene puntos extra por ser la razón principal por la que todos los botones de llamada a la acción se ven diferentes del resto de los botones de acción en el sitio web.
Por lo tanto, si desea que se preste atención a un punto particular de su aplicación o sitio web, esta es la ley que debe tener en cuenta.
Ejemplos
Todos nosotros, como diseñadores, usamos behance, ¿has notado que cada vez que abrimos el proyecto de alguien, el ícono de apreciación es diferente de los demás y está resaltado en un color azul? Este es un ejemplo del efecto Von Restorff. El segundo ejemplo es de correos electrónicos no leídos en diferentes colores y la opción redactar un nuevo correo resaltada con un color diferente.