Cuando nos referimos a usabilidad aplicada al desarrollo web, aunque es un concepto relativamente novedoso y que realmente ni tan siquiera existe como tal en castellano, en realidad nos referimos a algo bastante sencillo. Pero no por ello es menos importante. Que el usuario sea capaz de navegar con facilidad por la web es algo esencial para cualquier proyecto online.

¿ Qué es la usabilidad en el diseño web ?

Podríamos resumir la definición de usabilidad aplicada al diseño de páginas web con tres sencillos parámetros.

• Facilidad para el usuario de nuestra web a la hora de encontrar el contenido que busca en la misma.
• Rapidez con la que el usuario de nuestra web aprende a usar todos los apartados y funcionalidades de la misma como chat, formularios de contacto, suscripciones, etc…
• Capacidad de nuestra web para reproducir el uso y navegación de forma similar independientemente del entorno, conexión o dispositivo con el que se acceda a ella.

Aunque podríamos resaltar muchísimos más parámetros a tener en cuenta a la hora de analizar la usabilidad de una web, en Vissanum pensamos que estos podrían considerarse los tres pilares básicos sobre los que edificar la arquitectura de los proyectos que afrontamos. En la mayoría de casos desarrollamos los tres puntos descritos como explicamos a continuación.

¿ Por qué tenemos que valorar la usabilidad en nuestras webs ?

A la hora de valorar la facilidad para el usuario a la hora de encontrar el contenido siempre tenemos en cuenta la importancia de realizar buenas síntesis en nombres de menús, cabeceras y resumenes. Se intenta en todo momento que el usuario disponga de una sóla vía de entrada a cada contenido diferenciado que sea clara y visible en todo momento. Se valora también la distancia entre la home y cualquier contenido para que en ningún caso supere los tres clicks. Se tienen en cuenta aspectos como los tamaños de letra, las fuentes utilizadas, un interlineado adecuado, la estabilidad de estos aspectos en los distintos navegadores, el contraste entre textos y fondos y un largo etcétera de pequeños detalles que hacen que la navegación sea cómoda y sencilla independientemente de la complejidad de nuestra web.

En el segundo aspecto, la curva de aprendizaje necesaria para manejarse con soltura en nuestra web, se tienen en cuenta aspectos como la limpieza y el minimalismo en zonas claves de la web que contengan funcionalidades importantes, como menús o botones de acción. La diferenciación, de la forma más clara posible y sin recurrir siempre que el diseño lo permita a animaciones o efectos que puedan distraer al usuario de enlaces, botones, textos de ayuda, captchas o cualquier otro elemento importante que implique una interacción con él importante. Elementos de ayuda para la navegación como puedan ser los breadcrumbs (migas de pan o rutas que indican en qué apartado de la web se encuentra en todo momento), menús fijos en scroll, elementos que nos permitan volver al inicio de forma rápida, iconografía de ayuda clara y sencilla que acompañe a los textos importantes o eliminación de efectos que dependan del tipo de navegador o dispositivo para mostrarse de forma clara.

El tercer aspecto suele ser el más complejo de realizar, dada la grandísima variedad de dispositivos, resolucciones de pantalla y navegadores con los que se puede navegar hoy en día. Es prácticamente imposible conseguir que la navegación sea completamente igual en todos ellos y para solventarlo existen diferentes formas de afrontarlo. En el caso de Vissanum, en la mayor parte de casos, nos basamos en diseños responsive realizados siempre sobre bases de planteamiento «first mobile», que tienen sobre todo en cuenta las particularidades de la navegación sobre dispositivos de pantallas más pequeñas o resolucciones menores. El motivo de este enfoque es debido al tremendo aumento de la navegación móvil y a que suele ser mucho más problemático el realizar una navegación fluida en un dispositivo más pequeño, con lo que adaptándonos a este en primer lugar en la mayoría de casos lograremos un efecto positivo en resolucciones o pantallas de mayor tamaño, donde los elementos tendrán el mismo efecto/visibilidad o mayor debido al mayor espacio disponible.