SOBRE USABILIDAD... 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.
Consistencia y estándares
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.
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 atisfactoriamente.
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 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í: www.dominio.com/resultados?comida+perrosLos 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.