GUIA PARA EVALUACIÓN EXPERTA

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.

Al final, se entrega una checklist -o lista de

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

guía para evaluación experta 2

1- Referencias:

Nielsen, Jakob. "Ten Usability Heuristics".

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

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

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,

guía para evaluación experta 3

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

como los favoritos (bookmarks). A pesar de que los usuarios novatos no

...