Cómo optimizar las Páginas de Categoría de tu eCommerce con CRO

Actualizado el mayo 20th, 2021 at 01:44 pm

Como optimizar paginas de categoria ecommerce con cro
Escrito por Xavier Pinto

Descubre ideas interesantes para optimizar las Páginas de Categoría de tu eCommerce y optimizarlas para la conversión con CRO.

Continuamos con la serie de recomendaciones para ir optimizando las distintas páginas de un eCommerce. Hoy le toca el turno a las páginas de categoría; clave en la selección final de los productos de interés de los usuarios (si quieres ver el anterior artículo sobre cómo optimizar la HomePage, puedes verlo aquí).

En este artículo te comentaremos cómo optimizar las Páginas de Categoría de tu eCommerce con CRO para sacarle el máximo partido al tráfico de tu web.

Antes de comenzar sería bueno comentar los posibles objetivos de las páginas de categoría, así como recordar un par de puntos importantes sobre cómo definir la usabilidad de la página:

Objetivos de las Páginas de Categoría

Antes de comenzar, sería bueno apuntar algunos de los objetivos de las páginas de categoría para un eCommerce, que nos ayudará a priorizar nuestras acciones:

  • Presentar la categoría y dar contexto
  • Invitar a ver más (scroll down)
  • Facilitar que los usuarios puedan encontrar los productos de su interés
  • Mostrar la información principal de los productos de la categoría
  • Poder comparar los productos para facilitar la toma de decisiones
  • Facilitar proseguir con el proceso de compra
encontrar-y-comparar
Encontrar los productos de interés y poder comparar son de los objetivos más importantes

Puntos de usabilidad a tener en cuenta para optimizar tu web

Como comentamos en el anterior artículo sobre cómo optimizar una HomePage, recomendamos tender a cierta prototipicidad, para no obligar al usuario a aprender “procesos nuevos”. Ya que así nos aprovechamos de lo que el usuario ya sabe o espera, y no perdemos usuarios que no saben como interactuar con la página.

Y más importante aún: Las mejores prácticas en el fondo son un buen caladero de ideas pero NO la verdad absoluta. Cada idea debemos aterrizarla y validar que el impacto es positivo. Para ello nada mejor que realizar tests A/B con metodología CRO. El diseño no es una ciencia exacta, así como cada entorno (sector, empresa…) tendrá unas necesidades y condiciones diferentes.

test-ab-paginas-de-categoria
Testar es la forma de validar que los cambios propuestos son positivos con la metodología CRO

Puntos prototípicos a testar en Página de Categoría con CRO

a. Menú / header

Aunque el menú sea un elemento común entre las páginas, es interesante customizarlo para cada tipo de página. De forma que las funcionalidades más utilizadas, útiles o necesarias, estén más accesibles. Pequeñas customizaciones pueden dar resultados muy positivos ofreciendo distintas vías de cómo llegar a los productos de interés.

Consejos:

  • Subcategorías. Las subcategorías pueden mostrarse como un sub-menú. Incorporarlas puede facilitar seleccionar los caminos de mayor interés para el usuario.
  • Buscador prominente. Como queremos que los usuarios encuentren los productos de su interés, puede ser importante siempre darles la alternativa del buscador, si no encuentran fácilmente lo que quieren.
Es importante dejar que los usuarios puedan buscar de distintas formas

Ejemplos de testeo:

  • Testar si mostrar las subcategorías en el submenú. O si mostrarlas fijas.
  • Testar si hacer que el buscador sea un elemento fijo en el header al hacer scroll.

b. Información sobre la categoría

La información sobre la categoría es importante para dar contexto al usuario. Es normal que muchos usuarios vengan referidos de otros puntos y necesiten contexto para saber si la página cumple sus expectativas. Y así que continúen en busca de los productos que buscan.

Consejos:

  • Título de la categoría. Mostrar título claro y visible.
  • Imagen de cabecera. Imagen atractiva, relacionada con la categoría. Importante para la primera impresión.
  • Descripción de la categoría. Posibilidad de destacar propuesta de valor de la categoría.
