comunidades

10 formas de mejorar la experiencia de uso de tu web: Las Leyes de la Usabilidad

Un buen diseño tiende a seguir unos principios generales en cuanto a colores, proporciones, espacialidad, geometría o tipografía, pero para los diseñadores de sitios web, tiendas online o interfaces de usuario existen, además, una serie de leyes o reglas de usabilidad que se deberían considerar a la hora de diseñar una interfaz con la que un usuario vaya a interactuar y del que se pretenda conseguir que llegue al objetivo para el cual se diseñó dicha interfaz, ya sea una compra o suscripción a algún producto o simplemente la atención y navegación activa por el sitio web.

Las llamadas “Leyes de la Usabilidad” son un compendio de una veintena de principios y leyes basadas en estudios científicos y psicológicos de los que hemos recopilado para ti diez de los que consideramos más importantes a la hora de diseñar una página web o e-commerce.

01/ Efecto de usabilidad estética

A veces se percibe un diseño estéticamente agradable como un diseño que es más usable.

Se tiende a creer que las cosas que se ven mejor funcionarán mejor, incluso si en realidad no son más usables. Es decir, se tiene una respuesta emocional positiva al diseño visual, y eso los hace más tolerantes a problemas menores de usabilidad.

Este efecto es una de las principales razones por las que una buena experiencia de usuario no puede ser simplemente una interfaz de usuario funcional: el diseño de una interfaz atractiva y funcional vale la pena.

El efecto de usabilidad estética se estudió por primera vez en el campo de la interacción humano-computadora en 1995. Masaaki Kurosu y Kaori Kashimura, investigadores del Centro de Diseño Hitachi, en un estudio sobre usabilidad de interfaces, encontraron una correlación más fuerte entre las calificaciones de atractivo estético y facilidad de uso percibida que entre atractivo estético y facilidad de uso real. Concluyeron que los usuarios están fuertemente influenciados por la estética de cualquier interfaz haciendo que sean más tolerantes a problemas menores de usabilidad.

Ilustración perteneciente a la web «lawsofux.com» de Jon Yablonski

02/ Ley de Fitt

El tiempo para adquirir un objetivo es una relación entre la distancia y el tamaño del objetivo.

Esta ley se aplica a tareas en las que el usuario debe mover la posición del cursor sobre un objetivo, como un botón, cuyo propósito es poder ser encontrado y seleccionado fácilmente. El área de atención del usuario y el botón deben estar lo más cerca posible. Se postula también que los elementos que deseamos que sean fácilmente clickables sean grandes.

En 1954, el psicólogo Paul Fitts, al examinar el sistema motor humano, mostró que el tiempo requerido para moverse a un objetivo depende de la distancia al mismo, pero se relaciona inversamente con su tamaño. Según Fitts, los movimientos rápidos y los objetivos pequeños dan como resultado mayores tasas de error. La ley de Fitts se aplica ampliamente en la experiencia del usuario (UX) y el diseño de la interfaz de usuario (UI). Esta ley influyó en la convención de hacer que los botones interactivos sean grandes (especialmente en dispositivos móviles que funcionan con los dedos): los botones más pequeños son más difíciles (y requieren más tiempo) para hacer click. Igualmente, la distancia entre el área de atención de un usuario y el botón relacionado con dicha área debe mantenerse lo más corta posible.

03/ Ley de Hick

El tiempo que se tarda en tomar una decisión aumenta con el número y complejidad de las opciones.

Esta ley describe el tiempo que tarda una persona en tomar una decisión respecto a la cantidad de posibles elecciones que tiene. Los usuarios bombardeados con diferentes opciones tienen que tomarse un tiempo para interpretar y decidir su elección, lo que supone trabajo extra para ellos.

Se trata de simplificar las opciones para garantizar que el usuario divida las tareas complejas en pequeños pasos. Además de evitar que los usuarios se sientan agobiados al resaltar las opciones recomendadas.

Un sencillo ejemplo lo tenemos en los formularios de contacto o procesos de compra: si queremos lograr que se rellene un formulario de contacto conviene tener un mínimo número de campos a rellenar. Si buscamos vender un producto, tenderemos a reducir al máximo los pasos necesarios para finalizar el proceso de compra.

La ley de Hick es una máxima a seguir en el diseño de landing pages.

04/ Ley de Jakob

Los usuarios dedican más tiempo en páginas que no son la suya. Quieren que su página funcione de la misma manera que las que ya conocen.

Se puede simplificar la curva de aprendizaje para los usuarios si les proporcionamos patrones de diseños que ya conozcan.

Nuestro cliente espera encontrar el acceso al carrito de la compra arriba a la derecha o el botón de “Añadir al carrito” debajo del precio del producto. Alterando el orden o posición de estos elementos tan globalmente aceptados, podríamos inducirle a errores o dudas y terminaría abandonando nuestro sitio.

