La usabilidad engloba una serie de recomendaciones que debemos tener en cuenta a la hora de diseñar nuestro website, tanto si se trata de una página web como de un blog.  A diferencia de la accesibilidad, no existe una herramienta que compruebe la usabilidad de nuestro website, por lo que deberemos comprobarlo nosotros mismos con la ayuda de nuestros usuarios.

Cuanto menos tarde un usuario en encontrar lo que está buscando, mayor será la relevancia de tu página para él.

A partir del post “Cómo crear tu página web como escritor” iniciamos un hilo de entradas sobre los elementos que no pueden faltar en tu página web (identidad, accesibilidad, usabilidad y visibilidad).  La usabilidad, aún siendo un aspecto fundamental de un website no es el único y se debe complementar con las demás facetas. Pero, ¿qué es la usabilidad web?

La usabilidad es la medida de calidad de la experiencia que tiene un usuario cuando interactúa con un producto o sistema. Este concepto se mide a través del estudio de la relación que se produce entre las herramientas, el conjunto integrado por el sistema de navegación, las funcionalidades y los contenidos ofrecidos, y quienes las utilizan, con el fin de determinar la eficiencia en el uso de los diferentes elementos ofrecidos en las pantallas y la efectividad en el cumplimiento de las tareas que se pueden llevar a cabo a través de ellas.

usabilidad-culbuks

La usabilidad permite a los usuarios interactuar con tu website de la forma más fácil, cómoda e intuitiva posible.

Se trata de que tu website sea fácilmente navegable, es decir, que el usuario pueda encontrar rápidamente aquello que busca, que acceda fácilmente a los menús, que no se pierda en los contenidos, que pueda ver el contenido desde los diversos dispositivos y que cumpla los objetivos por los que visita nuestro website. Por todas estas razones es fundamental tener en mente a tu público objetivo cuando desarrolles y diseñes tu sitio web.

¿Qué elementos hacen que tu website sea usable?

A la hora de plantearte la usabilidad de tu website tendrás que hacerlo en función de los siguientes objetivos: efectividad, eficiencia, seguridad, utilidad, capacidad de aprendizaje y memorabilidad. A continuación exponemos una serie de elementos que te ayudarán a alcanzar estos objetivos.

usabilidad-de-una-web-culbuks

15 elementos que mejoran la usabilidad de tu website:

  1. Facilidad de uso: Pregúntate cómo interactúas y cómo interactúa tu público con las páginas web para así colocar determinados elementos en un lugar u otro. En ese sentido, es recomendable seguir los estándares de uso para que la ubicación y la forma del elemento esté relacionada con la función que cumple.
  1. Navegación clara y sencilla. Mostrar la ubicación actual del usuario en el árbol de navegación del sitio con claridad, titulares que reflejen el contenido que hay en cada una de las páginas, urls amigables, y enlaces (internos o externos) claramente identificados y comprobados.
  1. Tiempo de carga razonable: Reducir el tiempo de carga del website siempre que se pueda y todo lo que se pueda. Nuestro grado de usabilidad dependerá del tiempo que emplea el usuario en alcanzar el objetivo con el ratón.
  1. Diseño atractivo y coherente: Evitar efectos innecesarios (animaciones, banners y otros). Estructurar el contenido de cada página agrupando la información relacionada (en categorías, en el mismo menú o la misma página).
  1. Lenguaje sencillo, claro y directo: Redactar el contenido en un lenguaje adecuado al tipo de usuario a quien nos dirigimos, si fuera necesario, podemos incluir un glosario de términos.
  1. Legibilidad: Cuidar la tipografía, tamaño de letra y espaciado para facilitar la lectura del usuario. Se recomienda contrastar el color del fondo con el del texto, utilizar fondos claros y evitar las imágenes que ocupan todo el fondo. Usar las negritas, cursivas y mayúsculas con moderación.
  1. Imágenes: Estructurar visualmente el contenido con ayuda de espacios e imágenes optimizando la resolución de las imágenes teniendo en cuenta el tiempo de carga de la página y los diferentes dispositivos.
  1. Minimizar el uso de frames, complementos flash y otros plugins: Utilizarlos sólo si agregan alguna funcionalidad que no pueda ser implementada de otra forma.
  1. Compartir en redes sociales: Enlaza a tus redes sociales colocando los iconos sociales en lugar visible. Coloca plugins o botoneras sociales para facilitar que el usuario comparta fácilmente tu contenido.
  1. Control de usuario: Permite al usuario realizar diferentes operaciones con facilidad y autonomía ya sea para deshacer una acción, volver al inicio o continuar. Incluye pantallas de confirmación para que el usuario valide la recepción o el resultado del envío de formularios.
  1. Prevención y corrección de errores: Los sitios web que incorporan servicios incluirán mensajes de error de forma visible, describiendo las acciones para solucionar el problema así como información de contacto para la obtención de ayuda. Se recomienda, además, la personalización de la página 404 (No encontrado).
  1. Ayuda en línea y guías de usuario: El website debe diseñarse de manera que requiera la ayuda e instrucciones mínimas, y en caso de requerirlas éstas deberán ser fácilmente localizables.
  1. Versiones en otros idiomas: Colocar un advertencia (mediante texto o imágenes) para avisar del cambio de idioma o incorporar servicios de traducción en línea según sea nuestro target.
  1. Información sobre cookies, LOPD y copyright: Advertir al usuario del uso de cookies (Guía sobre el uso de cookies) y darle la opción de aceptarlas o no. En caso de recoger los datos de los usuarios es obligatorio el tratamiento de los mismos en base a la LOPD. Al copyright dedicaremos una entrada más adelante al ser un apartado especialmente importante ya que estaremos mostrando parte de nuestro trabajo como escritores.
  1. Responsive Design o diseño adaptable: Adapta el diseño y el contenido de tu sitio web a todos los dispositivos para mejorar el nivel de usabilidad y el posicionamiento de tu web.

En el próximo post desarrollaremos estos 15 elementos que mejoran la usabilidad de tu website.

En definitiva, la usabilidad permite que cualquier tipo de usuario, en cualquier contexto de uso, sirviéndose de cualquier plataforma, con cualquier resolución, cualquier navegador y cualquier velocidad de conexión, en cualquier dispositivo, pueda navegar de manera fácil e intuitiva.

Antes de tener la versión definitiva de tu website haz un test de usabilidad, pregunta entre tus amigos para que entren en la página y te den sus consejos y recomendaciones.

¿Conoces algún elemento más que pueda mejorar la usabilidad de un blog o una página web? ¿Quieres saber más sobre alguno de los elementos que mencionamos en la lista?