Evolution Day: Usabilidad Web

¿Te has encontrado alguna vez con una aplicación difícil de entender o un sitio Web imposible de navegar? Si la respuesta es “sí”, podemos decir que ese sitio o aplicación no tenía a la Usabilidad entre sus atributos de calidad.

En el Evolution Day del 24 de enero, Magdalena Ponce de León, Diseñadora Gráfica de PIMOD, nos habló sobre “Usabilidad Web aplicada a monitores, tabletas y celulares” uno de los conceptos más importantes y que tenemos que tener más presente a la hora de construir una página Web o aplicación.

La Usabilidad tiene como objetivo reducir al mínimo las dificultades de uso inherentes a una herramienta informática, analizando la forma en que los usuarios utilizan las aplicaciones y sitios Web con el objetivo de detectar los problemas que se les presentan y proponer alternativas para solucionarlos, de modo que la interacción de dichos usuarios con las aplicaciones y sitios Web sea sencilla, agradable y productiva.

La Usabilidad es un atributo de calidad y se refleja en la proporción de usuarios que alcanzan sus objetivos. De todas maneras hay que tener en cuenta que siempre encontraremos usuarios que no quedan conformes con la navegación en un sitio o en una aplicación.

Algunos de los Tips que nos dejó Magdalena para aplicar son:

• Lograr un diseño agradable.
• Legibilidad (Ver colores, fuentes y fondos)
• Facilidad de uso y de navegación.
• Interacción sencilla, agradable y productiva.
• Redacción (Breve, títulos claros, párrafos cortos, uso intensivo de listas, cuidar relación contenido <> navegación)
• Organizar el contenido aplicando niveles de jerarquía.
• Que el usuario entienda las acciones a las que responden los botones. Que se entienda el “call to action”.
• Que el usuario cuente con herramientas de calidad.
• Analizar el tiempo en el que el usuario navega una página y observar su comportamiento.
• Identificar si el usuario tiene un problema y pensar en una solución.

Otro concepto importante que también nos comentó Magda fue el Diseño Responsive conocido también como diseño web adaptativo: una técnica de diseño web que prioriza la correcta visualización de una misma página en distintos dispositivos (computadoras, tabletas y celulares).

Se lo denomina Responsive porque es “responsable”, pues se comporta bien en todos los dispositivos. Gracias a dicha técnica de diseño web tenemos un solo sitio adaptado a todos los dispositivos, con una experiencia de alta calidad en todos los tamaños.

Para saber si un sitio es “Responsive” podés probar ir disminuyendo el tamaño de la ventana de tu navegador y ver cómo se acomodan los elementos en la página.

Por último, Magda también nos habló acerca de la usabilidad en dispositivos móviles, a los que debemos prestar especial atención pues no son “escritorios pequeños” y su uso es diferente a otros dispositivos.

Tips para móviles:

– La obsesión por las páginas delgadas es la única receta.
– Tiempo de descargas (tiene que ser rápida, si se demora los móviles se “duermen”)
– Contenido primero, después navegación.

Existe un diálogo entre El Principito y el Zorro (Antoine De Saint-Exupéry) que resume la idea que de este evolution: “Lo esencial es invisible a los ojos… Los hombres han olvidado esta verdad. Pero tú no debes olvidarla”.

*Curso Usabilidad Web: Monitores, Tabletas y celulares. Dictado por Daniel Mordecki. Hotel Sheraton Montevideo, 28 de noviembre de 2013.

¡Los invitamos a ver la presentación de Magda!