Jakob Nielsen estableció la “ingeniería de descuento de la usabilidad”, que consistía en mejoras rápidas y baratas de las interfaces de usuario. También ha inventado varios métodos de usabilidad, incluida la evaluación heurística y cuenta con 79 patentes de Estados Unidos, principalmente sobre formas de hacer que Internet sea más fácil de usar.

Ilustración perteneciente a la web «lawsofux.com» de Jon Yablonski

05/ Umbral de utilidad de Doherty

La productividad aumenta cuando el ordenador y el usuario interactúan a un ritmo (<400ms) que asegura que ninguno tendrá que esperar al otro.

Si aplicamos este principio a la usabilidad de nuestra web, podemos afirmar que una página que cargue a velocidad lenta hace que el usuario pierda el interés y la abandone antes incluso de que haya terminado de cargarse.

En 1982, Walter J. Doherty y Ahrvind J. Thadani publicaron un artículo de investigación que establece que el tiempo de respuesta de la computadora es de 400 milisegundos. Se comprobó que la productividad aumenta en proporción más que directa a una disminución en el tiempo de respuesta.

06/ Ley de Proximidad

Los objetos que se encuentran cerca o próximos a otros tienden a ser agrupados.

Esta ley es útil al permitir a los usuarios agrupar diferentes conjuntos de contenido con un vistazo.

Los principios de agrupación (o leyes de agrupación de la Gestalt) son un conjunto de principios en psicología, propuestos por primera vez por los psicólogos de la Teoría Gestalt para explicar la observación de que los humanos perciben naturalmente los objetos como patrones y objetos organizados. Estos principios existen porque la mente tiene una disposición innata para percibir patrones en el estímulo basados en ciertas reglas. Estos principios están organizados en cinco categorías: Proximidad, Similitud, Continuidad, Cierre y Conectividad.

07/ La Navaja de Ockham

Entre las hipótesis enfrentadas que se predicen igual, debe seleccionarse la que tenga menos suposiciones.

Se debe analizar cada elemento y eliminar tantos como sea posible, sin resultar comprometedor para la función general.

La Navaja de Ockham es un principio muy conocido de resolución de problemas que mantiene que cuando se presentan respuestas hipotéticas que compiten con un problema, uno debe seleccionar el que hace la menor cantidad de suposiciones. La idea se atribuye a Guillermo de Ockham, un fraile franciscano inglés, filósofo escolástico y teólogo.

Ilustración perteneciente a la web «lawsofux.com» de Jon Yablonski

08/ Efecto de Posición en Serie

Los usuarios son propensos a recordar mejor el primer y el último elemento de una serie.

Colocar los elementos menos importantes en medio de la serie puede ser útil porque estos elementos tienden a almacenarse con menos frecuencia en la memoria de largo plazo y de trabajo. Por el contrario, posicionar acciones clave en el extremo izquierdo y derecho dentro de elementos como la navegación puede aumentar la atención sobre los mismos.

El efecto de posición en serie, acuñado por Herman Ebbinghaus, describe cómo la posición de un elemento en una secuencia afecta la precisión del recuerdo. Los dos conceptos involucrados, el efecto de primacía y el efecto de actualidad, explican cómo los elementos presentados al comienzo y final de una secuencia se recuerdan con mayor precisión que los elementos en el medio. La manipulación del efecto de posición en serie para crear mejores experiencias de usuario se refleja en muchos diseños populares de compañías exitosas como Apple, Electronic Arts y Nike.

09/ Efecto Von Restorff

Cuando hay varios objetos similares presentes, es más probable que se recuerde el que difiere del resto

Se motiva a mostrar información importante o acciones clave de una forma visualmente distintiva.

Por ejemplo, al examinar una lista con un artículo resaltado en un color diferente, es más probable que recuerde el artículo resaltado que cualquiera de los otros.

10/ Efecto Zeigarnik

La gente recuerda las tareas incompletas o interrumpidas mejor que las tareas completadas.

Usando las barras de progreso en tareas complejas para indicar visualmente cuando una tarea está incompleta podemos lograr un aumento de la probabilidad de que se complete.

Bluma Wulfovna Zeigarnik (1900 – 1988) fue una psicóloga y psiquiatra soviética que descubrió el efecto Zeigarnik. En la década de 1920 realizó un estudio sobre la memoria, en el que comparó la memoria en relación con tareas incompletas y completas. Había descubierto que las tareas incompletas son más fáciles de recordar que las exitosas.


Fuente: https://lawsofux.com/ 

El diseñador Jon Yablonski especializado en diseño de producto y desarrollo front-end ha diseñado una página web muy atractiva donde explica e ilustra magistralmente las Leyes de la Usabilidad, además podemos descargar los posters con las ilustraciones y explicaciones de cada una de las leyes.

Fuente: este post proviene de Diseño web en Murcia, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Recomendamos

Relacionado

Ayuda para tu blog video

Cómo mejorar la usabilidad del menú web

