10 Leyes para una mejor experiencia de usuario

Brenda Gonzalez Ortega

@brenda-ort
twitter icontwitter icontwitter icontwitter icon

Recuerdo que cuando empezaba mi carrera como Diseñadora UX, buscaba contenido que me enseñara los lineamientos básicos que debía seguir al momento de tomar decisiones de diseño (libros, videos o posts) pero la mayoría se centraba en investigación de usuario y design thinking.

Si bien son temas esenciales, no resolvían mis dudas sobre los lineamientos básicos de diseño que debía seguir para lograr una mejor experiencia de usuario.

Afortunadamente, con el tiempo encontré contenido más especializado aunque un tanto disperso sobre el tema, pero como no quiero que te pase lo mismo, hoy te comparto las 10 leyes de UX que debes considerar al momento de tomar decisiones de diseño.

1. Ley de Jakob

Los usuarios pasan la mayor parte de su tiempo en otros sitios, así que ellos prefieren que tu sitio web funcione de la misma manera que otros sitios que conocen.

Como siempre decimos, no es necesario reinventar la rueda, colocar una Navbar en un lugar completamente distinto puede provocar que nuestros usuarios se sientan perdidos y terminen abandonando el sitio, o usar un icono de descarga para detonar una acción de envío, si estos cambios no son necesarios para transmitir el valor de tu sitio web a tus usuarios, no los hagas. Que nuestro sitio web funcione de la forma en que nuestros usuarios esperan en función a sus modelos mentales, los ayuda a saber cómo funciona, y por ende, a interactuar con el más fácilmente.

2. Ley de Fitts

El tiempo para lograr un objetivo esta en función de la distancia y el tamaño del objetivo.

Eso significa que... los elementos deben ser lo suficientemente grandes para que los usuarios puedan dar clic o seleccionarlos con precisión, deben mantener distancia suficiente entre ellos para evitar un clic por error y debe ser fácil para los usuarios acceder a ellos.

Touch accurate examples

3. Ley de Hicks

El tiempo que tarda un usuario en tomar una decisión incrementa en función del número de opciones y la complejidad de cada una.

¿Cómo cumplimos esta ley? Minimizando el número de opciones, dividiendo las tareas complejas en pequeñas tareas simples que disminuyan la carga cognitiva, pero ojo, no debemos sobre simplificar al punto de hacerlo inentendible para nuestros usuarios. prices card example

4. Ley de Miller

El usuario promedio solo puede mantener 7(+/-2) elementos en su memoria de trabajo.

¿Entonces cómo les mostramos los datos? Organizando el contenido en partes más pequeñas para que el usuario pueda procesarlo poco a poco y no obligarlo a memorizar más de 7 elementos cruciales a la vez, pero el 7 es una referencia, la capacidad de memoria de nuestros usuarios va a variar en función del usuario y sus conocimientos previos.

ley de miller example

5. Ley de Postel

Sé conservador en lo que haces, sé liberal en lo que aceptas de los demas.

Demos anticipar todos los caminos que puede seguir nuestro usuario dentro de la interfaz pero sin dejar de ofrecerle una interfaz confiable y accesible. Cuanto más podamos anticipar, más disminuiremos los errores a los que se puede enfrentar el usuario y también la frustración en cada uno de ellos.

6. Regla Peak-End

Los usuarios juzgan una experiencia basados en cómo se sintieron en su punto máximo y al final, en lugar de la sumatoria total o el promedio durante la experiencia.

Los procesos no suelen ser fáciles pero si podemos identificar los momentos cruciales en los que nuestro producto es más valioso o útil para nuestros usuarios podemos asegurar una buena experiencia que provoque el usuario vuelva a usar nuestro producto o servicio.

Disney 404

7. Efecto Estético-Usabilidad

En general, los usuarios perciben un diseño estéticamente agradable como un diseño más útil.

En otras palabras, un diseño estético crea una respuesta positiva en el cerebro de los usuarios, los hace más tolerantes a los errores y los lleva a pensar que el diseño funciona mejor. beautiful website example

8. Effecto Von Restorff

Cuando hay varios elementos similares, es más probable que los usuarios recuerden el que es diferente.

¿Cómo lo aplicamos? Hagamos que nuestras acciones claves o información relevante sean visualmente distintas, pero sin destacar tantos elementos para evitar que compitan entre sí. Pero no te bases solo en el color o animaciones de movimiento para crear esta diferenciación, recuerda que alrededor del 65% de los usuarios tiene algún tipo de discapacidad.

9. Ley de Tesler

Para cada sistema existe un nivel de complejidad que no se puede reducir.

¿O sea qué...? En cada producto, flujo o sistema existe un nivel de complejidad inherente del mismo, así que cuando llegamos al punto en el que no podemos reducir la este nivel de complejidad con diseño, está debe ser asumida por nuestro usuario.

10. Umbral de Doherty

La productividad aumenta cuando la interfaz y el usuario interactúan a un ritmo (<400) que garantiza que ninguno tenga que esperar al otro.

Podemos optimizar la carga de recursos y datos en nuestros sitio web para optmizar los tiempos de espera, pero cuando ya no pueden disminuirse más, podemos hacer uso de animaciones o barras de progreso para dar retroalimentación al usuario de lo que está sucediendo y cuanto tiempo puede tomar, el uso de elementos visuales provoca que los tiempos de espera sean más tolerables.

En conclusión... estas leyes o reglas te servirán de guía para tomar mejores decisiones de diseño y lograr experiencias de usuario positivas. Además, si las negociaciones con áreas de producto, operaciones o TI son parte de tu día a día, podrás usarlas para sustentar tus decisiones y con suerte, convencer a un par de personas sobre ellas. 🫢

twitter logo bluetwitter logo bluetwitter logo bluetwitter logo blue

© 2022 Brenda González Ortega - All rights reserved.