La página de inicio es, a menudo, una página clave para canales de búsqueda directos y orgánicos para los jugadores de la industria de retail de moda. Además de ser un paso crucial en el proceso de navegación de los usuarios, es también una oportunidad para que las empresas introduzcan y exhiban la identidad de su marca a través de editoriales y tendencias de moda.

A pesar de eso, según los datos que recolectamos en el Q1 de 2019, la tasa de rebote en las páginas de inicio de retail de moda llegaban al 40% en todos los dispositivos. La duración de una sesión es en promedio 7 minutos en ordenador desktop y de 3 minutos 41 segundos en móvil. (Recuerda que Contentsquare mide la tasa de rebote como haber visto la página una sola vez y enseguida abandonar el sitio web).

Es difícil saber qué tipo de iteraciones de diseño ayudarán a prevenir que los usuarios dejen el sitio web antes de visitar, al menos, unas cuantas páginas de productos. Es también imposible crear la página de inicio perfecta, pero tenemos unos grandes consejos que puedes seguir si buscas mejorar el diseño de tu página de inicio de moda eCommerce.

 

 

No sitúes el texto en áreas saturadas de imágenes

Aunque las imágenes y fotografías son cruciales para comunicar la identidad de la marca y el contenido editorial, asegúrate de elegir imágenes que sean compatibles con el texto. Sitúa el texto encima de las partes más vacías de la imagen, cambia la imagen, o sitúa el texto en una superposición. Utiliza siempre texto en blanco, a menos que las guías de marca lo impidan. Los usuarios suelen ignorar textos muy largos o demasiado cortos, o difíciles de leer. Recuerda: cualquier información debe ser fácil y rápida de digerir, especialmente para los usuarios de móviles.

No hagas que tu “hero image” ocupe toda la longitud de la página

Si quieres exhibir tu colección de otoño/invierno, considera el uso de un banner estático – un banner único, prominente, sin contenido rotatorio, uno que permita visualizar también otro contenido por encima de la mitad de la página. A menudo encontramos que la tasa de exposición (hasta qué parte de la página llegan los usuarios) disminuye drásticamente a partir de la mitad de la página, la línea de pliegue.

Un hero image que ocupa toda la página podría llevar a los visitantes a pensar que no hay ningún otro contenido. Al ser la longitud media de las páginas de móviles unos 3,400px, necesitamos hacer que los usuarios, en la medida de lo posible, deslicen más allá de la línea de pliegue.  

No automatices los carruseles

Si quieres exhibir nuevas colecciones o promocionar descuentos del sitio web, evita las diapositivas que rotan automáticamente dentro del carrusel. Usa en su lugar, carruseles estáticos que no incluyan más de tres diapositivas para así dar al usuario la oportunidad de digerir tanto la imagen como la información que aparece en cada una de ellas. Los usuarios deben poder usar flechas para moverse fácilmente de una diapositiva a otra.

Aunque existe un gran debate dentro del mundo del diseño sobre si los carruseles son o no efectivos, nosotros vemos una exposición y participación mucho menor en la segunda y tercera diapositiva. Los carruseles automáticos pueden robarle al usuario el control sobre su experiencia y, como resultado, son más propensos a ignorar la diapositiva si se mueve demasiado rápido y no lo pueden leer.

No escondas CTAs primarios ni enlaces de categoría debajo de la línea de pliegue

Consejos de UX para CTA

En vez de esto, asegúrate de que se encuentren claramente por encima de esta línea; intenta posicionarlas en un área de imágenes que no esté saturada. Lo que quieres es animar a los usuarios a comenzar a navegar inmediatamente, ya sea para dirigirlos a una página de categoría o página de listado de catálogo de productos que están siendo priorizados en ese momento.

Puedes intentar también posicionar una barra deslizante de categorías en la parte más alta de la página para evaluar si esto mejora el proceso de navegación de tus usuarios. 

 

 

Exhibe contenido editorial que sea consciente del espacio y de fácil interacción

Asegúrate de que cualquier imagen editorial presente en la página de inicio dirija al usuario a una categoría, colección, o página de productos específica. Darles un propósito más allá de la estética anima a los usuarios a explorar más allá de la página de inicio y puede aumentar su tiempo de sesión.

Aquí dejamos un muy buen ejemplo de Ralph Lauren:

Consejos de Ux de Ralph Lauren

La anterior imagen de la izquierda muestra al bolso como estético y funcional a la vez, capturando al usuario con bellas fotografías, mientras se le dirige a la página del producto. El texto es breve, fácil de leer y situado sobre una parte no saturada de la imagen.

El carrusel situado a la derecha proporciona más opciones para que el usuario pueda visualizar otros productos de la siguiente temporada. Ni la imagen ni el carrusel se extienden más allá de la pantalla, siendo así fáciles de ver. Parte del contenido que hay a continuación está visible, impidiendo así un falso fondo y animando a los usuarios a seguir deslizando hacia abajo. 

Llevar a cabo iteraciones de diseño en tu sitio web nunca acabará. El comportamiento de los usuarios evoluciona más rápido que nunca, por tanto, es importante evaluar y reevaluar continuamente el rendimiento de cada elemento de tus páginas individualmente. Es importante hacer cambios en el diseño basados en las necesidades de TU base de usuarios, no en los usuarios de la industria en general

No olvides investigar de manera regular a otros jugadores de la industria buscando inspiración, ya que mucho se puede aprender de las experiencias digitales y sitios web de los que disfrutas. Pero recuerda, sólo porque lo haga un competidor, no significa que estén mejorando la experiencia de sus usuarios. Por tanto, sí, déjate inspirar, pero consulta con tus propios datos de clientes antes de implementar cambios.

 

¡Analiza el comportamiento de tus usuarios y mejora tu conversión!
Reserva una demo personalizada con uno de nuestros expertos. Descubrirás cómo nuestra plataforma de UX Analytics puede aumentar tu conversión y al mismo facilitar las experiencias digitales de tus usuarios.

Pide una demo