Las leyes UX más relevantes: Definición y ejemplos

En el mundo digital actual, la experiencia de usuario (UX) se ha convertido en un factor crítico para el éxito de cualquier empresa digital.

Desde el momento en que un usuario aterriza en tu sitio web hasta que completa la acción deseada, cada interacción cuenta. Es por ello que debemos entender la importancia de la UX y cómo aprovechar los datos para optimizarla de manera efectiva.

En este artículo, te explicaremos leyes UX más relevantes junto con los principios de usabilidad y cómo puedes mejorar tu sitio web utilizando estos puntos clave.

La importancia de la Experiencia de Usuario

La UX se refiere a la experiencia general que un usuario tiene al interactuar con un sitio web, aplicación o producto digital.

Una buena experiencia de usuario puede aumentar la retención de clientes, mejorar las conversiones y fortalecer la reputación de una marca.

Por otro lado, una mala UX puede resultar en altas tasas de abandono y una percepción negativa de la marca y del producto o servicio.

10 principios de usabilidad

Existen varios principios fundamentales y leyes que guían el diseño y la optimización de la UX. Aquí te detallamos el listado de los 10 principios heurísticos de UX y te ponemos algunos ejemplos:

1. Visibilidad del estado del sistema

Proporcionar retroalimentación clara sobre el estado de la aplicación o el sitio web para que los usuarios comprendan qué está sucediendo en cada paso. Por ejemplo, un reloj cuando el usuario tiene que esperar, una barra de carga, la animación de un icono cuando sucede algo (por ejemplo, al enviar un formulario).

A nadie nos gusta esperar, pero mucho menos nos gusta hacer un clic y no saber si la web está pensando, si el clic no ha funcionado o si el enlace está roto.

En este sentido es importantísimo indicar al usuario que su acción ha tenido efecto, por ejemplo, cuando añadimos un producto al carrito, nos gusta saber que la acción ha sido efectiva, vemos como ese carrito se llena con un número en función de los artículos añadidos.

Leyes UX visibilidad del estado del sistema

2. Relación entre el sistema y el mundo real

Utilizar un lenguaje y conceptos que sean familiares para los usuarios, reflejando el mundo real y su vocabulario.

En este punto es importante que el usuario identifique los iconos y los botones de forma universal. Una casita para indicar la home, una cesta de la compra para el carrito, unas flechas para indicar que hay un carrusel y se puede desplazar el contenido, un icono de una persona para el login, una lupa para buscar, etc.

3. Control y libertad del usuario

Permitir a los usuarios deshacer acciones o salir de situaciones no deseadas sin dificultad.

Por ejemplo, cuando un usuario se equivoca de botón o abre un formulario que no quiere rellenar, debe ser muy sencillo salir de esa situación, con un botón de cerrar visible y accesible.

4. Consistencia y estándares

Mantener la coherencia en el diseño y el lenguaje a lo largo de la interfaz, siguiendo estándares y convenciones de la industria.

En este sentido, debemos mantener, por ejemplo, el mismo tono en toda la web. Si nos estamos dirigiendo a un público profesional, debemos utilizar cierto tipo de lenguaje durante todo el proceso, y utilizar botones que sean similares unos con otros para indicar que hacen una función similar también.

5. Prevención de errores

Con la prevención de errores nos referimos al diseño de interfaces que eviten que los usuarios cometan errores o proporcionar mensajes claros para corregirlos si ocurren.

Por ejemplo, al rellenar los datos en un formulario o en el checkout, será más sencillo no equivocarte en el número de teléfono si al hacer clic en el campo se abre el teclado numérico, y en caso de introducir un formato incorrecto, se indique claramente que hay un error de formato.

Prevención de errores de UX

6. Reconocimiento mejor que recuerdo

Minimizar la carga cognitiva del usuario, haciendo que la información y las acciones sean visibles en lugar de requerir que se recuerden.

7. Flexibilidad y eficiencia de uso

Permitir que los usuarios expertos o aquellos que realizan tareas repetitivas puedan acelerar sus acciones.

Por ejemplo, si se trata de una tienda online de compra recurrente, como podría ser un supermercado, es importante facilitar al cliente hacer su compra en el menor tiempo posible, dando la opción de repetir una compra, o de poder acceder a la última compra para seleccionar los productos que quiere volver a adquirir.

➡️ Te puede interesar→ Cómo vender más en mi tienda online: TIPS prácticos y efectivos.

O si se trata de usuarios que tienen muy claro lo que quieren comprar, bien porque ya han hecho un trabajo de investigación o porque están repitiendo una compra, debemos facilitar el proceso para ellos.

Eficiencia de uso UX

8. Diseño estético y minimalista

Crear interfaces visuales atractivas y eliminar la información innecesaria o distracciones que no contribuyan al objetivo del usuario.

No hay mejor ejemplo que el de Apple. Diseño minimalista, limpio, sin distracciones, enfocado a dar toda la información técnica necesaria para la compra.

Diseño minimalista UX

9. Ayuda y documentación

Proporcionar información de ayuda cuando sea necesario, pero no hacerla indispensable para el uso básico del sistema.

En este caso, es muy relevante que el usuario conozca las características del producto o servicio por el que está interesado, ya que si no las conoce y son importantes para él, le costará mucho más tomar una decisión.

Por ejemplo, el usuario está buscando un colchón para su nueva casa, surgen algunas preguntas como:

  • ¿Qué tamaño tiene?, ¿Le cabrá en su habitación?
  • ¿Cómo viene empaquetado?, ¿Le cabrá en el ascensor?
  • ¿De qué material está hecho?, ¿Será bueno para sus problemas de espalda?

Se trata de responder cualquier pregunta que el usuario pueda tener a la hora de tomar una decisión. Si esta información no está directamente visible, entonces tendremos que tener un apoyo como un chat en directo, unas FAQs que respondan a este tipo de dudas, etc.

