Diseño UX - Leyes de experiencia del usuario

9 minutos para leer

Leyes de UX

Siempre me gusta decir que practico el SEO de manera integral, es decir, teniendo en cuenta todos los aspectos del viaje de un usuario hacia el contenido de interés.

Entonces, aquí hay una descripción general de 20 reglas de diseño de experiencia de usuario que pueden contribuir a mejorar la experiencia del usuario y, en consecuencia, las tasas de conversión de su negocio. ¡Vamos allá!

Ley de usabilidad estética

Efecto de la usabilidad estética

Los usuarios generalmente perciben el diseño estéticamente agradable como un diseño más utilizable.

El diseño estéticamente agradable puede hacer que los usuarios sean más tolerantes con problemas menores de usabilidad. Puede enmascarar problemas de usabilidad y evitar que se descubran durante las pruebas de usabilidad.

Otras lecturas: El efecto de usabilidad estética

Umbral de Doherty

Umbral de Doherty

La productividad aumenta cuando una computadora y sus usuarios interactúan a un ritmo (<400ms) que asegura que ninguno de los dos tenga que esperar al otro.

Proporcione retroalimentación del sistema en 400 ms para mantener la atención de los usuarios y aumentar la productividad.

Otras lecturas: Esta joya de UX de los 70 todavía se aplica hoy

Ley de Fitts

Ley de Fitts

El tiempo para interactuar con un objetivo es una función de la distancia y el tamaño del objetivo.

Haga grandes los elementos que desea seleccionar fácilmente y colóquelos cerca de los usuarios. Esta ley se aplica especialmente a los botones (CTA), cuya finalidad de estos elementos es que sean fáciles de encontrar y seleccionar.

Otras lecturas: Ley de Fitts: la importancia del tamaño y la distancia en el diseño de la interfaz de usuario

Ley de Hick

Ley de Hick

El tiempo necesario para tomar una decisión aumenta con el número y la complejidad de las opciones.

Más opciones dan como resultado más tiempo para pensar en esas opciones y tomar una decisión. Simplifique las opciones para el usuario dividiendo las tareas complejas en pasos más pequeños.

Evite sobrecargar a los usuarios resaltando las opciones recomendadas.

Otras lecturas: Ley de Hick: facilitar la elección a los usuarios

Ley de Jakob

Ley de Jakob

Los usuarios pasan la mayor parte de su tiempo en otros sitios. Esto significa que los usuarios prefieren que su sitio funcione de la misma manera que todos los demás sitios que ya conocen.

Puede simplificar el proceso de aprendizaje para los usuarios proporcionando patrones de diseño familiares.

Otras lecturas: Ley de Jakob de la experiencia del usuario de Internet

Ley de la región común

Ley de la región común

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

Agregar bordes (crear regiones comunes) alrededor de un elemento o grupo de elementos es una manera fácil de crear una separación de los elementos circundantes.

Otras lecturas: Principios de diseño: percepción visual y principios de Gestalt

Ley Prägnanz

Ley Prägnanz

Las personas percibirán e interpretarán imágenes ambiguas o complejas de la forma más sencilla posible, porque es la interpretación la que requiere el menor esfuerzo cognitivo de nuestra parte.

Al ojo humano le gusta encontrar la simplicidad y el orden en formas complejas porque evita que nos abrumemos con la información.

Otras lecturas: Las leyes de la figura / suelo, Prägnanz, cierre y destino común: principios de la Gestalt

Ley de proximidad

Ley de proximidad

Los objetos cercanos o cercanos entre sí tienden a agruparse.

La ley de proximidad es útil para permitir a los usuarios agrupar diferentes grupos de contenido rápidamente.

Otras lecturas: Leyes de proximidad, conexión uniforme y continuación: principios de la Gestalt

Ley de similitud

Ley de similitud

El ojo humano tiende a percibir elementos similares en un diseño como una imagen, forma o grupo completo, incluso si estos elementos están separados.

Asegúrese de que los vínculos y los elementos de navegación se diferencien visualmente de los elementos de texto normales y tengan un estilo coherente.

Otras lecturas: La ley de la similitud: principios de la Gestalt

