Qué es

Según la Wikipedia, la usabilidad universal es la característica de un sistema que pretende ser utilizado por:

  • el tipo o tipos específicos de usuario/s,
  • la tarea o tareas que para las cuales el sistema se ha hecho, y
  • el contexto en el que se da la interacción.

El concepto de usabilidad se suele emplear en referencia a una aplicación informática, aunque también puede aplicarse a cualquier sistema hecho con algún objetivo particular.

Jackob Nielsen -uno de los más conocidos expertos en este campo- definió la usabilidad como el atributo de calidad que mide lo fáciles que son de usar las interfaces web.

Para qué sirve

Algunos beneficios que se suelen relacionar con el cuidado de la usabilidad de un sitio son:

  • Reducción de los costes de aprendizaje.
  • Disminución de los costes de asistencia y ayuda al usuario/a.
  • Optimización de los costes de diseño, rediseño y mantenimiento.
  • Aumento de la tasa de conversión de visitantes a clientes de un sitio web.
  • Mejora la imagen y el prestigio.
  • Mejora la calidad de vida de las y los usuarios, ya que reduce su estrés, incrementa la satisfacción y la productividad.

Todos estos beneficios implican una reducción y optimización general de los costes de producción, así como un aumento en la productividad. La usabilidad permite mayor rapidez en la realización de tareas y reduce las pérdidas de tiempo.

Cómo conseguirla

Quizá el primer paso para lograr un sitio usable sea evaluarlo. Para corregir errores, debemos primero identificar estos.

Según No sólo usabilidad, las formas de evaluación pueden ir desde colaborar con personas expertas y realizar encuestas hasta analizar datos de visitas y actividad o desarrollar pruebas de usabilidad en las que un grupo de usuarias y usuarios realicen una navegación asistida.

En Úsalo se apuntan algunas normas básicas:

  • Hacer que los textos sean legibles (tipos y tamaño de letra, contraste texto/fondo, textos más cortos…).
  • Adecuar la organización de las páginas.
  • Lograr una descarga rápida de las páginas gracias a reducir el peso de las imágenes y ficheros vinculados, buen etiquetado, etc.
  • Que la tecnología empleada no sea una barrera de entrada para nadie, es decir, hacer la página accesible.

Además divide los principios relacionados con la usabilidad en cuatro áreas:

Respeto a los estándares de la web

  • Los enlaces de color azul, subrayados, y los ya visitados de color morado
  • Texto negro sobre fondo blanco (o con buen contraste entre ambos)
  • Imágenes con texto alternativo
  • El usuario o la usuaria puede modificar el tamaño del texto en su navegador para leerlo mejor
  • Emplear encabezados y subencabezados para organizar el texto.

Ergonomía cognitiva y usos comunes en Internet:

  • Acostumbramos a leer de izquierda a derecha y de arriba abajo
  • Entendemos mejor las cosas si se las llama por su nombre más común
  • El logotipo suele estar arriba a la izquierda
  • La navegación se suele basar en colocar los ítems en un rail izquierdo, fichas superiores o categorías centrales
  • El buscador tiende a figurar arriba y a la derecha
  • La ayuda aparece arriba a la derecha
  • Es difícil recordar una lista de items de más de 7 elementos

Aspectos físicos de la legibilidad y percepción en una pantalla:

  • En una pantalla se leen mejor los tipos de letra sans-serif que los serif
  • El contraste entre texto y fondo influye en la legibilidad (negro sobre blanco, amarillo sobre negro…)
  • Los tipos de letra demasiado pequeños se ven y leen mal
  • El ancho de línea y los márgenes influyen en la legibilidad,
  • La ubicación de elementos como título, imagen e introducción al texto es clave para que los usuarios lean o no los aspectos importantes del texto
  • Los elementos animados o parpadeantes distraen la atención del usuario

Rotulación y ayudas a la navegación:

Son necesarias determinadas ayudas a la navegación, que permitan ubicar al usuario dentro de la estructura de contenidos del web e identificar visualmente la permanencia o no dentro de la misma interfaz de trabajo:

  • Rastro de migas de pan (P.e. Inicio > Artículos > Usabilidad )
  • Correcta rotulación de los enlaces (deben identificar claramente el destino. Nunca usar “pinche aquí”)
  • Mapa de la web

Y concluye: “En definitiva, la usabilidad se basa en no molestar ni hacer pensar en exceso al navegante (Krug, 2001)”.

Leyendo esta interesante expeciencia de Neyda sobre el desarrollo de las webs locales de Amnistía Internacional me he encontrado con esta línea:

El responsable de la web de la sección me ha pasado una sugerencia hoy para que las webs locales tengan más aspecto de blog, hacerla más limpia.

A veces en los cursos me dicen que los blogs son “aburridos” o “limitados” porque los artículos aparecen siempre en el mismo sitio, todo se organiza de una manera muy concreta.

Me da por pensar a menudo que eso es bueno en muchas ocasiones. Que todos los sitios tengan una estructura similar ayuda a la gente a encontrar la información que busca.

Me da que la creatividad y la falta de barreras no está en los menús animados y las cositas brillantes, sino en los contenidos y más allá… ¡en nuestros proyectos!

El título de este artículo corresponde a un buen libro de aproximación a la usabilidad web. ¿Qué es la usabilidad?

Estas imágenes la definen bastante bien:

cerillas

cafetera

Con humor y brevedad, da algunas buenas indicaciones sobre cómo hacer webs más usables.

Apunto algunas:

  • ¡No me hagas pensar!
  • Elimine la mitad de las palabras en todas las páginas y después prescinda de la mitad de lo que haya quedado.
  • Lo que en realidad se suele hacer (si tenemos suerte) es echar un vistazo a cada nueva página, leer rápidamente parte del texto y hacer clic en el primer vínculo que resulte interesante o que se parezca vagamente a lo que se está buscando. Normalmente hay partes extensas de la página que ni siquiera se miran.
  • La mayor parte de las veces no seleccionamos la mejor opción, nos quedamos con la primera más razonable. Las consecuencias por haber errado no son importantes: se resuelven con el botón “Atrás” (que es el más usado en los navegadores).
  • No averiguamos el funcionamiento de las cosas. Nos las arreglamos. Muchísima gente usa software y sitios web de forma eficiente pero muy alejada de las verdaderas intenciones de quienes los diseñaron.
  • Lo más importante ha de ser lo más prominente.
  • Lo que está relacionado lógicamente, también lo debe ser visualmente.
  • Dejar bien claro sobre lo que se puede hacer clic.
  • Las páginas tienen que dividirse en zonas claramente definidas.
  • Evitar el ruido.
  • No importa el número de veces que hay que hacer clic en algo si la opción es mecánica e inequívoca.