Desarrollo de interfaces: cómo trabajar la usabilidad

Desarrollo de interfaces: cómo trabajar la usabilidad

Carlos Yañez

03-01-2018

Cuando realizamos el diseño de una web, hay diferentes aspectos que debemos tener en cuenta. Algunos de esos aspectos ya los hemos ido viendo en diferentes post.

Por ejemplo, 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.

Sin embargo, todos los aspectos anteriores no son suficientes si la usabilidad de nuestra web no es la adecuada.

En el post de hoy nos centraremos en el tema de la usabilidad de una web o interface, con el fin de conseguir un diseño de nuestra web redondeo en todos sus aspectos fundamentales.

¿Qué es la usabilidad de un interface?

Cuando hablamos de interface, nos referimos al conjunto de elementos de la pantalla que permiten al usuario interactuar sobre la web que está visitando. 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.

También podemos ir directamente al diccionario que nos acarará un poco más el concepto, definiéndola como:

Cualidad de la página web o del programa informático que son sencillos de usar porque facilitan la lectura de los textos, descargan rápidamente la información y presentan funciones y menús sencillos, por lo que el usuario encuentra satisfechas sus consultas y cómodo su uso

En cualquier caso, yo tengo mmi propia definición que es 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, entre otros aspectos.

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

Pilares fundamentales para un diseño usable

Las bases sobre las que debe apoyarse un correcto diseño web usable se agrupan en dos grandes áreas.

Por un lado, están los aspectos referentes a la facilidad de navegación y a la estructura de la web. Estos son:

  • La web debe ser clara y estar bien estructurada.
  • La web ha de ser poco compleja y no tener excesivos niveles de profundidad que dificulten el ubicarse al navegar por la misma.
  • La web debe incitar a llamadas a la acción para potenciar la navegación y evitar el abandono del usuario.
  • La web debe invitar a seguir navegando

Por otro lado, están los aspectos que hacen referencia a la facilidad de lectura de la web:

  • La web debe ser fácilmente legible y comprensible.
  • La web debe ser sencilla y agradable a la vista.
  • La web debe tener elementos que permitan una rápida lectura, como listas, titulares, etc.

Consecución de los objetivos de usabilidad

Una vez definidos los pilares sobre los que se sustenta la usabilidad, pasemos a ver las técnicas o consejos mediante los que podremos conseguir el objetivo propuesto.

El menú de navegación y el mapa de la web

Dos de los aspectos básicos que van a ayudar a mejorar notablemente la usabilidad de la interface de nuestra web, es el uso de un mapa de la web que de un vistazo nos permita ver las opciones de navegación de la misma

El otro punto es necesario el diseñar un menú de navegación óptimo.

Al mencionar el concepto menú de navegación óptimo, nos referimos a la necesidad de optimizar el número de elementos que se ubicarán en el menú de navegación principal. Lo recomendable es sólo incluir enlaces a las páginas más importantes de la web y que sirven para mejorar nuestro posicionamiento SEO.

Dela misma forma, dentro de cada página, es muy recomendable indicar claramente 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

Mantener un patrón de estilo común en toda la interfaz web es un punto clave para un nivel de usabilidad óptimo.

Por un lado, todo lo que sean botones, logos y menús, deben estar siempre ubicados en la misma posición dentro de todas las páginas con el fin de evitar confusión al navegante.

Seguir un mismo patrón de diseño en toda la web es necesario para evitar rechazo del usuario. Todas las partes importantes del diseño de una web se deben regir 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.

Cómo tratar el contenido

Es necesario facilitar la lectura de las páginas de la web. Para ello, hay varias técnicas recomendables a seguir como son:

  • Debemos usar un contenido conciso. Usar frases cortas, evitar párrafos largos, usar negrita de vez en cuando y en definitiva eliminar información no relevante
  • Dividir el contenido en párrafos y con encabezados que además ayudan al posicionamiento SEO es un recurso habitual para ganar en usabilidad. El uso de párrafos permite airear las páginas y ser mucho más agradables a la lectura.
  • Usar listas y formateo de texto para enfatizar lo que consideremos más importante y, 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.

Hoy en día no se concibe una web que no sea responsive, y si es así, se perderá además posicionamiento SEO.

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 qué fase 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

Si somos capaces de seguir estas reglas básicas que hemos comentado a lo largo del post de hoy, os puedo garantizar que el diseño de vuestra web conseguirá una alta puntuación en cuanto a usabilidad.

No olvidemos tampoco que también es necesario escuchar siempre al usuario y atender a sus sugerencias.

Seguramente tú nos puedas indicar qué errores consideras que muchas webs cometen y las hacen poco usable.

Curso relacionado: FP de Grado Superior Técnico Superior en Desarrollo Aplicaciones Web

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.