Ejemplo de información de presentación de una página de categoría

Ejemplos de testeo:

  • Valorar si la descripción superior aporta (pros: ofrece contexto; contras: baja el resto de información).
  • Testar qué copies tienen mejor rendimiento.
  • Testar qué imagen de categoría tiene mejor rendimiento.

c. Recomendador de productos

Es hasta cierto punto normal que los ecommerce cumplan la ley de Pareto (o regla 20/80), es decir, que el 20% de los productos generen el 80% de los ingresos (o al menos que hayan ciertos productos que son grandes generadores de ingresos). Por ello es interesante la funcionalidad de destacar los productos con mayor capacidad de venta.

Consejos:

Puede ser interesante ofrecer al usuario un listado de los productos que más le puedan interesar. Las lógicas más potentes de recomendación pueden ser:

  • Productos más vendidos de la categoría
  • Productos que son tendencia
  • Mayores ofertas
  • Productos visitados anteriormente
  • Lógicas de predicción avanzada
Ejemplo de bloque de recomendación de productos en página de categoría (en este caso “más vendidos”)

Ejemplos de testeo:

  • Si añadir bloque/s de productos recomendados. Así como su localización y formato (o cuántos mostrar).
  • Testar las posibles lógicas. Dependerá mucho del tipo de producto y público objetivo.

d. Filtrar / Ordenar

Quizá uno de los puntos más importantes en una página de categoría. Ya que uno de los objetivos básicos es que los usuarios puedan ver los productos de su interés para poder decidir entre ellos.

Consejos:

  • Diferenciar entre filtrar y ordenar. Ordenar (ej: precio, valoraciones, best sellers); Filtrar (ej: subcategoría, marca, color, material, disponibilidad, rango de valoraciones, rango de precios…).
  • Filtrado para desktop: Valorar si implementar filtrado en formato horizontal (en la parte superior) o vertical (en la parte izquierda). Vertical: mejor para filtrado con pocos campos. A veces el filtrado a mano izquierda se ignora.
  • Filtrado para móvil: Tener un botón o link de “Filtros” y al clicar mostrar pop-up con los filtros disponibles (poder seleccionar varios con CheckBox).
  • Filtrado personalizable: Debe poder marcar varias opciones a la vez y todo intuitivo (posibilidad de incorporar iconos). Y mostrar número de resultados por filtro.
  • Puede ser interesante que cada acción de filtrar modifique la URL > Para poder clicar “Atrás” y volver al punto anterior.
  • Mostrar resumen de los filtros seleccionados. Ofrece contexto y posibilidad de eliminarlos.
  • Posibilidad de destacar los filtros más usados en la parte superior con imágenes (ej. pelis: DVD, VHS, Blue-Ray…).
  • Valorar formas de ordenar específicas por categoría (ej. Bicis: kg; TVs: Pulgadas). Todas las características de producto son susceptibles de ser filtros.
  • Ordenar por reviews (tanto “Mejor valorados”, como “más valorados”).
Ejemplo de filtrado en la parte superior de una página de categoría

Ejemplos de testeo:

  • Filtrado en “parte superior” vs “parte izquierda”.
  • Si hacer el filtrado sticky (en móvil puede ser interesante testar mostrar los botones de “Filtrar” y “Ordenar” fijos en la parte inferior de la pantalla; para facilitar encontrar los productos de interés).
  • Testar funcionalidad de filtros LiveUpdate vs botón de “Validar” para aplicar.
  • Testar cómo ordenar por defecto (best seller, precio…). En principio desaconsejamos ordenar alfabéticamente (a no ser que tenga lógica para el sector elegido).
  • Testar si destacar filtros más utilizados.

e. Información de los productos:

