Usabilidad

Usabilidad: El objetivo de todo sitio Web Septiembre 2002

CONTENIDO ¿Qué significa usabilidad?

Principios de usabilidad Análisis o evaluación heurística Conclusiones y referencias

Usabilidad: El objetivo de todo sitio Web / Septiembre 2002

INTRODUCCION Muchas veces nos hemos encontrado con sitios Web, en los que acceder a sus contenidos es un verdadero reto, nunca sabemos en que página estamos y tardamos mucho tiempo en cumplir nuestro objetivo al visitarlo o simplemente esta frustración nos lleva a abandonarlo. Estos sitios no están logrando un impacto positivo en los visitantes, lo cual desmejora la confianza y la lealtad de los usuarios a las marcas o empresas que representan.

Para que esto no ocurra debemos seguir ciertas consideraciones de usabilidad en su desarrollo. El sitio debe satisfacer las necesidades de los usuarios, lo que no es bueno para los usuarios no es bueno para el sitio y tampoco es bueno para la empresa o proyecto. Los desarrolladores del sitio deben conocer el comportamiento de los usuarios frente al computador, esto significa saber que pasos van a tomar en la navegación del sitio, y asegurarnos que en cada paso el usuario sepa donde está y que pueda acceder a los contenidos que necesita fácilmente. El usuario tiene que cumplir el objetivo de su visita al sitio, si el usuario navega y llega a concretar fácilmente su visita y obtiene la información que necesita, siempre volverá por más, este es el objetivo de toda empresa al posicionarse en el Web.

¿QUE SIGNIFICA USABILIDAD? Este término que lo estamos escuchando más a menudo y con mayor fuerza e interés en el mundo del Internet, se refiere al uso de técnicas, recomendaciones y consideraciones para crear sistemas fáciles de entender y utilizar inmediatamente. Es una medida de utilidad de un servicio o producto.

La usabilidad concentra los esfuerzos de los diseñadores Web en la facilidad de uso, acercándose al usuario y a sus necesidades para lograr ese objetivo.

Esto puede ser el factor crucial en una decisión de compra, o el camino para mantener la lealtad a un producto o servicio. La usabilidad incrementa la confianza en un sistema, marca o producto y más importante que lo que la usabilidad puede lograr es el impacto negativo que produce la falta de usabilidad en el visitante de un sitio Web. La falta de usabilidad causa la pérdida de comunicación con el usuario, que lo lleva a la frustración y al abandono de sus objetivos en el sitio.

El enfoque en la usabilidad cuando se desarrolla contenido Web puede mejorar la efectividad global de un proyecto. Y también puede mejorar la efectividad de la marca y la lealtad de sus clientes.

El diseño gráfico como actividad comunicacional, anclada y relacionada con una cierta cultura en un momento dado, es de importancia fundamental en el diseño de interfaces y en el arte de hacerlas más usables.

PRINCIPIOS DE USABILIDAD La usabilidad hace todo fácil, excepto el trabajo de los diseñadores, la usabilidad no es fácil, su aplicación requiere de un cambio en el proceso de desarrollo, requiere de un nuevo método de pensar acerca de un proyecto desde que inicia hasta que termina.

Entender la usabilidad hace el trabajo del diseñador fácil y el producto final mejor. Teniendo bien entendimiento las prácticas y principios de usabilidad los diseñadores llegarán más lejos exitosamente, desarrollando contenido Web más amigable con el usuario.

La metáfora del viaje para crear sitios Web más usables Se debe pensar en usar el contenido Web como un viaje con un punto de partida, una serie de caminos para viajar y un destino final.

Los clientes que encargan un sitio Web quieren que sus usuarios lleguen a su destino, ellos son los únicos que pagan por el viaje. Los diseñadores son la agencia de viajes, encargados de asegurarse que los usuarios lleguen a su destino, y son los usuarios los únicos en tomar el viaje.

1

Usabilidad: El objetivo de todo sitio Web / Septiembre 2002

La usabilidad es la medida de cuan agradable es ese viaje El cliente contrata a los diseñadores, como agencia de viajes, para que mucha gente como sea posible complete el viaje.

Para los diseñadores el objetivo es asegurarse que el viaje sea agradable. Esto significa que el contenido Web sea usable.

Cada usuario que abandona el viaje y cada usuario que lo pasa mal desmejora el éxito global de un proyecto.

Éxito significa cumplir los objetivos El éxito de un esfuerzo puede ser medido por el cumplimento de los objetivos de un proyecto. El objetivo del cliente es, que los usuarios lleguen a su destino final, esta es la razón principal para contratar a los diseñadores Web. Para muchos clientes el objetivo principal a alcanzar con el contenido Web es dirigir una venta y recopilar información de contacto de candidatos calificados. Con otros proyectos, especialmente de tipo artístico, el viaje en sí puede ser el objetivo, en esos casos la usabilidad puede no ser aplicable.

El objetivo del usuario es interactuar con el contenido. Cada usuario puede tener diferentes objetivos para tomar el viaje. Los diseñadores solo pueden empezar a imaginar las diferentes razones que un usuario tiene para interactuar con el contenido.

Es mejor enfocar los objetivos de los usuarios usando ofertas.

Para la mayoría de proyectos comerciales los usuarios son llevados por incentivos para alcanzar el objetivo del cliente. En el argot de marketing esto es llamado la "oferta". Una oferta involucra todo desde información que el usuario necesita hasta piezas descargables de software. Una fuerte oferta puede ayudar a que los objetivos del cliente sean los objetivos del usuario.

ANALISIS O EVALUACION HEURISTICA Hay una serie de factores que deben ser considerados a la hora de realizar un análisis de un sitio Web. Estos sirven tanto para analizar un sitio antes de hacer una propuesta, como para evaluar y auditar secciones ya terminadas en la fase de producción.

El sitio debe hablar el idioma del usuario El sitio debe hablar el mismo lenguaje que el usuario, con palabras, frases y conceptos que le sean familiares. Tiene que seguir las convenciones "del mundo real", para que la información aparezca natural y lógica.

Mantener al usuario informado El sitio siempre debe mantener al usuario informado sobre que está sucediendo, a través de una respuesta apropiado en un tiempo razonable. Por ejemplo, presentar mensajes de espera cuando se está efectuando una transacción (Ej. Al añadir un producto en un Shopping Cart) o bien de confirmación cuando se ha efectuado una operación solicitada por el usuario (Ej. Indicando al usuario que su pedido ha sido aceptado).

Permitir el control al usuario El control que siente el usuario es fundamental, por ello deben considerarse muy cautelosamente el uso de ciertas técnicas de codificación que lo limitan. Por ejemplo, el uso de fuentes de tamaño fijo, ventanas que cubren toda la pantalla (eliminando el navegador y cubriendo todas las ventanas que pudiesen estar abiertas), animaciones que requieren plug-ins especiales y no tienen una forma de "saltarlas" (skip), popup windows que aparecen por todos lados, nuevas ventanas que se abren permanentemente (proliferación de ventanas en la pantalla del usuario), son altamente nocivas para una experiencia satisfactoria.

Establecer una jerarquía visual y apegarse a ella Los usuarios necesitan pistas visuales para identificar que parte del diseño es para el contenido y que parte es navegación y que es cada cosa. El usuario encontrará comodidad en la familiaridad y en su habilidad de usar el contenido mientras avanza.

En proyectos grandes con mucho personal involucrado, es conveniente tener una guía de estilo la cual todos los desarrolladores deberán seguir. La guía de estilo no solo debe enfocarse en fuentes y colores, debe proveer reglas de interactividad que definen como el usuario interactuará con el contenido Web. La guía de estilo ayudará a implementar un entorno coherente para el usuario con el que debe sentirse familiarizado.

2

Usabilidad: El objetivo de todo sitio Web / Septiembre 2002

Hay que tener en cuenta en el diseño los factores humanos (ergonomía y diseño visual). Trate de generar una sensación positiva a nivel estético.

