Está en la página 1de 21

www.wezstudio.

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

Estudio elaborado por Mejoramos los resultados de cualquier web existente


aplicando nuestros conocimientos y experiencia y las
últimas técnicas en u sabilidad, marketing online (SEO,
SEM...), analítica web y persuabilidad.
www.wezstudio.com
Nuestra misión es el ser el "departamento de internet"
Wezstudio es un estudio de d iseño y desarrollo web de nuestros clientes.
ubicado en B arcelona, sus integrantes tienen
experiencia en el sector desde 2001.
Publicado bajo licencia C reative Commons:
Nuestros servicios se basan en tres pilares: la creación
de un d iseño personalizado, l a construcci ón de
aplicaciones web y la m ejora de resultados de
webs existentes.

Creemos en el valor de un d iseño atractivo y


personalizado para inspirar p rofesional idad y
confianza, siempre orientado a conseguir resultados.

Creamos aplicaciones web a medida: gestores de


contenido, comercio electrónico, blogs, wikis... usando
ruby on rails y a sp.net para construir desde pequeñas
webs a sofisticadas aplicaciones con grandes bases de
datos.

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 3

La importancia de la marca Imaginarium y su imagen


Resumen Ejecutivo facilitan el reconocimiento de la tienda online como
extensión de las tiendas físicas. A primera vista el sitio
Se analiza el web de Imaginarium, cadena de tiendas web ofrece una agradable sensación gracias a la
especializadas en juguetes, con 340 puntos de venta en vistosidad de sus productos. Además ofrecen una
28 países. Imaginarium basa su estrategia en la calidad, interesante variedad de sistemas para la búsqueda de
seguridad, valor formativo, valor lúdico, no sexismo y productos y diversos sistemas para la fidelización de
ausencia de contenido bélico de sus productos. clientes.
El sitio web www.imaginarium.es representa gran parte La evaluación heurística realizada ofrece un resultado
de estos valores y es una extensión de las tiendas físicas positivo en términos generales, excepto en algunos
Imaginarium. Es un centro de compras online y un detalles, fácilmente corregibles. Sin embargo los
sistema de relación entre Imaginarium y sus clientes. sistemas de búsqueda y la arquitectura de la
información, en general, deben ser una de las
El presente estudio investiga y analiza los siguientes principales áreas a mejorar.
atributos del sitio web teniendo en cuenta las
necesidades y la idiosincrasia de la marca y los objetivos Por ultimo, el diseño y la disposición de los elementos
de su sitio web: en las páginas, es buena aunque se recomiendan
pequeñas actuaciones para mejorar la usabilidad general
 Facilidad para comprar del sitio y ofrecer un sistema más fácil de usar por parte
 Facilidad para buscar productos o ideas para del usuario.
regalos
 Conseguir el estilo Imaginarium de las tiendas
físicas e identificar sitio web – tienda física.
 Acercar a los usuarios a otros productos de la
marca Imaginarium (viajes, mobiliario, línea
cosmética, etc.)
 Crear una base de datos de clientes, a través del
NOTA: Este estudio fue una iniciativa de Wezstudio, sin
registro, para proveer de noticias, ofertas,
existir ninguna relación contractual ni de otro tipo con
mailing, realizar estadísticas, etc.
Imaginarium.

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.

Se anotaron todos los comentarios, incidencias e


hipótesis planteadas por los expertos en ambas pruebas
para, posteriormente, realizar una puesta en común de
todas y resumirlas en el presente informe.

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.

El sistema de búsquedas debe devolver resultados


relevantes. Actualmente sólo resulta eficiente en la
búsqueda por nombre de producto.

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

La presentación de la información debe diferenciar entre


elementos importantes para el usuario y elementos
adicionales o auxiliares (ayudas o sugerencias).

Espacio dedicado a productos

En los listados de productos, en ocasiones se mantiene


una relación correcta entre el peso del listado principal y Fig. 4a – Dos páginas de productos. En la primera (izquierda) se
el resto de elementos auxiliares (4a fig. izquierda), en potencian los productos buscados. En la segunda (derecha) quedan
cambio en otras se pierde esta relación (4a fig. derecha). enmascarados por los paneles laterales situados a ambos lados. En
ambos casos la compra por catálogo (fondo naranja) es lo más
destacado.
Se recomienda utilizar un único panel lateral al
mostrar la cuadricula de resultados (ejemplo Amazon en
fig. 4b). De esta forma se permite al usuario centrarse
en la búsqueda y la selección de productos. Para el resto
de páginas pueden utilizarse paneles en ambos
laterales, siempre teniendo en cuenta la jerarquía de la
información.