Ley de conexión uniforme

Ley de conexión uniforme

Se percibe que los elementos conectados visualmente están más relacionados que los elementos no conectados.

Agrupa funciones de naturaleza similar para que estén conectadas visualmente a través de colores, líneas, marcos u otras formas.

Otras lecturas: Principios de percepción de la Gestalt - 3: proximidad, conexión uniforme y buena continuación

Ley de Miller

Ley de Miller

La persona promedio solo puede mantener 7 (más o menos 2) elementos en su memoria de trabajo.

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

Otras lecturas: Ley de Miller, fragmentación y capacidad de la memoria de trabajo

La navaja de Occam

La navaja de Occam

Entre las hipótesis en competencia que predicen igualmente bien, se debe seleccionar la que tenga el menor número de supuestos.

Analice cada elemento y elimine tantos como sea posible, sin comprometer la función general.

Otras lecturas: Diseñar con la navaja de Occam

Principio de Pareto

Principio de Pareto

El principio de Pareto establece que, para muchos eventos, aproximadamente el 80% de los efectos provienen del 20% de las causas.

Concentre la mayor parte del esfuerzo en las áreas que brindarán los mayores beneficios a la mayoría de los usuarios.

Otras lecturas: La regla 80/20 en la experiencia del usuario

Ley de Parkinson

Ley de Parkinson

Cualquier tarea aumentará hasta que se gaste todo el tiempo disponible.

Otras lecturas: Ley de Parkinson: por qué las restricciones son lo mejor con lo que puede trabajar

Regla de punto final

Regla de punto final

Las personas juzgan una experiencia en gran parte basándose en cómo se sintieron en el momento culminante y final, en lugar de la suma total o media de cada momento de la experiencia.

Presta atención a los puntos más intensos y los momentos finales del viaje del usuario. Identifique los momentos en los que su producto es más valioso y el diseño para mejorar esos momentos. Las personas recuerdan las experiencias negativas de manera más vívida que las positivas.

Otras lecturas: La regla del pico - final: cómo las impresiones se convierten en recuerdos

Ley postel

Ley postel

Sea liberal en lo que acepta y conservador en lo que envía.

Sea empático, flexible y tolerante con cualquier cantidad de acciones que el usuario pueda realizar. Esto significa aceptar entradas variables de los usuarios, traducir las entradas para cumplir con los requisitos, establecer umbrales para las entradas y proporcionar comentarios claros al usuario.

Otras lecturas: Su sitio web tiene dos caras

Efecto de posición de serie

Efecto de posición de serie

Es más probable que los usuarios recuerden mejor el primer y el último elemento de una serie.

Colocar elementos menos importantes en el medio de las listas puede ser útil porque estos elementos tienden a almacenarse con menos frecuencia en la memoria de trabajo y de largo plazo. El posicionamiento de las principales acciones en el extremo izquierdo y derecho en elementos como la navegación puede incrementar la memorización.

Otras lecturas: Efecto de posición de serie: cómo crear mejores interfaces de usuario

Ley de Tesler

Ley de Tesler

La Ley de Tesler, también conocida como Ley de Conservación de la Complejidad, establece que, para cualquier sistema, existe una cierta cantidad de complejidad que no se puede reducir.

Otras lecturas: Explicando la ley de conservación de la complejidad

Efecto Von Restorff

Efecto Von Restorff

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.

Haga que la información importante o las acciones clave sean visualmente distintas.

Otras lecturas: Psicología en el diseño (Parte 1)

Efecto Zeigarnik

Efecto Zeigarnik

Las personas recuerdan mejor las tareas incompletas o interrumpidas que las completadas.

Use barras de progreso para tareas complejas para indicar visualmente cuando una tarea está incompleta y así aumentar la probabilidad de que se complete.

Otras lecturas: El efecto Zeigarnik: por qué es tan difícil dejar las cosas incompletas.

Este artículo es una adaptación de colección creada por Jon Yablonski con los principios que los diseñadores pueden tener en cuenta para producir interfaces.

Ver uno Resumen de la ley de experiencia del usuario.

Sigue leyendo: "La guía definitiva para WordPress SEO

Menú