Después de comentar el sector de las cestas de navidad al que se enfrenta Cestic.es y aspectos relativos a su posicionamiento, continuamos con apreciaciones relacionadas con la usabilidad, diseño y otras particularidades.

Disposición de los elementos

La configuración de los distintos elementos del sitio señalan que no se han sabido trasladar los objetivos de la página, vender lotes y cestas de navidad, a su diseño:

- Se ha dado demasiada importancia al acceso, creación de cuentas de usuario, modificación y recuperación de contraseñas dando la apariencia de ser condición “sin e qua non” para la compra, cuando ésta podría suponer una barrera de entrada para posibles clientes.

- El diseño gráfico de la cabecera no es descriptivo para la venta de cestas. Se destaca una flota de camiones (podría ser de cualquier negocio) sobre el producto que apenas es apreciable. Además la fuente del subtítulo del sitio, la única pista hasta ahora para conocer su finalidad, es poco legible. Se recomienda utilizar otro tipo de fuente, más grande, más clara y que destaque sobre el fondo gris. Añadir que el ojo humano centra su atención en los rostros de la gente y el hecho de poner uno en la cabecera desvía la atención del subtítulo hacia la teleoperadora.

- El slideshow central que ocupa el centro de la página, hace referencia a las condiciones de entrega del pedido si bien recordamos que se trata de vender cestas, no un servicio de transporte ni tiene un papel tan importante en la propuesta de valor para dedicarle tanta visibilidad, ya que no se ofrece de forma gratuita ni de manera inmediata, sino dentro de un plazo habitual. Además su enlace de destino está roto: error 404 y sin personalizar.

- El usuario que accede al sitio tiene la intención de compar o de comparar precios de cestas de navidad, no tiene especial interés por conocer la historia de la empresa y por tanto sería más útil para él encontrarse en la zona de mayor atención (arriba a la izquierda) con un menú de navegación por productos que lo mostrado actualmente. En cuanto al comportamiento del menú, éste deja oculto los breadcrumbs al activarse y el último enlace, contacto, salta de línea en ciertas configuraciones de pantalla cuando tiene todavía el 40% del ancho de página sin utilizar.

- Justo debajo del slideshow nos encontramos con unas siluetas rotuladas, que resultan ser el menú de navegación por productos, casi invisibles y que tienen la apariencia de un elemento decorativo. Para poder visualizarlos completamente se obliga al usuario a hacer scroll (y forzar bastante la vista ). Mi recomendación es situar el menú de navegación justo debajo de la cabecera y en formato texto fácil de leer y de interpretar por el usuario.

- En la barra lateral izquierda nos encontramos con las categorías de los productos que repite el menú que hemos comentado anteriormente, las ofertas, novedades, productos más vendidos y marcas. Estos elementos (no todos necesariamente) deberían ser el plato fuerte del sitio sin embargo se les ha dedicado una pequeñísma parte del área disponible. Apuntar que si las marcas constituyen un elemento de valor para los clientes deberían estar más visibles, un ejemplo bien llevado de esto lo realiza Desafio Interior.

- Así mismo en la barra lateral derecha se encuentran aglutinados un montón de widgets con información repetida que no va a determinar la decisión de compra y que solo contribuyen a dar mayor sensación de estrés a la página, algunos de ellos con enlaces otos o a perfiles de redes sociales que no existen. Destacar la importancia que se le ha dado al carrito de la compra VACÍO (debería mostrarse ¿?).

- En lo que respecta a las páginas interiores, se incurre en escribir texto con pura orientación al posicionamiento y que el usuario pasa por alto porque no necesita. El ejemplo más grave de ésto es el item catálogo localizado en el menú y del que se espera un listado de productos siendo el resultado muy diferente:

Esto obliga al usuario a hacer clic en el botón continuar, un esfuerzo más, y cuyo destino NO es en absoluto un listado de productos, es la home despistando al usuario.

Los artículos

Depués de unos preliminares bastante largos damos con los productos de la tienda. Señalar la inconsistencia entre el enlace “comprar” y su título según las diferentes vistas así como de las distintas metáforas comprar/añadir a la cesta:

Visto desde la home, “comprar” se titula “comprar + producto”:

En una vista más detallada del producto éste ha cambiado a la metáfora de “añadir a la cesta”:

Además en esta vista se puede apreciar que el símbolo de la moneda Euro ha desparecido, el título del producto se muestra incompleto (Cesta de Navidad Gourmet dos pisos con Jamón Serrano de bodega) y los breadcrumbs del pie no caben en el espacio dedicado para ellos siendo imposible su visualización. Destacar también la información respecto al stock se limita a disponible o no disponible cuando sería más útil dar un número concreto de cara a los pedidos debido al tipo de compras y cliente así como para dar sensación de urgencia.

Otras recomendaciones para la vista del producto son:

• Enlazar los productos detallados en una cesta a información sobre éstos (ficha del producto individual, página del fabricante,…)
• Ofrecer información sobre descuentos por ráppel en la ficha del producto
• Señalar los gastos de envío
• Sustituir el color azul del botón comprar por otro que llame a la acción: naranja o rojo
• Aumentar el tamaño de la fuente en el botón comprar, de la descripción y productos relacionados
• Utilizar fuente negra que destaca más sobre el gris del fondo

Volviendo a la vista anterior de productos desde la home, ¿qué significan los colores rojo y verde? Podemos deducir que hacen referencia al stock, sin embargo estos no son interpretables por el usuario que no ha accedido con anterioridad a la web, por ello es preferible señalarlo mediante texto. Al igual sucede con la estrella que se indica sobre ciertos productos, bien podrían aludir a una oferta, a la calidad del producto,… whatever.

Y ya vale por hoy que un texto tan largo es poco usable Seguimos con el carrito de la compra y aspectos generales en la siguiente entrada.

Salud!