Fig. 4b - www.amazon.com: Los elementos auxiliares (filtros de


productos por precio, edades, colores, etc.) se sitúan de forma
discreta en un lateral sin restarle peso especifico a la cuadrícula de
resultados (fig. derecha). Lo mismo ocurre con las ofertas y
anuncios que aparecen en el lateral izquierdo de forma integrada y
sin competir con la cuadricula de resultados (fig. izquierda).

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 7

Promociones en el carrito

En el carrito de la compra se debe eliminar el “set de


playa” y “Practikid de Imagicare” y mostrar en primer
término los productos seleccionados y guardados en
nuestro carrito (fig. 5).

Se recomienda eliminar toda información innecesaria,


ya que el objetivo principal del proceso es conseguir la
venta de productos.
Fig. 5 – www.vinissimus.com: en el carrito de la compra se
En el caso de necesitar mostrar promociones o muestran los productos añadidos en primer término.
recomendar un producto o servicio se recomienda
situarlos en una posición satélite y recalcando que se
trata de recomendaciones o promociones bajo títulos
como “Imaginarium le recomienda también…” o bien
“Otras personas también compraron…”

Jerarquía visual de la página

Las secciones de publicidad, ofertas o sistemas


alternativos de búsqueda (búsqueda por catálogo y
búsqueda por edades) se deben jerarquizar visualmente
(tamaño del panel, tamaño de fuentes y colores) para
Fig. 6 – Amazon.com: la fuerza visual reside en los menús y los
poder guiar al usuario a las secciones que queremos productos mientras que otras ofertas y anuncios (lateral derecho)
promocionar (venta de juguetes, viajes, aumentar tienen menor peso. Imaginarium.es: diferentes focos de atención
registro de clientes, etc.). Se pueden comparar el uso y (centro anuncio, lateral izquierdo “compra por catálogo”...) que
diseño de los paneles en la figura 6. compiten entre ellos por la atención del usuario y que restan fuerza
visual a la zona central de productos.

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 8

Reestructuración de las categorías

El número de categorías es excesiva y a pesar de ello no


se consigue estructurar la gran cantidad de información
de que dispone el sitio web.

Se propone reestructurar las categorías y sus


jerarquías a partir de un estudio de “card sorting” o
técnica de categorización de contenidos. A partir de los
resultados obtenidos se deberán redefinir el menú
principal y las categorías en las secciones del panel de
búsqueda por edades. También existe la posibilidad de Fig. 7 – www.amazon.com y www.elcorteingles.es: las categorías se
mostrar las categorías en un lateral (fig. 7). muestran en un lateral, simplificando el menú principal.

Estándares web

Los estándares web facilitan la comunicación con el


usuario, que reconoce ciertos elementos por su uso
extendido en Internet. Un ejemplo de esto es que
cualquier texto azul y subrayado se entiende como un
enlace.

Los títulos de los productos que aparecen en la


cuadrícula de resultados deberían subrayarse, al igual
que otros enlaces como “Regístrate”, “ver carrito”,
“Identifícate”, etc. (fig. 8).

Fig. 8 – A la izquierda, estilo actual de los enlaces, a la derecha la


propuesta de enlaces.

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 9

Mejora del proceso de compra

El estudio ha hecho especial énfasis en el proceso de


compra encontrando algunas deficiencias en la elección
de productos y el pago. Las mejoras propuestas son:

El usuario debe ser consciente que la acción de


añadir al carrito se ha realizado correctamente. Se
propone las siguientes opciones:
Fig. 9 – Panel del carrito de compra. Se ha eliminado el apartado
“regístrate” y sólo gestiona elementos del carrito de la compra.
• Un mensaje: “se ha añadido al carrito de su producto”.
• Parpadeo en la zona del carrito.
• Mostrar el carrito con el nuevo producto.

Separar el proceso de registro de usuario y el de


compra. La separación elimina la competencia de
objetivos diferentes. Se propone, tras realizar la compra:

• Mostrar una pantalla con la sugerencia de registrarse.


• Eliminar el acceso al registro en el panel de carrito de
la compra. En la figura 9 se muestra una propuesta.

Reducir el numero de datos de los formularios. Los


procesos de registro acostumbran a ser molestos para
los usuarios. Se recomienda reducir al máximo el
numero de datos. Ejemplos en la figura 10.
Fig. 10 – Formularios de datos de facturación y datos para la
compra en store.apple.com y www.amazon.com.

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 10

