Criterios de Usabilidad

El objetivo de este post es describir una serie de puntos básicos de comprobación, basados en criterios de usabilidad, que podrán utilizarse como guía de buenas prácticas para el diseño web.

En nuestro post anterior, ya argumentamos la importancia que tiene la experiencia de usuario de cara a la conversión, y cómo la usabilidad es un medio para conseguir el fin, una buena experiencia de usuario.

Los criterios de usabilidad que vamos a exponer a continuación, son una orientación general, en algunos casos debemos adaptarlos a la estructura y planteamiento de la web incluso algunos de los criterios no serán de aplicación.

El diseño de nuestras páginas web debe estar abocado a la sencillez para evitar las posibles distracciones que se puedan originar y, para ello, debemos contar también con una arquitectura de la información que haga esto posible, siendo ésta arquitectura simple, lógica y directa. En base a estos criterios de usabilidad deberemos hacer un especial énfasis en aspectos como:

Criterios de Usabilidad – Contenidos Web

• Estructurar adecuadamente los contenidos: Es necesario agrupar y organizar los contenidos que componen la web haciendo uso de las estructuras propias del lenguaje escrito: encabezados, títulos, párrafos, listas…
• Seleccionar un etiquetado adecuado: En este punto, hacemos referencia a cómo nombrar las secciones y apartados. Debemos enfocarlo a los intereses, necesidades y objetivos de los usuarios más que a los de la propia marca o empresa. Sobre todo para partes fundamentales de los apartados de la web como pueden ser las opciones de navegación y los títulos de los documentos y secciones. Es recomendable usar los términos que ya constituyan un estándar y que sean bien conocidos por los usuarios. (Mapa web, Mapa de sitio, Contacto…) En este punto, si innovamos, corremos el riesgo de perder al usuario.
• Mantener una consistencia lingüística: Es recomendable usar las mismas palabras o expresiones cuando nos refiramos a un mismo concepto, haciendo mayor hincapié a la hora de relacionar los títulos de los documentos y las opciones a través de los que se accede a ellos, como los enlaces, subpáginas o descargas.
• Textos legibles: Parece algo obvio, pero no podemos dejar de destacar la importancia de usar tipografías adecuadas, en cuanto a diseño, apariencia, tamaño y contraste se refiere. Para este punto recomendamos usar Google Fonts. A la hora de diseñar una web, se hace imprescindible asegurarnos de que todos nuestros usuarios puedan ver el sitio bien, sin necesidad de tener instalada la tipografía que hayamos elegido.

• Optimizar el tamaño de los contenidos: En muchas ocasiones, los usuarios disponen de una conexión lenta, optimizando los contenidos conseguiremos una experiencia de uso suficientemente fluida incluso con conexiones lentas.

• El uso de zonas en «blanco» entre los objetos informativos de la página para poder descansar la vista, es recomendable.

Criterios de Usabilidad – Estilo de redacción Web

• Utilizar un lenguaje claro y sencillo: No debemos olvidar a quién va dirigida nuestra web. Es necesario usar un lenguaje amigable, cercano y de uso común para los usuarios. Debemos evitar en la medida de lo posible frases con estructuras complejas, ironías, metáforas o símiles, sin retórica literaria. Así mismo, hay que prestar especial atención al uso de tecnicismos demasiado complejos.
• Resumir los contenidos: Evitar contenido innecesario e irrelevante para el usuario. Hay que evitar crear grandes bloques de texto que entorpezcan la organización visual. Este punto, se hace de vital importancia en relación al posicionamiento en buscadores. Si bien la extensión del texto es uno de los factores que Google toma en cuenta a la hora de posicionar, también es cierto que la calidad y la relevancia del contenido es mucho más importante, de nada sirve elaborar un texto de 3000 palabras, si éstas no tienen ninguna relevancia para el usuario.
• Empezar por lo importante: Será de mayor utilidad para el usuario un texto en el que se enuncie primero lo más relevante. Es conveniente recordar que para bastantes usuarios todo lo que esté por debajo de lo que ven en su pantalla, simplemente no existe. (No harán scroll).
• Destacar los conceptos clave: Será también de mucha ayuda para el usuario si destacamos o enfatizamos los conceptos clave mediante el uso de negritas, títulos etc. El usuario, será capaz de extraer la información con un simple vistazo. Pero no todo puede estar resaltado, su abuso únicamente aportará ruido visual y dejará de tener efectividad. Cabe señalar también, la importancia de este apartado, de cara al posicionamiento.
• Hay que prestarle especial atención también al idioma, y ofrecer versiones del sitio en diferentes idiomas cuando sea necesario.

Criterios de Usabilidad – Diseño

• Mantener una consistencia visual en el diseño: Debemos mantener una estructura visual constante, donde los diferentes elementos mostrados en la pantalla no varíen en su ubicación entre páginas. De esta manera, transmitiremos una imagen o look&feel de la web y cada uno de sus componentes característicos que será claramente reconocible y consistente, de eta forma el usuario podrá familiarizarse con la web e interactuar más rápidamente.
• Web adaptativa o responsive: Diseñando una web responsive nos aseguramos que la web se adapta a los distintos dispositivos de los usuarios. Este es sin duda otro de los factores importantes para el posicionamiento en buscadores.
• Diseño vs Legibilidad: Es recomendable que el diseño no interfiera en la legibilidad de la web, debemos tener cuidado con el uso de colores, texturas, fondos etc. Prestaremos especial atención a los colores utilizando un esquema cromático reducido y consistente.
• Compatibilidad entre navegadores: Diseñar versiones compatibles con todos los navegadores, así nos aseguramos de que todos los usuarios tienen la web disponible.
• Logotipo: Fácilmente identificable (aporta la identidad básica del sitio), si contiene texto, debe ser legible. Un concepto ampliamente conocido que debemos incorporar, es que el logotipo, nos lleve siempre a la página de inicio de la web si hacemos clic sobre él.