Es importante dar la opción de comparar productos en la página de categoría, sin “obligar” al usuario a acudir a las páginas de producto para ver la información principal y facilitar su toma de decisiones. Para ello debemos seleccionar qué información resaltar en página de categoría. Encontrar el equilibrio entre informar los puntos clave y no saturar con demasiada información es la clave para una buena experiencia de comparación en ficha de categoría.

También es importante valorar el formato de cómo mostrar ciertas informaciones: texto, etiquetas, iconos… Cuanta más información se muestre, más necesario será sintetizarla con etiquetas o iconos para facilitar su escaneado o comprensión.

Consejos:

  • Fotos de los productos. Plantear si imagen estática, imagen con hover o carrusel. Así como su tamaño y calidad (en móvil puede tener sentido mostrar las imágenes tan grandes como se puedan; máx: 1/2 de la pantalla).
  • Nombre del producto. Nombre claro, destacado y que informe (sin ser demasiado largo). Se pueden añadir características de otra forma que no sea el título.
  • Precio (y descuento). Como es obvio el precio es un punto capital. Pero la forma de informar del precio y si tiene descuento pueden influenciar la percepción de oportunidad para el usuario.
  • Opiniones. Las opiniones ayudan a dar confianza a los usuarios a la hora de elegir (aquí es interesante mostrar tanto la nota media de las valoraciones, como el número de valoraciones).
  • Formatos. Es interesante mostrar las variaciones del producto (tallas, colores…) para aportar información clave.
  • Información a resaltar (para la comparación). Es interesante resaltar las principales características técnicas de los productos, para facilitar la comparación y evitar que el usuario tenga que acceder a cada ficha para ver las características más importantes). Podemos hacerlo con etiquetas, iconos, texto…
  • Condiciones del producto. También influye en la decisión del usuario condiciones como si el producto está en stock o no está disponible; o si el envío es gratis o no, si se envía en 24, 48, 72h… Aclarar las condiciones asociadas a cada producto también facilitará la decisión de los usuarios (solventando dudas desde el primer momento).
Ejemplo de información resumida en la ficha de producto en página de categoría

Ejemplos de testeo:

  • Cómo mostrar los productos. Lista vs parrilla.
  • Cuántos productos mostrar por fila: 2/3/4/5.
  • Cómo ir pasando los productos: “Paginación” vs “infinite scroll” vs “Ver más productos”.
  • Qué imagen de producto mostrar por defecto (y plantear si mostrar otra imagen al hacer hover para desktop).
  • Cómo mostrar el precio/descuento (si añadir precio antiguo tachado, si mostrar el % de descuento y en qué formato).
  • Si mostrar las opiniones y cómo. Si mostrar la nota media y el número de valoraciones, o sólo uno de ellas.
  • Testar qué información extra mostrar y en qué formato y localización. Cuáles son las características técnicas más importantes a mostrar; o las condiciones de envío de cada producto, por ejemplo.

f. Botones / CTAs

Dependiendo del tipo de producto (la impulsividad de su compra, tiempo de valoración, si tiene distintos formatos…) será interesante adecuar las funcionalidades a realizar con el producto. Si ofrecer la opción de añadir a carrito en la misma página de categoría, si invitar a ver más información, si proponer que elijan formato…

Consejos:

  • Debemos analizar el tipo de producto y cómo se realizan las compras, para adecuar el CTA al proceso ideal del usuario. En los productos de mayor precio, el usuario tenderá a necesitar más información para comprar; mientras que hay otros productos que es interesante poner el botón de “Añadir a carrito” en página de categoría, para facilitar el proceso de compra. Según este proceso tipo, deberemos adecuar tanto la acción a realizar por el botón, como el copy elegido.
  • Botón de “Añadir a favoritos”. Para que el usuario pueda ir guardando los productos de su interés, es interesante ofrecer esta funcionalidad.
En productos donde la toma decisiones suele demorar varios días, suele ser mejor invitar a conocer más del producto (raro será que alguien añada a carrito desde categoría)