Otras mejoras

En el anexo resultados por heurísticos se pueden


encontrar todas las recomendaciones asociadas al
heurístico analizado.

Las principales recomendaciones ya han sido


comentadas. Otras de interés son:

• Eliminar títulos o nombres sin significado para el


usuario (heurístico 2: Visibilidad y orientación
inmediatas).

• Mejorar el sistema de ordenación de productos en la


cuadrícula de resultados y reorganizar la información
en la ficha del producto (en heurístico 3: Adecuación al
mundo, los objetos mentales del usuario y la lógica de
la información).

• Mejorar la información y uso de los mapas y el detalle


de las tiendas. (en heurístico 3).

• Mejorar el sistema de gestión del idioma-país para


sitio multiidioma (en heurístico 5: Control y libertad
del usuario).

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

Resultados por heurístico

1. Claridad de propósito y objetivos


“El sitio web debe comunicar de manera inmediata su propósito, función u
objetivo.” Fig. 11 - Posición del eslogan y logo.

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

Enfatizar los valores diferenciadores de Imaginarium frente al


resto de jugueterías online.

Mejorar el estilo y asemejarlo al estilo Imaginarium (tienda


física). Utilizar iconos existente: la tienda física se reconoce por su
logo y la puerta pequeña para niños. Utilizar la misma gama de
colores que en las tiendas físicas y la imagen de la puerta para
“peques”.

Utilizar el elemento diferenciador (juguetes exclusivos con estilo


propio) de forma mas evidente desde el inicio. Marcar fácilmente
diferencias con el resto de tiendas de juguetes.

La posición del logo por debajo del eslogan puede provocar


cierta confusión (fig. 11). Normalmente se presenta primero el logo
y después el eslogan. Se trata de un esfuerzo de comprensión
innecesario para el cliente que debe discernir entre eslogan y logo.
Y en caso extremo puede llevar a confusión: cual es la marca
¿mariposa o esferas?

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 13

2. Visibilidad y orientación inmediatas


“Los usuarios deben estar informados acerca de su situación (ubicación y
estado) y acerca de lo que sucede en todo momento en la página web.”

Las páginas de búsqueda, formulario de compra y carrito indican


correctamente, con un titulo visible, la posición en que nos
encontramos dentro del sitio web
Fig. 12 - Pantalla de entrada a la sección carrito con una
Las categorías de juguetes, muebles, servicios y otros está oculta
promoción “Set de Playa” en primer término que oculta los
dentro de los menús de la barra superior y no resulta evidente. artículos del carrito.

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?

Buscar títulos de menú que den más información a los usuarios.


Esto es extensible a cualquier titulo del sitio web.

El carrito de compra indica correctamente los pasos a seguir. Sin


embargo muestra productos recomendados (“set de playa”) que
desplaza a los productos añadidos que son la prioridad del
proceso. Incluso puede parecer que no se han cargado (fig. 12).

Fig. 13 - Imagen del paso 1 del proceso de compra. A la


derecha indicadores para acceder al paso 2 de la compra. El
botón “Seguir comprando” confunde al usuario.
www.wezstudio.com
Evaluación heurística de www.imaginarium.es 14

Al añadir un producto al carrito, el usuario no recibe un aviso que


le indique que se ha realizado la operación.

En la sección “carrito”, la acción “Identifícate” es opcional, pero


no lo parece.

Separar claramente el proceso de creación de usuario y el de


pago. Tras dar todos los datos y realizar la compra, mostrar una
pantalla con la sugerencia “si desea podemos crear un usuario con
los datos que nos ha facilitado. Ser usuario registrado agiliza sus
siguientes compras y podrá recibir ofertas y descuentos”. Se
recomienda añadir un proceso de entrada para usuarios ya
registrados en la página principal.

Hacer que el usuario sea consciente que la acción de añadir al


carrito ha sido realizada correctamente: un mensaje indicando “se
ha añadido al carrito”, un parpadeo en la zona del carrito, mostrar
el carrito en una nueva pantalla…

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 15

3. Adecuación al mundo, los objetos mentales


