Como implementar o mejorar de la usabilidad en una web

Como implementar o mejorar de la usabilidad en una web

Carlos Yañez

12-04-2017

En las últimas semanas hemos dedicado algunos post a temas relacionados con aspectos a tener presentes cuando hacemos un diseño web.

Hemos dado consejos para un buen diseño web en general, para realizar un diseño responsive adecuado e incluso hemos dado pautas para poder agilizar la carga de una web. Espero que todos estos consejos os hayan sido de utilidad.

En el post de hoy nos centraremos en el tema de la usabilidad de una web, que, aunque relacionado con los temas anteriores, hay aspectos que todavía no hemos tocado.

 

¿Qué entendemos por la usabilidad de una web?

Si buscamos una definición de usabilidad, podemos centrarnos en la del World Wide Web Consortium que la define como el diseño de productos eficaces, eficientes y satisfactorios.

Esta definición me deja un poco frio así que yo la definiría como la facilidad que vamos a dar a nuestros usuarios para encontrar de forma fácil lo que buscan en nuestra web. Esto incluye varios factores como pueden ser el diseño, la estructura de la web, su funcionalidad y la arquitectura de la misma, es decir si es o no responsive.

El concepto de usabilidad va muy ligado a la experiencia de usuario, aunque no es lo mismo. Tendremos una experiencia de usuario positiva cuanto mejor sea la usabilidad de nuestra web.

 

Objetivos a seguir para un diseño usable

Los objetivos que persigue un diseño web usable se pueden agrupar en dos grandes áreas.

Por un lado, esta lo referente a la facilidad de navegación y la estructura de la web que debe cumplir que:

  • Que la web sea clara y bien estructurada

  • Que la web sea poco compleja y no tenga muchos niveles de profundidad que dificulten el ubicarse

  • Que incite a llamadas a la acción para que se continúe navegando

  • Que incite a seguir navegando

Por otro lado, está todo lo referente a la facilidad de lectura dela web:

  • Que la web sea fácilmente legible y comprensible

  • Que la web sea sencilla y agradable a la vista

  • Que sea tenga elementos que permitan una rápida lectura, como listas, titulares, etc.

 

Cómo conseguir los objetivos de usabilidad

Planteado lo que se busca para implementar o mejorar la usabilidad, veamos mediante qué técnicas o consejos podemos conseguir el objetivo propuesto.

 

Menú de navegación y mapa de la web

Dos de las cosas que van a ayudar a mejorar notablemente la usabilidad de la web es el uso de un mapa de la web que de un vistazo nos permita ver todas las opciones de navegación de la misma, y por otro lado la de diseñar un menú de navegación óptimo.

Cuando digo un menú de navegación óptimo, me refiero a optimizar el número de elementos que ponemos en el menú de navegación principal. Lo ideal es sólo incluir enlaces a las páginas más importantes de la web y que mejorarán nuestro posicionamiento SEO.

Igualmente, dentro de cada página, es muy conveniente indicar en algún sitio en qué lugar de la web nos encontramos, sobre todo si la web tiene diversos niveles de profundidad.

 

Seguir un patrón común en todas las páginas

Con este consejo me quiero referir a varios aspectos importantes de la web. Por un lado, todo lo que sean botones, logos y menús, estén siempre ubicados en la misma posición dentro de todas las páginas con el fin de evitar confusión.

Otra parte importante es seguir un mismo patrón de diseño en toda la web para evitar rechazo del usuario. Todas las partes importantes del diseño de una web se rijan por el mismo patrón.

Dentro de este diseño, es necesario diferenciar claramente con estilos u aspectos diferentes la diferente funcionalidad de los botones que incorporemos para diferenciar por ejemplo un botón de descarga de uno de confirmación.

 

Como tratar el contenido

Con el fin de facilitar la lectura de nuestras páginas, hay varias técnicas recomendables a seguir como son:

  • Usar un contenido conciso, para ello usemos frases cortas, evitar párrafos largos, usar negrita de vez en cuando y en definitiva eliminar información no relevante

  • Dividamos el contenido en párrafos y con encabezados que además ayudan al posicionamiento. El uso de párrafos permite airear las páginas y ser mucho más agradables a la lectura.

  • Usemos listas y formateo de texto para enfatizar lo que consideremos más importante, de esta forma el usuario centrará su atención en ello y facilitará la lectura de la página

 

Adaptación a los nuevos dispositivos

Como ya tratamos en un post anterior, los nuevos dispositivos móviles son cada vez más usados para consultar la web. Si nuestra web no usa un diseño responsive, estaremos perdiendo gran usabilidad de la misma y por lo tanto visitas.

 

Procesos claros

Si dentro de tu web existe algún proceso ya sea de compra o para darse de alta, es fundamental que se resalte en que parte del proceso se encuentra el usuario con el fin de que en todo momento sepa lo que le falta para finalizar dicho proceso y no lo abandone antes de tiempo por no saber ubicarse.

 

Ayuda al usuario

A menudo el usuario puede tener dudas en relación a nuestra web o al propósito de la misma. Si no queremos que abandone nuestra web, debemos disponer de FAQs y/o soporte y que sean apartados fácilmente localizables para ganar confianza del usuario

 

Como podéis ver, los consejos que os he dado son de sentido común, pero a menudo, en el diseño de una web se pasan por alto aspectos que parecen lógicos.

También hay que escuchar siempre al usuario y seguramente tú nos puedas indicar qué errores consideras que mucha web comente y la hacen poco usable.

Profile picture for user Carlos Yañez
Carlos Yañez

Ingeniero Superior de Telecomunicaciones por la UPC. Director de Informática en un Laboratorio de Análisis con implantación nacional. Profesor de los cursos de Electrónica y Técnico en Sistemas Microinformaticos y Redes.