Consistencia y estándares El sitio debe ser consistente en cuanto a los nombres de las secciones, botones y contenidos de las mismas. Si un botón apunta a una sección que tiene un nombre totalmente diferente, el usuario siente que ha cometido un error. Lo mismo sucede con informaciones que aparecen duplicadas en el sitio, bajo distintos nombres. Por ejemplo, un enlace a "ayuda" debe llevar a una página que se llame así y no "preguntas frecuentes". Igualmente, si existen preguntas frecuentes, deben estar en una página llamada así y no duplicarse para aparecer también en "ayuda".

En cuanto a diseño, deben seguirse las convenciones existentes en la Web, como el color de los enlaces de texto (todos los sitios tienen un color para indicar los enlaces y se usa sólo para eso), de manera que los enlaces sean claramente reconocibles en el sitio.

Cada sitio forma parte de un sistema global y por ello no debe ser considerado "una isla".

Claridad en la navegación Cuando se diseña la navegación de un sitio hay que recordar que sirve para decir a los usuarios donde pueden ir, pero también para decirles donde están. Siempre hay que proveer al usuario de una salida y un acceso a la sección principal de un contenido Web en cada fase de la navegación.

Aplicar la ley de Fitt para diseñar botones De acuerdo con la ley de Fitt, "El tiempo para llegar a un objetivo es en función de la distancia y el tamaño del objetivo". Esto significa que mientras más grande es un botón es más fácil de hacerlo clic, y el objeto más fácil de hacer clic en la pantalla es el que está más cerca del puntero del mouse.

Prevención de errores Mucho mejor que los buenos mensajes de error, es un diseño cuidado que prevenga que ocurran éstos. La mayoría de los errores cometidos por los usuarios se dan al rellenar formularios. Es bueno usar sistemas de validación antes de que el usuario envíe su información y deba volver atrás para corregir.

Es mejor reconocer, que recordar El sitio debe tener los objetos, acciones y opciones a la vista. El usuario no tiene que recordar dónde estaban las cosas que buscaba o bien "cómo llegar hasta...". Hay que tratar de utilizar el reconocimiento más que la memoria.

Si bien es imposible tener todas las opciones a la vista en sitios demasiado extensos, al menos debería haber una categorización clara de los contenidos que indique el camino a seguir. Una buena redacción de los enlaces, las cabeceras de contenidos y en los menús, ayuda a que el usuario no se pierda.

También es importante contar con "breadcrumbs" (Ej. inicio > artículos > etc.) que orienten al usuario y le permitan saber dónde está. Cuando existan procesos que impliquen varios pasos a seguir, es conveniente informarle al usuario en qué etapa se encuentra y cuántas le faltan para acabar la tarea. Esto se puede lograr usando enumeración de pasos, con navegación contextual. Asimismo, lo ideal es que cada paso sea sólo una acción y que reciba confirmación de que se ha ejecutado satisfactoriamente.

Flexibilidad y uso eficiente Los "aceleradores" o atajos para hacer cosas, generalmente vienen incluidos en el browser, como los favoritos (bookmarks).

A pesar de que los usuarios novatos no los usan o conocen, hay que tener en cuenta a los más avanzados que sí lo hacen.

El sitio debe ser fácil de indexar en una lista de favoritos. Esto se logra evitando el uso intensivo de frames y utilizando nombres de ficheros que no caduquen. Por ejemplo, para los artículos que son noticias o textos circunstanciales, lo recomendable

3

Usabilidad: El objetivo de todo sitio Web / Septiembre 2002

es nombrar las páginas con la fecha, de manera que al publicar una nueva noticia no se sobrescriba la antigua anulando la URL que algún usuario puede haber marcado como favorita.