Falta de orden y jerarquia en la información.
del usuario y la lógica de la información • “Decoración” aparece en juguetes a pesar que más tarde
“El sitio web está adaptado al mundo real de los usuarios, su lenguaje, existe un menú mueble que además contiene un submenú
conocimientos, etc.” “deco”.
• El Menú “juguetes” contiene ¡26 elementos!, entre los que se
Se observa una diversidad de formas para dirigir al usuario al encuentran algunas categorías que podemos considerar
acceso de la información: búsqueda por edades, buscador de texto, fuera de “juguete” como “Decoración”, “Libros”, “Relojes y
búsqueda por referencias, novedades, menús, etc. Esta es una complementos” o “zapatos”.
buena estrategia para facilitar las tareas de búsqueda con • “Living Imaginarium” es una sección que engloba viajes,
diferentes estrategias. ideas verdes, y también muebles, un teléfono para niños,
línea cosmética infantil,…
Ficha de producto bien estructurada y con información
sistematizada fácil de interpretar por el usuario y una información La lista de resultados se presenta en una rejilla de productos y
detallada para aquellos que quieren “saber más”. una opción para ordenar por precio y stock, pero no por edad o
tamaño. Hay que pulsar un botón adicional para ordenar.
Poco espacio reservado para el contenido real (productos a
vender). Gran parte del espacio queda ocupado por un exceso de La ordenación de resultados debe seguir los criterios relevantes
ofertas e información. para el usuario: edad recomendada, precio, tamaño, los más
vendidos, etc.
Usar más espacio para los contenidos relevantes para los
usuarios y menos para publicidad u ofertas. Los iconos en la ficha producto no refuerzan el significado de las
etiquetas “Edad”, “Valores”, “Stock” y “Entrega” (fig. 14). Además
Uso de lenguaje propio del negocio. Por ejemplo el caso de ofrecen diferentes tonalidades, dimensiones y perspectivas.
“LIVING IMAGINARIUM” o “Walkids” o “Niko Silver”. ¿Qué significa Diferentes estilos que elimina cierta estructura en el conjunto.
esto para el visitante?

Estudiar qué buscan y esperan los usuarios de Imaginarium y


reorganizar el sitio de acuerdo a sus necesidades, no según la
organización interna de la empresa.

Usar palabras y nomenclatura natural para el comprador, no


intentar que el usuario se ajuste a las líneas de productos de
Imaginarium. Por ejemplo: “deco”, “living Imaginarium”, “Niko Fig. 14 – Iconos de la ficha producto
Silver”…

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 16

Los iconos en el campo “Descripción” no son autoexplicativos, no Reorganizar la ficha:


van acompañados de texto ni de una etiqueta (fig. 15). El usuario
no sabe cual es su significado. Se debe recurrir a una leyenda de • Mostrar sólo los campos de los que se dispone de
iconos que se abre en una nueva ventana. información. Por ejemplo, si no se informa el campo
descripción, este no aparece.

• Destacar la información más relevante para el usuario:


Fig. 15 – Ejemplo de iconos descriptivos de un producto. Si no se precio, edad, dimensiones…
acompañan de textos ¿Qué significan?
• Mejorar el grafismo de los iconos y acompañarlos de textos
Algunos campos (Edad, Valores, Stock, etc.) están vacíos.
explicativos y etiquetas.
En la sección “nuestras tiendas”, el mapa mundial no es clicable.
Si aparece una mapa con puntos indicando las ciudades con
tiendas Imaginarium estos parecen clicables. Se propone que así
En algunas tiendas dan información de GPS, pero no el horario
sea.
comercial.
En el detalle de una tienda debe aparecer el teléfono, horario
Las secciones de publicidad y ofertas, se debe jerarquizar con el
comercial y dirección. Otras opciones son e-mail, una foto de la
tamaño de las cajas y tamaños de fuentes. Si todo llama la atención
tienda, cómo llegar (líneas de metro, autobús…).
por igual no podrá “guiar” al usuario a aquello que quiere priorizar
(venta de juguetes, viajes, aumentar el numero de clientes, …)
Una opción interesante es disponer de un buscador para
encontrar la tienda más cercana según el código postal o nombre
El espacio para resultados del buscador es muy pequeño. Los
de la localidad.
resultados se presentan en cuadros grandes que limitan en numero
de productos por página (máximo 15 por página). Esto obliga a
paginar en exceso, provocando perdidas de tiempo al usuario. El
problema se puede subsanar utilizando un listado (fig. 18).

Fig. 16 - Ejemplo de resultado en forma de lista

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 17

4. Reconocimiento más que memoria


“La página web se basa en el reconocimiento más que en el recuerdo para
permitir al usuario interactuar con el sitio de manera fácil y productiva.”