El otro día hice una emisión en directo dentro de mi grupo gratuito en Facebook y estuve hablando de la usabilidad del menú web. A continuación te dejo la grabación y un poco más abajo un resumen de los puntos más importantes. Cuando hablamos de usabilidad web nos referimos a la facilidad que tiene un usuario para interactuar en la página web de manera sencilla, segura, intuitiva y agradable. ...

Diseño Web (cat) Posicionamiento Web mejorar usabilidad web

Cómo mejorar usabilidad web para impulsar tu negocio online

Bienvenid@ a un nuevo post de Coach2Coach. A estas alturas seguramente ya sabes que la usabilidad web es uno de los pilares del rendimiento de tu negocio online. Forma parte del conjunto de factores (4) del diseño web sin los que tu página no va a ninguna parte. Hoy nos adentramos un poco más en el tema de la usabilidad web con consejos extremadamente útiles para mejorar la usabilidad web de tu ne ...

Diseño Web consejos diseño web consejos usabilidad ...

5 Consejos para Mejorar la Usabilidad de tu Diseño Web ¡Fácil!

Bienvenid@ a un nuevo post de Coach2Coach. El único servicio de Coaching de posicionamiento y marketing online en España. Mejora la Usabilidad de tu Diseño Web sin complicaciones Mejorar la usabilidad de un diseño web puede parecer irrelevante pero es uno de los factores más importantes a la hora de posicionar tu página. Uno de los factores más importantes para que Google te quiera mucho es el fac ...

diseño web clientes ventas

El Diseño de Interfaz de Usuario y la Web.

Si está buscando un excelente diseño de interfaz de usuario para ayudar a tu sitio web … ¡Está en el lugar correcto! Hay tanta información que entrar en lo que define un gran diseño de interfaz de usuario. Va tan profundo como estudiar los detalles de la interacción humana y la psicología de una venta. Haré todo lo posible para explicar el concepto de un gran diseño de interfaz de usuario. ...

Blog

¿Necesita mi empresa una nueva página web?

¿Necesita mi empresa una nueva página web? Hoy en día todas las empresas disponen de una página web, pero es obvio que no todas ofrecen la mejor usabilidad o experiencia de usuario. Ya no es suficiente con tener una página web, sino que esta debe de estar optimizada, tanto para los motores de búsqueda como para los usuarios, tus clientes. En este artículo explicaremos porque es necesario que tu em ...

empresas

6 enemigos de la usabilidad web

La usabilidad en una web es algo que, en muchos casos, se ignora cuando se diseña. Páginas recargadas por las que es imposible navegar, menús poco intuitivos, exceso de animaciones, etc. Esta es una pequeña lista con algunos de los enemigos más comunes de la usabilidad web. 1. Tiempos de carga demasiado elevados Hoy en día las conexiones ya no son lo que eran pero, aun así, siempre se debe procura ...

Noticias Seguridad ecommerce ...

3 Formas de Mantener tu Web Legal con la RGPD

Este mes de mayo, el mundo dará la bienvenida a las nuevas leyes RGPD, te guste o no. La RGPD dará a los residentes de la UE un mayor control sobre cómo se utilizan sus datos. Aunque la ley se aplica principalmente a las empresas locales situadas dentro de la UE, tendrá implicaciones con cualquier negocio en cualquier parte del mundo que interactúe con los residentes de la UE. Como cada empresa es ...

informática apple microsoft ...

Apple utiliza .NET de Microsoft en su servidores web, un error en su web lo delata

El sistema operativo que Apple tiene para sus equipos es conocido mundialmente por su rendimiento, sencillez y usabilidad. El sistema operativo se utiliza para entornos de usuario y profesionales como estaciones de trabajo pero no como servidor. Muchas son las alternativas que Apple podía tener para sus servidores, y en especial, con sus servidores web pero un error nos ha desvelado el sistema ope ...

Diseño Web (cat) optimizacion web mejorar web

Top 10 Formas de Mejorar tu Web en un pispás

Bienvenid@ a un nuevo post de Coach2Coach. Top 10 Recomendaciones para Mejorar tu Web en un pispás Mejorar tu web no es cuestión de poner fotos más bonitas. Bueno, eso también. ¿Hace cuánto que quieres mejorar tu web y no te pones? ¿Lo has hecho últimamente? Tu página es un ente vivo, o debería serlo. Es una mala idea crear tu web y dejarla igual por los siglos de los siglos. Si no has “tocado” tu ...

Actualidad y noticias iPhone iPhone 6 ...

Huawei se hace con los servicios de una de las diseñadoras estrellas de Apple

En su plan de conquista el mercado norteamericano, la tecnológica china Huawei acaba de contratar como Vicepresidenta a Abigail Brody, una de las encargada del diseño del primer iPhone en sus aspectos de usabilidad y experiencia del usuario. Huawei pretende con este fichaje, de cara a su expansión comercial, tener en sus filas a una directiva que conoce a la perfección el mercado estadounidense Hu ...