Professional Documents
Culture Documents
com
Evaluación heurística de
www.imaginarium.es
Estudio realizado y elaborado por José Carlos Gil y Xavier Lluch, de wezstudio.com. Barcelona, Septiembre de 2008
Evaluación heurística de www.imaginarium.es 2
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 3
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 4
Índice Metodología
METODOLOGÍA 4
El análisis heurístico realizado del sitio web
PRINCIPALES MEJORAS 5 imaginarium.es y que queda reflejado en el presente
EL BUSCADOR 5 informe, consistió en el estudio desarrollado por 2
ARQUITECTURA DE LA INFORMACIÓN 6 expertos.
Espacio dedicado a productos 6
Promociones en el carrito 7
Jerarquía visual de la página 7
Se realizaron, de forma independiente, un análisis
Reestructuración de las categorías 8 rápido, por un periodo de 10 minutos, acerca de las
Estándares web 8 primeras sensaciones que producía el sitio web desde el
MEJORA DEL PROCESO DE COMPRA 9 punto de vista estético, estructural, de facilidad de uso y
OTRAS MEJORAS 10 de aportación de información.
ANEXOS 11
LISTADOS HEURÍSTICOS 11 A continuación se realizó, de forma independiente, un
1. Claridad de propósito y objetivos 12 análisis más detallado a partir de una serie de pruebas
2. Visibilidad y orientación inmediatas 13 idóneas para las necesidades y objetivos del sitio:
3. Adecuación al mundo, los objetos mentales del buscar y comprar productos, conocer servicios y
usuario y la lógica de la información 15
productos poco conocidos y captar o fidelizar
4. Reconocimiento más que memoria 17
5. Control y libertad del usuario 18 clientes. Estas pruebas estaban guiadas por una lista de
6. Consistencia y Estándares 19 verificación de heurísticos (ver apéndice “listado
7. Prevención de errores gracias a un diseño adecuado 20 heurísticos”) y subheurísticos junto a anotaciones
9. Información y diseño minimalista 21 puntuales.
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 5
Principales mejoras
A partir de la información recogida y analizada se ha
realizado una síntesis que recoge los principales Fig. 1 - Estado actual de la posición e importancia del buscador en
aspectos a mejorar y que requieren una mayor atención. la página principal.
El estudio completo puede consultarse en el apéndice
“resultados por heurísticos”.
Buscador
Fig. 2 – www.amazon.com y www.apple.com: ejemplos de
El estudio ha detectado un funcionamiento deficiente en cabeceras que integrar en una o dos líneas los principales sistemas
el buscador. Un elemento básico en sitios web donde de búsqueda de información.
gran parte de la actividad se centra en “encontrar”
productos.
Debe mejorar su importancia dentro del sitio web. Fig. 3 – Propuesta en dos líneas: buscador destacado y menú de
categorías.
Nuestra propuesta (fig. 3) es disponer el buscador a la
misma altura que el logo, cercano al menú principal y el
carrito al final de la sección de forma que en dos líneas
se muestre quiénes somos (logo), qué tenemos y
cómo encontrarlo (menú y buscador) y qué hacemos
(carrito).
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 6
Arquitectura de la información
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 7
Promociones en el carrito
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 8
Estándares web
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 9
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 10
Otras mejoras
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 11
ANEXOS
Listados Heurísticos
1. Claridad de propósito y objetivos
Comunicar de manera inmediata propósito, función u objetivo.
2. Visibilidad y orientación inmediatas
Los usuarios deben estar informados de su situación (ubicación y
estado) y de lo que sucede en todo momento en la página web.
3. Adecuación al mundo, los objetos mentales del usuario y la
lógica de la información
El sitio web está adaptado al mundo real de los usuarios, su
lenguaje, conocimientos, etc.
4. Reconocimiento más que memoria
La página web se basa en el reconocimiento para permitir al usuario
interactuar con el sitio de manera fácil y productiva.
5. Control y libertad del usuario
La página deposita el control en el usuario.
6. Consistencia y Estándares
La página es consistente internamente y con los estándares
externos.
7. Prevención de errores gracias a un diseño adecuado
El diseño de un sitio debe prevenir los errores de los usuarios antes
de que se cometan.
8. Flexibilidad y eficiencia de uso
La página facilita y optimiza el acceso de los usuarios cualesquiera
que sean sus características.
9. Información y diseño minimalista
La página web evita toda información o gráfico irrelevante y sólo
incluye la información necesaria.
10. Eficacia de los mensajes de error
Los mensajes de error ayudan a solucionar el problema.
11. Documentación de ayuda
La documentación de ayuda está adaptada a las necesidades de los
usuarios.
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 12
La importancia de la marca Imaginarium y su imagen facilitan el Presentar una única cabecera con el logo y el eslogan. Eliminar la
reconocimiento de la tienda online como extensión de las tiendas mariposa y utilizar el lema como subtitulo.
físicas.
Disponer el menú a la misma altura que el logo, y el carrito al
Para aquellos que desconocen la marca, la página de inicio final de la misma sección de forma que en una única línea se
requiere de un pequeño esfuerzo para reconocer que se trata de muestra quienes somos (logo), qué tenemos (menú) y qué hacemos
principalmente de una tienda online de juguetes. (carrito).
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 13
Sustituir las listas de categorías desplegables dentro del menú Las recomendaciones de productos o promociones deben
por listas ya desplegadas, bien en el contenidos principal bien en situarse a continuación de la información del carrito y remarcar que
los laterales. son recomendaciones. Utilizar el título “otras personas también
compraron…”, “Imaginarium recomienda también…”. Es más
El sistema de “track” o “migas de pan” no es necesario debido a importante finalizar una venta que ya se ha iniciado que incitar a
la poca profundidad en la estructura de páginas del sitio. iniciar una nueva sin resultados asegurados.
Uso correcto del logo como enlace a la pagina de inicio y la El acceso al 2º paso del proceso de compra queda “alejado” del
disposición de títulos en cada página que informan de la posición. área central de la página y se mezcla con un link para seguir
comprando (fig. 13). ¿”Seguir comprando” es continuar con el
Los menús “contenidos” y “servicios” ofrecen poca información proceso del carrito o seleccionar nuevos artículos?
sobre qué podemos encontrar bajo dichos títulos. ¿Qué servicios y
“contenidos” pueden ofrecerme en una tienda de juguetes?
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 15
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 16
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 17
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 18
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 19
6. Consistencia y Estándares
El buscador no es muy evidente debido a un tamaño
“La página es consistente internamente y con los estándares externos.”
excesivamente pequeño y una posición demasiado alejada del
menú.
Existen 2 sistemas de novedades: Juguetes>Novedades y la
pestaña novedades.
Mejorar la posición del buscador a una posición más cercana al
menú. Destacar el buscador para que sea más evidente.
No hay consistencia en la presentación de datos. Cuadros como
“busca por catalogo” a veces a aparecen a la izquierda o a la
La mayoría de los enlaces no están subrayados, por lo tanto el
derecha.
usuario no sabe de antemano que son clicables.
Hay que organizar tanto las categorías como los anuncios.
Subrayar los enlaces.
Demasiados subniveles de navegación y falta de jerarquía-orden.
Los mensajes de error del formulario aparecen en ventanas
Hay un sistema de menús y acto seguido unas pestañas (Fig. 17). emergentes.
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 20
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 21
www.wezstudio.com