Existen más de 7 bloques de información en la página de inicio


(zona buscador, personalizar visita y carrito , zona menú principal,
zona pestañas, zona edades, zona “Living Imaginarium”, zona
compra por catálogos, zona club imaginarium, zona servicios
imaginarium, zona promociones, …) . Ocurre algo similar al
extender el menú o las secciones por edades donde se muestran
hasta ¡27 categorías! en el menú juguetes y ¡23 categorías! en la
sección “más de 8 años”.

Algunas categorías caen fuera de su ámbito natural (por ejemplo


en el menú juguetes encontramos Zapatos, relojes y complementos,
joyas. En el apartado “más de 8 años” encontramos categorías como
“estimulación infantil” o “andadores y correpasillos”).

Realizar un test con usuarios (card sorting) para estudiar cómo


categorizar los productos y servicios de imaginarium desde el
punto de vista del usuario y reorganizar las categorías según los
resultados del estudio.

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 18

5. Control y libertad del usuario


“La página deposita el control en el usuario.”

Al entrar en el detalle de una tienda, aparece un mapa estilo


“Google Maps”, pero se trata de una foto y el usuario no puede
interactuar como sí ocurre en Google Maps.

Si parece un mapa de Google Maps se debe comportar como un


mapa de Google Maps.

Los gastos de envío no aparecen al cargar la página inicial del


carrito ni se hace mención de los mismos, sólo al final del proceso
se mencionan y se añaden a la lista de la compra (siendo en ese
momento bien visibles).

No es bueno ocultar detalles, ya que es posible que algún


usuario pueda cancelar la compra al observar costes no previstos o
pensar si existirán más costes ocultos.

No permite regresar al entrar en la zona de pago con tarjeta.

Todo los procesos, excepto el final, deberían ser reversibles.

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.

Disponer los mensajes de error en un lugar estándar de la página


o junto al campo que requiere de corrección.

La ficha del producto contiene secciones no informadas.

No mostrar campos de información que no seamos capaces de


informar ya que producen la sensación de ineficiencia.

Falta marcar los títulos de los productos como enlaces.

Fig. 17 – Nivel 1: slogan y buscador; Nivel 2: enlaces “quienes


Marcar los títulos de producto como enlaces.
somos” y “Nuestra tiendas”, caja “Personaliza tu visita” y “ver carrito”;
Nivel 3: logo Imaginarium; Nivel 4: Menú; Nivel 5: Selección por
edades, Pestañas, Selección “Living Imaginarium”.

Reorganizar la cabecera para eliminar tantos niveles y jerarquías.


Juntar eslogan y logo, eliminar pestañas, aumentar la importancia
del buscador y disponer el carrito a la misma altura que el menú.

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 20

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

El buscador no devuelve resultados relevantes. Por ejemplo


“Castillos de arena” devuelve ¡1074 referencias!, siendo la primera
“mi cama evolutiva” y no aparece ningún castillo en los primeros 40
artículos. La búsqueda “bicicleta” devuelve un único resultado, a
pesar que existen aproximadamente 15 artículos que son bicicletas,
triciclos o elementos de los mismos.

Mejorar el buscador para incluir todos los contenidos


(descripciones de los productos, categorías y nombres de los
productos) y devolver resultados relevantes.

www.wezstudio.com
Evaluación heurística de www.imaginarium.es 21

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

Todo destaca y parecen anuncios. Demasiados colores,


demasiada variedad. Además no parece existir una jerarquía por
tamaño de caja. Las promociones son demasiado grandes y ocupan
un lugar central y solo tiene sentido si su principal interés es
conseguir mas ventas a partir de este anuncio, en detrimento del
aumento de compras por la calidad de sus productos.

Destacar más los productos más vendidos, más buscados, con


mejor calidad precio o destacados por imaginarium. Si se conoce
que busca el usuario o sus intereses, presentarle productos
relacionados, “otros compradores compraron también”…

El formulario de compra es demasiado extenso. Aparecen un


gran numero de campos a rellenar y algunos parecen innecesarios.
Por ejemplo: nacionalidad, NIF, declarar lugar de residencia o
nombre del destinatario.

Pedir menos datos en los formularios, evitando que el comprador


se desanime y no llegue a finalizar el proceso de compra (el
objetivo principal).

En el caso de pedir datos que a priori parecen extraños


(nacionalidad, NIF, lugar de residencia, etc.), explicar en el mismo
formulario porqué son necesarios dichos datos.

www.wezstudio.com