Usabilidad grafica.

Desde casi el comienzo de la publicación web y las paginas medianamente personales (estilo catálogos) se ha visto casi por cultura la inserción de efectos vagos, imágenes animadas gif y desordenes de tablas con contenido.

Con el transcurrir de los años y la llegada de nuevas tecnologías medianamente sencillas de utilizar estas paginas han cambiado un poco el sentido a nivel gráfico, con la ayuda de flash han podido enriquecerse a nivel de interacción, pero el problema es exactamente el mismo, la coherencia de los distintos elementos que se presentan es escasa y no sirven más que para entorpecer la navegación de los usuarios.

Todas las paginas creadas (o la mayoría de ellas) están creadas con un fin fundamental que en la mayoría de los casos es que distintos grupos de usuarios naveguen en ella.

Los problemas básicos que se deben solucionar al momento de planificar el orden gráfico de una pagina son la presentación gráfica, jerarquía de ubicación, utilidad, interactividad, problema con las imágenes y por último el problema con el famoso flash.

Priorizar el orden de los menús, no hacer botones innecesarios ni usar imágenes con el fin de rellenar un sitio, no abusar de las nuevas tecnologías para incrementar la interacción y por ultimo flash debe ser usado con precisión en justa medida con lo que el usuario objetivo posee como habilidad. Muchas veces el usuario carece de las habilidades y los conocimientos para navegar por uan pagina creada en flash.

El Patrón-F de lectura de contenido web.

¿Que es el patron-F?

Jakob Nielsen, el tan proclamado "rey de la usabilidad", ha realizado muchos estudios sobre este mismo tema los cuales va subiendo en su pagina web quincenalmente. Uno de estos minusiosos estudios nos habla sobre el patrón que han descubierto con respecto a la lectura de contenido en diferentes sitios web por una diferente gama de usuarios. Este patrón se ha denominado "F-Shaped Pattern" (Patrón en forma de F).

Por medio de estudios realizados con usuarios de prueba y usando la tecnologia de seguimiento ocular (por medio de camaras ocultas que captan el movimiento de los ojos) han descubierto que la forma en que los usuarios leen el contenido en internet consta de tres fases: Horizontal, vertical y diagonal.

La toma de las tres fases en la mayoria de los casos arrojan resultados muy similares, se forma un patrón en forma de F como se muestra en la siguiente imagen.



En estas tres paginas se logra ver el seguimiento del ojo con respecto a la lectura de contenido, el rojo indica el contenido leído y el gris el área de la pagina que con no ha sido tomada en cuenta por los usuarios.


Discutamos el tema.

Cada día con una velocidad casi exponencial Internet crece y abarca más áreas que en algún momento jamás imaginamos que abarcaría. Las empresas han apostado por este espacio y no lo han hecho tímidamente, la publicidad en Internet es una estrategia que muta día a día por la demanda de los usuarios y por la insistencia de esta misma publicidad los usuarios han dejado de prestarles atención. Banners, Pop-ups e incluso los ahora famosos "spams". Es por esto que las empresas han tenido que adoptar nuevas estrategias y como ya se ha mencionado antes adaptarlas para el usuario contemporáneo el cual cambia casi en todo momento y sin previo aviso.

Es por esto que se han realizado cientos de evaluaciones y experimentos con usuarios frente a las pantallas, todo esto con el fin de obtener la mayor cantidad posible de datos provenientes de la real navegación de los usuarios. Es por este tipo de experimentos que sabemos que es lo que a los usuarios les interesa ver y lo que no les interesa ver.

Jackob en su estudio del "F-Shaped Pattern" nos deja claro algunos consejos para la construcción de un contenido ideal para la web, a mi parecer el consejo más importante que nos da es el de seleccionar la información más importante de cada párrafo y por lo posible situarlo dentro de las primeras dos lineas. Los usuarios no se toman la molestia de leer exhaustivos textos, por lo que agrupar la información importante y posteriormente posicionarlo dentro de las primeras lineas es el consejo estrella que Nielsen nos entrega.

Las conclusiones que podemos proponer al leer su articulo es más que nada el poseer información sobre el "como posicionar" la información dentro de una pagina web, saber donde colocar los distintos elementos para que llamen la atención del usuario.

El titulo de la pagina o su mismo logo, los cuadros de publicidad, los menús y submenús, la información que se debe colocar en el pié de pagina, el tamaño de la letra utilizada para los distintos elementos, el uso de negritas y cursivas, etc.