Documentación y ayuda como ley ux

10. Reconocimiento, diagnóstico y recuperación de errores

Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores de manera efectiva y eficiente.

Las 14 leyes UX que debes conocer

Después de detallar los 10 principios heurísticos, completamos este artículo con las leyes UX más relevantes:

Efecto de la usabilidad estética

Un diseño atractivo puede hacer que los usuarios sean más tolerantes con algunos problemas de accesibilidad y tengan una respuesta más positiva haciéndoles pensar que funciona mejor.

Ley de Fitts

Los objetivos táctiles deben ser lo suficientemente grandes para que puedan seleccionarse con precisión y tener suficiente espacio entre ellos.

Ley fitts UX

Ley de Hick

Para facilitar la toma de decisiones debemos simplificar las opciones y dividir las tareas complejas en pasos más pequeños, también evita abrumar a los usuarios resaltando las opciones recomendadas.

Ley Hick UX

Ley de Jacob

Los usuarios transferirán las expectativas que han creado en torno a un producto familiar a otro que le parezca similar.

En este sentido, estamos acostumbrados como usuarios a que en la ficha de producto de un e-commerce tengamos la imagen a la izquierda, y a la derecha el precio, el botón de añadir al carrito, las características, etc.

Ley de Jacob UX

✍ Te puede interesar nuestro post→ SEO para e-commerce y tiendas online.

Ley de proximidad

La ley de proxomidad es una de las leyes UX que nos ayuda a establecer una relación con los objetos cercanos, al igual que comprender y organizar la información más rápida y eficazmente.

Ley de similitud

Es importante que los elementos de navegación se diferencien visualmente de los elementos de texto normales y tengan un estilo uniforme.

Por ejemplo, marcar los enlaces con un subrayado especial, indicar los botones con un color que contraste con el resto de la web, etc.

Ley de similitud UX

Ley de conectividad uniforme

Los elementos que están conectados visualmente son percibidos con una mayor relación que otros elementos sin conexión.

Para llevarlo a cabo agrupa las funciones de naturaleza similares para que estén conectadas visualmente a través de colores, líneas, marcos u otras formas.

Por ejemplo, marcar con diferentes colores de fondo los diversos bloques ayuda al usuario a diferenciar elementos.

Ley de conectividad uniforme

Ley de Miller

La persona promedio suele retener hasta 7 elementos en su memoria inmediata (más/menos 2).

La fragmentación es un método eficaz para presentar grupos de contenido de forma manejable. Organiza el contenido en grupos de 5 a 9 elementos a la vez.

Por ejemplo, un menú con demasiadas categorías puede distraer al usuario y abrumarlo.

Ley de Parkinson

Cualquier tarea se pospondrá hasta agotar todo el tiempo disponible, por lo que si necesitamos acotar las acciones tendremos que limitar el tiempo que los usuarios necesitan para completar la tarea.

Un muy buen ejemplo es el envío al día siguiente si haces el pedido antes de las 15 horas, ya que animas al usuario a realizar la compra más rápido.

Ley de parkinson UX

Efecto Zeigarnik

Las personas recuerdan mejor tareas inacabadas o interrumpidas que las tareas completadas. Usar barras de progreso nos indica visualmente cuando una tarea está incompleta, de esta forma aumentaremos la probabilidad de que se complete.

Efecto de posición en serie

Los usuarios tienden a recordar mejor el primer y último elemento de una serie. Para ello recomendamos colocar los elementos menos importantes en el medio y las acciones clave de la navegación en el extremo izquierdo y/o derecho favoreciendo así su memorización.

Efecto Von Restorff

Cuando se muestran muchos elementos similares, aquel que se diferencie será más fácilmente recordado. Haz que la información relevante o las acciones clave sean visualmente distintivas.

Efecto Von Restorff

Ley de la región común

Los elementos tienden a percibirse agrupados si comparten un área con un límite claramente definido.

Para aplicarla podemos añadir un borde alrededor de un elemento o grupo de elementos creando una región común. Esta se puede crear definiendo un fondo detrás del elemento o grupo.

Ley de la región común UX

La navaja de Occam

Entre las diversas hipótesis en competencia que predicen igualmente bien, debe seleccionarse la que tenga menos supuestos. Analiza cada elemento y elimina tantos como sea posible, sin comprometer la función general.

Cuando el usuario tiene que tomar una decisión, necesita tener toda la información necesaria, pero no de más, si no podemos abrumarlo con tantos datos.

En resumen, la optimización de la experiencia de usuario es un proceso continuo que requiere una comprensión profunda de las necesidades y expectativas de los usuarios.

Al seguir las leyes de UX y los principios de usabilidad, y utilizar los datos para informar tus decisiones, puedes crear una experiencia de usuario excepcional que impulse el éxito de tu negocio en línea.

En agenciaSEO.eu te ayudamos a implementar las leyes UX a través de nuestros servicios de analítica web, para destacar entre tus competidores. ¡Contacta ahora con nosotros!

Escrito por:

Marta Baldó

Marta Baldó

Data & Analytics Manager en agenciaSEO.eu. Apasionada del dato y de la implementación técnica para su recogida. Siempre aprendiendo cosas nuevas y en constante formación para ser mejor profesional.
Marta Baldó

Marta Baldó

Data & Analytics Manager en agenciaSEO.eu. Apasionada del dato y de la implementación técnica para su recogida. Siempre aprendiendo cosas nuevas y en constante formación para ser mejor profesional.
¿Que necesitas saber?

Descarga nuestro EBook gratuito

GUÍA SOBRE SEO PROFESIONAL

Un caso práctico para enseñarte cómo mejorar tu posicionamiento web