Usabilidad web y diseño centrado en el usuario

Usabilidad web y diseño centrado en el usuario

En el siguiente artículo se detallan diferentes maneras de evaluar la usabilidad y el diseño de una web, con el fin de poder trabajar en base a las características básicas de una web usable:

  • Diseño centrado en el usuario.
  • Accesibilidad.
  • Arquitectura de la información sencilla e intuitiva.

 

Diseño centrado en el usuario

 

Trabajar por y para el usuario es lo primero que hay que tener presente.

Uno de los principales objetivos en el diseño de una web, es conseguir crear una experiencia de usuario óptima, y para ello es fundamental conocer bien cuáles son sus necesidades, deseos o expectativas.

Herramientas como el Mapa de empatía son realmente útiles para poder definir detalladamente a tu público objetivo.

  • ¿Quiénes son?
  • ¿Cuáles son sus necesidades?
  • ¿Qué producto o servicio espera encontrar? ¿Cuál es su objetivo?

 

Arquitectura de la información

 

Una vez conocemos y tenemos definido correctamente al usuario, es el momento de desarrollar la estructura y los contenidos del sitio web.

Crear un diseño útil, intuitivo y que resuelva necesidades concretas de manera rápida y cómoda.

Además del aspecto creativo del diseño web, es importante definir una buena estrategia de contenidos, teniendo en cuenta las siguientes tres características básicas:

  • Útil: que responda a las necesidades de los usuarios.
  • Persuasivo: que incite a navegar por la web.
  • Fácil de encontrar: que la navegación por la web resulte una tarea sencilla y rápida.

Es recomendable realizar un estudio previo sobre la usabilidad y el diseño web de la competencia o de otras páginas similares a la nuestra, ya que este estudio resultará de gran utilidad a la hora de diseñar nuestro sitio web.

Prestando atención a sus errores, puntos débiles o éxitos, podremos desarrollar una web que destaque y aporte un valor diferencial respecto al resto de los sitios.

 

Accesibilidad

 

La web debe ser accesible independientemente del dispositivo utilizado.

Actualmente estamos viviendo una tendencia en auge de los dispositivos móviles, siendo algo imprescindible que una web esté creada a partir de un diseño responsive (adaptable), que permita utilizar y visualizar correctamente sus elementos desde cualquier tipo de dispositivo, ordenador, tablet o móvil.

Hoy en día, la mayoría de temas y plantillas para crear webs, blogs o tiendas online, que podemos encontrar en páginas como ThemeForest, ya están desarrolladas teniendo en cuenta este requerimiento, tal y como podemos comprobar realizando una búsqueda en su navegador usando la palabra «responsive».

Un claro ejemplo de la importancia de este tipo de diseño lo encontramos en el comercio electrónico, actualmente un 12% de los usuarios realizan Couch Commerce es decir, comprar con el portátil, tablet o móvil desde el sofá.

Si el diseño de nuestra web no es responsive, estamos perdiendo una buena cantidad de clientes potenciales.

Couch comerce

Couch Commerce

Una vez definidos todos los puntos anteriores, para poder averiguar si el sitio web cumple o no con unos principios mínimos de usabilidad, es recomendable realizar una serie de evaluaciones, preferiblemente antes del lanzamiento de la web.

Cuanto más tarde nos demos cuenta de un error, más caro será corregirlo.

Para realizar un análisis de la usabilidad y diseño de una web, existen varias opciones y técnicas que varían según las necesidades y presupuesto disponible.

A continuación te explico las más comunes:

 

Evaluación heurística

 

Es la evaluación realizada por un profesional o experto en usabilidad web, y consiste en inspeccionar y determinar si el sitio web es usable, teniendo en cuenta una serie de criterios a modo de check-list, como son la navegación y arquitectura del sitio, la calidad del contenido, la interacción o layout de la página.

Para realizar una evaluación básica pero a la vez lo suficientemente extensa, sin la necesidad de ser un experto en usabilidad, te recomiendo la “Guía de Evaluación Heurística de Sitios Web” de nosoloweb.com, donde encontrarás varios criterios desarrollados en forma de preguntas, cuya respuesta positiva significará que has realizado un buen trabajo de usabilidad.

Otra guía, en esta ocasión más extensa y completa, la podéis descargar en Userfocus, que aunque la web está en inglés, hay disponible una traducción en varios idiomas, entre ellos el español.

 

Test de usuario

 

Un test de usuario consiste en la observación y análisis de la web por parte de un grupo de usuarios reales. Dependiendo del tipo de prueba, este método puede resultar más o menos costoso.

El test lo realiza un grupo de usuarios, que deberá responder preguntas sobre la web, por ejemplo, qué piensa de la web, qué espera de ella o qué le llama la atención.

Seguidamente, a través de un guión proporcionado por la empresa, deberán realizar tareas en voz alta o apuntando en una libreta cada uno de los pasos que realicen, y problemas que puedan surgir.

Estos tests se pueden realizar de forma presencial u online, tal y como nos explica Uxline, de forma clara y visual, en el siguiente vídeo.

Los tests de usuario, son una manera perfecta de obtener un feedback real y directo de posibles visitantes, antes de lanzar definitivamente una web al mercado.

También pueden resultar de utilidad en el caso de no encontrar el motivo o circunstancias por las cuales no se están obteniendo los resultados deseados, con la web ya en funcionamiento.

 

Eye tracking y Mouse tracking

 

El eye tracking, es otra de las técnicas utilizadas para analizar la experiencia de usuario. Permite descubrir a través del movimiento de los ojos, los puntos de la web que reciben más atención.

Los resultados se pueden representar en mapas de calor, donde el color rojo nos indica las zonas con mayor número de miradas, y por lo tanto, el lugar donde deberíamos colocar los elementos que queramos destacar o las call to action.

El mouse tracking, monitoriza los movimientos y clicks del ratón, es una variación de la técnica anterior, ambas se deben complementar, ya que puede haber elementos que llamen la atención visualmente, pero que no acaben recibiendo una acción.

Eye tracking y Mouse tracking Usabilidad

Ejemplos de resultados eye tracking y mouse tracking.

 

Herramientas como Google Analytics o Flurry, también nos ofrecen datos sobre usabilidad web, como el tiempo de permanencia en una página, porcentaje de rebote, etc. Pero a diferencia de los anteriores, en estos casos es necesario que la web o aplicación esté en funcionamiento para obtener los datos.

Tal y como comentaba en 3 aspectos clave para el éxito de un comercio electrónico, la usabilidad web es un imprescindible en todo negocio online, en el que vale la pena invertir tiempo y dinero, para obtener buenos resultados.

 

Y tú, ¿crees que es importante el diseño de una web centrado en la experiencia de usuario?

 

Imagen destacada: Freepik I Couch Commerce: by Bryan Holm at freedigitalphotos.net I Eye tracking: Look Tracker I Mouse tracking: Bits
Usabilidad web y diseño centrado en el usuario
5 (100%) 2 voto[s]

Etiquetas

4 comentarios

Deja un comentario

Tu dirección de correo no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

top

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies