Website Checklist

guía para evaluación experta

joaquín márquez correa information architect icon medialab



Este documento recoge una serie de factores (heuristics) que deben ser considerados a la hora de realizar un análisis experto de un web site1. Sirve tanto para analizar un site antes de hacer una propuesta, como para evaluar y auditar secciones ya terminadas en la fase de producción. Alfinal,seentregaunachecklist -olistade comprobación- para facilitar la auditoría del site.

¿qué está pasando?

El site siempre debe mantener al usuario informado sobre qué está sucediendo, a través de un feedback apropiado en un tiempo razonable. Por ejemplo, presentar mensajes de espera cuando se está efectuando una transacción (ej, un banco) o bien de confirmación cuando se ha efectuado una operación solicitada por el usuario (ej, "su pedido ha sido aceptado").

un site en su lengua

El site 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. (ej, mensajes de error incomprensibles, no son aceptables)

uso y control por parte del usuario

Los usuarios frecuentemente hacen elecciones por error y deben contar con una "salida de emergencia" para dejar las cosas tal como estaban. Esto en web design, significa que es conveniente siempre tener una vuelta atrás, aunque el browser mismo posee un botón "back". Sin embargo, un enlace para volver al inicio en cada página es de mucha ayuda.

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), pop-ups 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.

consistencia y estándares

Esto tiene dos partes: lenguaje/contenido y diseño. El site debe ser consistente en

1- Referencias:

Nielsen, Jakob. "Ten Usability Heuristics".

Instone, Keith. "Site Usability Heuristics for the Web". Krug, Steve. "Don't Make Me Think".

guía para evaluación experta 2

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 site, 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 texto2 (todos los sites tienen un color para indicar los enlaces y se usa sólo para eso ), de manera que los enlaces sean claramente reconocibles en el site. Cada site forma parte de un sistema global y por ello no debe ser considerado "una isla".

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 (i.e. en javascript).

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...".

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 deseable contar con "breadcrumbs"3 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 de 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 contextual4. 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,

2- Si bien se ha usado mucho un azul intenso desde los inicios de la Web, no es obligatorio. Lo que sí es importante es que si se usa un granate o cualquier otro color, el usuario entienda que ese es el identificador de los enlaces en ese site. La convención indica que un color enlace, se utiliza exclusivamente para ello y no para destacar un párrafo, por ejemplo.

3- Trad. Literal: "migas de pan", como en Hansel & Gretel, donde los niños dejaban un camino de migas de pan para saber regresar. En Web, se adopta esta técnica con la fórmula "Usted está en: Inicio/productos/precios" donde cada sección es clicable y permite volver atrás (ej., http://www.dack.com/web/flashVhtml/page2.html)

4- Esto es, que los enlaces y la información va cambiando a medida que avanza en el proceso, dando la sensación de que se está en buen camino. Ejemplo: en una librería, si se está navegando en busca de libros de informática, lo ideal es que los enlaces que acompañen a ese proceso sean de temas relacionados. En el mundo offline: si busco un lago, es normal que cuando me acerco a él exista un rio...

guía para evaluación experta 3

como los favoritos (bookmarks). A pesar de que los usuarios novatos no los usan o conocen, hay que tener en cuenta

...