Si existen formularios para obtener información (Ej. un buscador) es recomendable usar el método GET en lugar de POST, para que la cadena de búsqueda quede en la URL y se pueda marcar el resultado (Ej. si busco comida para perros, los resultados se muestran en una página con una dirección que podría ser así: http://www.dominio.com/resultados?comida+perros).

Los contenidos deben de ser de fácil lectura No debe haber información irrelevante o que raramente se necesita a simple vista. La información extraña es una distracción que entorpece la navegación.

Si hay que tenerla en el sitio de todas formas, es preferible que esté enlazada para que quien la requiera pueda verla, pero que no moleste a los que no la necesitan.

La información debe estar escrita para la Web y no ser solamente un "copiado y pegado" de un folleto de la empresa.

Párrafos cortos, enumeración en listas y contenidos muy largos divididos en páginas, para una fácil lectura. También es conveniente cuidar que los textos al imprimirse, quepan en el ancho de una página A4 estándar y que el color de letra no sea blanco ni muy pálido, para que puedan leerse si son impresos en blanco y negro. O bien, contar con una versión especial para ello.

Así también, si existen contenidos nuevos, es bueno que se destaquen, para que se vea que es un sitio "vivo", que se renueva constantemente.

Otro punto importante es el uso consistente de elementos gráficos. No deben utilizarse las mismas imágenes para un botón que para algo que claramente es un elemento decorativo.

Los contenidos deben ser legibles en pantalla El texto en pantalla de por si es difícil de leer, y hay que asegurarse de no hacerlo más. Alto contraste entre el texto y el fondo ofrece mejor legibilidad. Cuando se utiliza texto claro sobre fondo oscuro es mejor utilizar una fuente tipográfica en bold.

Utilice fuentes tipográficas que sean diseñadas para ser leídas en pantalla, así como: Verdana, Trebuchet, Geneva, o Georgia. Una buena regla a seguir es que si los visitantes pueden leer fácilmente fuentes impresas en papel a 6 Pts., ellos pueden ser capaces de leer 12 Pts. en pantalla. Fuentes Sans-serif anchas son las más fáciles de leer en pantalla.

Fácil acceso a la ayuda Si bien lo ideal es que un sitio pueda ser navegado sin necesidad de ayuda, existen aplicaciones complejas que deben contar con asistencia. En el caso de un sitio comercial, un banco o con herramientas novedosas que puedan inducir a confusión, es importante tener la ayuda integrada en el contenido mismo. Es decir, mediante enlaces a las secciones de ayuda que tienen relación con el contenido que se está viendo (Ej. en un proceso de registro, al abrir una cuenta, al hacer un pedido, etc.).

Asimismo, debe existir una sección de ayuda completa, donde se pueda ver todo el contenido de la misma.

Brinde instrucciones cuando sean necesarias para usuarios nuevos, pero esto no debe ser una molestia para usuarios avanzados. Permita a los usuarios avanzados ir directamente al contenido que buscan.

Compatibilidad El sitio debe ser compatible con distintas versiones de navegadores y sistemas operativos. Muchas veces hay scripts que no se ven en Netscape o en Explorer, y eso se agrava aún más cuando se usan Macintosh y PC en la visualización. Hay que tener cuidado con las fuentes, los colores y los scripts usados en el sitio.

4

Usabilidad: El objetivo de todo sitio Web / Septiembre 2002

CONCLUSIONES Siguiendo las normas de usabilidad para contenidos Web los objetivos de las empresas que los publican se cumplirán efectivamente, logrando una buena comunicación con sus usuarios lo que implica la confianza y lealtad a sus productos o servicios.

El diseño de sitios Web comerciales debe seguir un proceso consistente, teniendo en cuenta la usabilidad del sistema, servicio o producto, porque puede ser una gran herramienta de venta o promoción, pero una mala implementación, puede desmejorar esta utilidad, y puede ser un gran costo.

REFERENCIAS Revista Conectados Febrero 2002 Págs. 54-55 Developing User-Friendly Macromedia Flash Content A white paper by Chris McGregor, Flazoom www.macromedia.com Ponencia sobre Diseño de Interfaces y Usabilidad http://planeta.gaiasur.com.ar/infoteca/diseno-de-interfaces-y-usabilidad.html "Guía Para Evaluación Experta" Joaquín Márquez correa Icon Medialab "Ten Usability Heuristics" Nielsen, Jakob.

"Site Usability Heuristics for the Web" Instone, Keith.

"Don't Make Me Think" Krug, Steve.

5