Ejemplos de testeo:

  • Copy o texto. “Ver más” / “Ver producto” / “+info” / “Añadir a carrito” / “Comprar” / … (con sus respectivos cambios de acción)
  • Localización. CTA visible por defecto, visible al hacer hover, no visible…
  • Diseño. Ancho vs Estrecho. Con contraste vs sin contraste.

g. Neuromarketing: ideas a valorar

Con todo lo comentado anteriormente, podemos analizar qué puntos de neuromarketing nos pueden ayudar a facilitar la toma de decisiones de compra por parte del usuario. Puntos como la generación de confianza o mostrar la escasez de un producto pueden incrementar las ventas de los productos.

Consejos:

  • Escasez. Informar de que “quedan pocas unidades de un producto” ayudará al usuario a tomar la decisión a corto plazo. Por lo que conectar estos mensajes con el stock de los productos e informar sobre ello, debería incrementar las ventas.
  • Urgencia. Si una promoción dura un tiempo determinado, informar en los últimos días de que se acaba, también debería facilitar la conversión inmediata.
  • Generadores de confianza. Es muy importante trabajar este punto, ya que la confianza es clave en toda conversión. Ya hemos comentado sobre las opiniones (punto clave en la generación de confianza), pero hay otros mucho que podemos incorporar (sellos de calidad, premios…).
  • Y otros muchos conceptos más que se pueden implementar, aunque dependerá mucho del tipo de producto, cantidad de productos a mostrar, público objetivo… Recomendamos darle una vuelta a los posibles conceptos de neuromarketing para ver si tiene sentido incorporar algunos de ellos.

Ejemplos de testeo:

  • Escasez. Testar si incluir esta información en la ficha de producto: “en stock” (ratificación de que está disponible), / “no disponible” (así el usuario evita ir a la ficha de producto y llevarse un chafón) / “últimas unidades” (incrementará la venta inmediata de este producto para asegurarse que no se queda sin).
  • Urgencia. Testar si incluir información sobre “hasta cuándo dura la promoción” y desde cuándo mostrar este mensaje (ya que mostrarlo con mucha antelación puede desincentivar la compra a corto plazo).
  • Generadores de confianza. Testar qué información o mensajes tienen un impacto en generación de confianza y por consiguiente, mejorando la conversión.

h. Bonus track: ¿Informar de otras categorías?

Este punto no servirá en todas las webs o modelos de negocio. Pero puede ser interesante hacia el final de página mostrar info sobre otras categorías (ej: en formato minibanner).

Ejemplo de banners de otras categorías al final de la página de la Categoría “Camisas”

La razón de esto es que si tras haber trasteado por la página de categoría, si no encuentra los productos de su interés, puede ser interesante mostrar estas otras categorías, por si alguna de ellas es de su interés, o simplemente para que entienda el espectro de tipo de productos que puede encontrar en la web. Ya sea para el presente o para el futuro.

Conclusiones

Todos los puntos que hemos comentado para optimizar las Páginas de Categoría de tu eCommerce con CRO son solo un caladero de buenas ideas, mejores prácticas o puntos a ser testados.

Al final lo que debemos hacer para optimizar las Páginas de Categoría es validar por nosotros mismos las posibles ideas que encajan con la web y sector en cuestión.

Un buen análisis, priorización y especificación de los tests, así como la toma de decisiones final, serán claves del éxito del proceso de mejora continua de la web.

Descarga gratis los Tips Profesionales de CRO

5/5 (4)

¿Te ha gustado este artículo?

Novedades de Full Performance (Google Ads, Facebook Ads, CRO, SEO, Automation y más).

No te quedes desactualizado.

1 Comentario

  • Grandes puntos a tener en cuenta..! Añadiría incorporar vídeo al tema descripciones, que nos está funcionando muy bien.

    Saludos

Deja un comentario

Cómo optimizar las Páginas de Categoría de tu eCommerce con CRO

by Xavier Pinto time to read: 12 min
1
# DRIP CAMPAIGN de 23 consejos expertos (1 diario) de Google Shopping. #ACCEDER
+