Criterios de Usabilidad – Componentes gráficos y multimedia

• Debemos reducir la cantidad de gráficos de las páginas, optimizar su relación resolución/peso de forma que la carga de las páginas sea rápida. La velocidad de carga es uno de los factores principales que Google tiene en cuenta para mejorar el posicionamiento.
• Es recomendable evitar el contenido gráfico superfluo, que no aporte ningún valor por sí mismo.
• Prescindir de elementos móviles y en constante animación ya que causan distracción sobre lo verdaderamente importante.

Criterios de Usabilidad – Navegación e Interacción

• Control por el usuario: El usuario debe mantener el control sobre las acciones de la web en todo momento, evitando redirecciones innecesarias, molestas ventanas emergentes, audio o vídeo con autoplay, en definitiva, elementos invasivos.
• Para obtener un sistema de navegación eficiente, hay que controlar el número de clics que debe hacer el usuario antes de llegar a la información. La información importante no debe estar a más de tres clics de distancia. Cuanto más profunda sea nuestra jerarquía de contenidos, más dificultad encontrará el usuario.
• Por norma general los usuarios esperan encontrar una caja de texto simple en la parte superior de la página para ejecutar una búsqueda por lo tanto es algo que debemos facilitar. Un buscador mejorará la experiencia de usuario. Debe ser accesible directamente desde la home, y a ser posible desde todas las páginas del sitio.
• Opciones de navegación: Es recomendable proporcionar un número razonable de opciones, para evitar saturar al usuario.
• El usuario debe saber en todo momento en qué web se encuentra, de qué trata esa web, y en qué lugar exacto de la web está. Para ello es necesario estructurar una web de forma organizada y por ejemplo usar migas de pan (breadcrumbs) para indicar la localización dentro de cada sección.
• Utilizar estándares para la navegación general de la web: Ya hemos mencionado algunos de estos estándares, uso del logotipo para llegar a la página de inicio, uso de migas de pan para orientar al usuario etc. Se trata de funciones o acciones que los usuarios conocen y que facilitarán la navegación.
• Distinguir los enlaces visitados y no visitados: Volvemos al tema de los estándares para este apartado. Desde los inicios de la navegación, los enlaces se señalan en azul y subrayado, y normalmente se usa morado para los enlaces visitados. Este concepto es algo a lo que los usuarios se han acostumbrado, y conocen la manera de interactuar de forma casi inconsciente, por lo tanto es recomendable aplicarlo en nuestra web. No obstante si deseamos variar el color, lo que sí debemos tener en cuenta es que el enlace quede claramente identificado, para que pueda cumplir su función y distinguir los visitados de los no visitados.
• Los enlaces no deben aparecer rotos, es recomendable comprobarlos para evitar mostrar enlaces rotos a los usuarios y evitar así mismo, los que enlazan con la misma página que se está visualizando (por ejemplo enlaces a la «home» desde la misma página de inicio).

Criterios de Usabilidad – Feedback al usuario

• El usuario es el objetivo de nuestra web, la diseñamos pensando en él y tratando de mejorar su experiencia, para ello debemos ofrecerle información de todo lo que sea relevante para su interacción, debemos proporcionar confirmación para todas aquellas acciones realizadas por el usuario y que hayan terminado de forma efectiva. Información sobre los errores y cómo subsanarlos. Por ejemplo, si un usuario debe esperar a que termine una operación, debemos informarle de ello, es recomendable incluso poner una barra de estado, para que el usuario se haga una idea de cuánto tendrá que esperar. O infromar de manera personalizada cuando se produce un error 404 (página no encontrada), facilitando la opción de volver dónde estaba o a la home.

• Debemos proporcionar al usuario información sobre los contenidos, como fechas de publicación, fuentes etc. Sobre la empresa o personas que hay detrás de la web, mediante un ¿Quiénes somos? o “Sobre nosotros”.
• Es imprescindible proporcionar al usuario mecanismos para ponerse en contacto con la empresa, mail, teléfono, dirección…
• Es obligatorio para cumplir con la legislación vigente proporcionar información sobre la protección de datos de carácter personal de los clientes o los derechos de autor de los contenidos del sitio web.

Como conclusión final, una vez vistos algunos de los consejos en cuanto a criterios de usabilidad que nos pueden ayudar a crear mejores sitios web, sean de la índole que sean, debemos quedarnos con cuatro aspectos principales:

• La usabilidad, nos ayudará a crear una mejor experiencia de usuario.
• Practicidad y sencillez nos ayudará a fidelizar a los usuarios.
• Contenidos bien ordenados, claros y funcionales despertarán el interés del usuario.
• La usabilidad y la experiencia de usuario son puntos clave en el posicionamiento en buscadores.