Mejorar la usabilidad de los sliders de un ecommerce de lujo.

Business / 23 mayo, 2017

Los diseñadores de usabilidad de una web o tienda online odian los carruseles de imágenes (slider o banner), porque según ellos molestan en vez de aportar valor a la página de inicio. En parte tienen razón, pero todo en la vida hay que buscarle el equilibrio. En recientes encuestas a los usuarios, sobre temas de preferencias de diseño de páginas o tiendas, más del 87% de ellos les encantan las tiendas que incluyen carruseles de imágenes. Pero cómo se menciona anteriormente, a todo hay que encontrarle el equilibrio, y sobre todo, hay que mantener la navegabilidad y usabilidad para el usuario de una forma fácil y rápida. Por lo tanto, se  ofrecen unos consejos, que serán útiles cuando se implementen los carruseles de imágenes en la tienda, y que sigan manteniendo la usabilidad. Hay que recordar siempre que el usuario quiere una imagen bonita, pero sobre todas las cosas, quiere un sitio práctico.

• Las imágenes del slider tienen que reforzar los productos, tienen que captar la atención del usuario.

Michael-Kors-ecommerce-TheLuxuryTrends

• El slider preferiblemente tiene que ser de un tamaño medio, que no ocupe toda la página. No es bueno que ocupe toda la página, es mejor dejar sitio para mostrar otras características de la tienda,que también son importantes. Por ejemplo un apartado para contacto o un cross-selling de productos nuevos,..etc. Eso sí el menú de navegación siempre a la vista.

hermes-ecommerce-TheLuxuryTrends

• Los usuarios, por lo general, no se paran a visualizar todas las imágenes que contiene el slider, así que hay que seleccionar muy bien las dos primeras. Estas dos primeras imágenes deben ser lo suficientes impactantes para atraer al usuario a seguir explorando la web.

lab-shop-online-TheLuxuryTrends

• Las imágenes tienen que tener una buena resolución y enfoque, jamás se deben poner imágenes que sean más pequeñas que el slider, porque de este modo se pixelan, y pierden calidad. Este fallo echa por tierra todo el trabajo, ya que la página, sólo por ese detalle pierde toda su credibilidad.

carolina-herrera-ecommerce-TheLuxuryTrends

• La velocidad de transición de una diapositiva a otra, no puede ser muy lenta ni muy rápida. Cuando hay un slider en automático, hay que tener cuidado con la velocidad en que se deslizan las imágenes. Sí las imágenes incorporan texto, se recomienda que se programe la velocidad entre 5 o 8 segundos. Sí no tiene texto, o las imágenes integran simples slogans, entonces se aconseja que la velocidad sea 3 o 5 segundos.

carreraycarrera-ecommerce-TheLuxuryTrends

• Los enlaces en las imágenes, es un tema que hay que pensarlo mucho. El problema de poner enlaces en el carrousel, es que si el usuario da un clic, justo cuando cambia y va una página que no quería, se le está dando motivos para que se frustre. Se  aconseja no poner enlaces a un slider en modo auto-rotación, porque el riesgo de convertir la tienda en un sitio con mala navegabilidad aumentaría bastante. Por ejemplo sí se quiere poner una imagen o un banner, que indique que hay ofertas o novedades, se debe poner de forma estática en un lado de la página, preferiblemente en la parte superior derecha, porque leemos en forma de F.

burberry-ecommerce-TheLuxuryTrends

• Se aconseja que, cuando se ponga slider automáticos, sí el usuario pone el ratón encima de la imagen que se pare, y cuando lo saque que siga rotando. Así siempre se le ofrece el poder de decisión al usuario, y no otro quien pones las normas.

• Sí se incorpora vídeos es mejor que se pongan al principio, porque se arriesgas a que el usuario no se pare a ver todas las imágenes.

gh-ecommerce-TheLuxuryTrends

• Cuando el slider no sea automático, lo más recomendable, es que pongas unas flechas a cada lado para avanzar. Hay mucha gente, que aún no está acostumbrada a slider modernos, por eso no tenemos que olvidar que el usuario no conoce como funciona la página. En fin cuánto más sencillo mejor.

rapeta-tienda-online-YheLuxuryTrends

• Sí se implementan efectos (3d, persiana,baraja,rotación hacia arriba,..etc), hay que vigilar que no confunda o moleste al usuario cuando lo vea. Hay muchos efectos, que molestan a la vista y llegan a cansar. Con los efectos hay que tener cuidado, en que funcione en todos los navegadores, ya que los efectos recientes muchos de ellos no funcionan en algunos de los navegadores, y eso puede perjudicar.

• Una de las cosas más importantes es la carga. Así que hay que tener en cuenta, que el slider no perjudique en la velocidad de carga de la tienda. Se aconseja que se pongas en un archivo comprimido, y sí puede ser en otro servidor mejor (luego se enlazas al archivo principal).

Adolfo-Domingue-ecommerce-TheLuxuryTrends

• Uno de los detalles, que muchas empresas obvian, es que los usuarios en sus ordenadores, a veces tienen desactivado el javascript, por lo tanto, se ha de tener siempre en cuenta (un archivo) cómo se visualiza ese slider cuando el javascript no funcione, y así no perjudicar la estética de la tienda.

© Imágenes Michel Kors;  Imágenes Hermés; Imágenes Lab; Imágenes Carolina Herrera; Imágenes Carrera y Carrera; Imágenes Glamour Hunter; Imágenes Rapeta; Imágenes Adolfo Dominguez


Etiquetas: , , , ,





0 Comment


Deja una respuesta


Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies