¿Alguna vez te has preguntado por qué los supermercados colocan la leche en la parte trasera de la tienda y los chocolates cerca del mostrador de caja?
Sencillo: colocar los artículos esenciales en la parte trasera de la tienda anima a los compradores a caminar y mirar otros productos. Colocar artículos pequeños (como chocolates) cerca de la caja registradora fomenta las compras impulsivas.
Todo esto forma parte de la ciencia del diseño de tiendas. Una distribución adecuada puede impulsar las ventas, mejorar la fidelización de los clientes y ayudarles a encontrar lo que buscan más rápidamente.
Tu tienda online no es diferente. La organización y el diseño de tus productos tienen un gran impacto en lo que (y cómo) te compran los clientes.
En este artículo, le mostraremos cómo diseñar sus productos para maximizar las ventas y las conversiones.
3 aspectos a tener en cuenta al seleccionar el diseño de un producto
El diseño del producto puede parecer un problema sencillo cuando lo abordas por primera vez. Sin embargo, como ocurre con la mayoría de las cosas en
1. Elección
La elección es una
Un diseño de producto eficaz es, en esencia, un proceso de equilibrio entre esta dualidad, es decir, dar la impresión de que hay muchas opciones y, al mismo tiempo, mantener el sitio fácil de usar y navegar.
La ciencia afirma que tomar decisiones es un proceso mentalmente agotador. Cuando se les presentan a los compradores demasiadas opciones, es probable que no elijan ninguna.
Entonces, ¿cómo superar este problema en el diseño de su tienda?
Una solución consiste en utilizar imágenes destacadas que dirijan a productos adicionales. Por ejemplo, observe cómo Made.com utiliza imágenes separadas para categorías de productos completas (como “muebles de jardín”):
Piense en esto como un adelanto para atraer a los compradores.
Lo ideal es que mantengas tu
Por lo tanto, antes de comenzar el proceso de diseño , enumere lo siguiente:
- Toda su gama de productos y sus respectivas categorías y subcategorías
- Categorías funcionales como “productos más vendidos”, “productos destacados”, etc. y los productos que contienen.
El siguiente paso es utilizar esta información para construir un
Hacer esto ayudará a los compradores a encontrar lo que buscan sin abrumarlos con demasiadas opciones.
Si su tienda Ecwid se agrega a un sitio web, puede agregar un menú de navegación agregando un fragmento de código:
- para un diseño horizontal
- para un diseño vertical.
Aquí también encontrarás las instrucciones para las tiendas Ecwid añadidas a sitios web de WordPress y Wix . En Ecwid Instant Site, solo está disponible el menú horizontal.
2. Información del producto
He aquí otro acto de equilibrio que debes realizar al seleccionar el diseño de tu tienda: mostrar la información del producto.
Quiere ofrecer a los clientes la información que necesitan para hacer clic y realizar una compra. Al mismo tiempo, no quiere abrumarlos con demasiados detalles, al menos no antes de que estén en la página del producto.
En esta situación, tu enfoque debe ser facilitar la toma de decisiones y despertar el interés del cliente. Pregúntate: ¿qué información mínima necesitan mis clientes para hacer clic en un producto?
Descubrirás que esta respuesta varía de una tienda a otra y de un producto a otro.
Por ejemplo, observe cómo Amazon le brinda solo cuatro puntos de información en la página de categoría: nombre del producto, precio (incluido el descuento), calificación y disponibilidad de Prime:
En Ecwid, puedes agregar calificaciones y reseñas similares con la ayuda de la aplicación Stampled.io.
Si bien esta información es necesaria para un gran minorista como Amazon, para negocios más pequeños como Sand & Stone Jewelry , las calificaciones no son tan importantes. Por lo tanto, las páginas de categorías solo muestran el nombre del producto y el precio.
Es fácil caer en la trampa de ofrecer muy poca información en las páginas de categorías. La mejor forma de evitarlo es entrevistar a los clientes y preguntarles qué información utilizan para tomar decisiones de compra.
3. Diseño de la tienda
El diseño de su tienda tendrá un gran impacto en la disposición de sus productos.
An
- Homepage
- Páginas de categorías y búsqueda
- Páginas de productos individuales
¿Qué productos eliges exhibir en cada uno?
Por ejemplo, observe cómo Amazon promociona sus propios productos en su página de inicio si no ha iniciado sesión:
Es habitual que las tiendas promocionen las últimas ofertas en la página de inicio. Asegúrate de alinear estas ofertas con tu público objetivo. BestMadeCo, por ejemplo, realiza una promoción del Día del Padre teniendo en cuenta su clientela mayoritariamente masculina.
Concentrarse en:
- Determinar qué productos desea que compren los clientes (idealmente, los productos más vendidos o con mayor margen)
- Mantener la uniformidad del diseño en diferentes
tipos de página.
Tanto si decides destacar tus productos más vendidos como las novedades, Ecwid te permite crear una categoría para productos destacados en la página de inicio y nombrarla según tus necesidades.
6 mejores prácticas para E-commerce Diseño del producto
Si bien es cierto que puedes crear un esquema de diseño único para tu
1. Destaca los mejores productos y ofertas en la parte superior de la página
La zona visible sin necesidad de desplazarse es el espacio de la pantalla que los clientes ven cuando acceden por primera vez a tu sitio web. De hecho, esta zona concentra el 80 % de la atención de los usuarios en la mayoría de los sitios.
Dado el tipo de atención que recibe este espacio, es una buena idea colocar sus productos principales en la parte superior de la página. Esto puede incluir:
- Últimas ofertas, rebajas y descuentos
- Producto o categoría de producto más vendidos
- Productos lanzados recientemente (funciona mejor al comienzo de una temporada de compras)
En Target.com , por ejemplo, verás las últimas ofertas en la parte superior de la página:
Si tiene muchas ofertas, considere agregar un control deslizante, como este ejemplo de Walmart. Observe también las promociones que se encuentran debajo del menú de navegación:
Algunos minoristas de moda prescinden de los diseños convencionales para priorizar la promoción de la imagen de marca. En ASOS , por ejemplo, se muestra la imagen de la marca con la opción de "Comprar para hombre" o "Comprar para mujer".
Esta táctica funciona cuando se intenta promover la visión de una marca con un catálogo de productos. Sin embargo, la mayoría de los minoristas lo harán mejor con un catálogo convencional.
Sigue la misma idea en las páginas de categorías: promociona tu
2. Mezcla diseños horizontales y verticales
Básicamente, hay dos formas de distribuir sus productos en cualquier página: horizontal o verticalmente.
El diseño horizontal permanece estático. Hay un botón en el borde de la página para desplazarse más por los listados.
Este ejemplo de Amazon ilustra mejor las cosas:
En Ecwid, los productos vistos recientemente también se muestran horizontalmente. Puedes elegir la cantidad de artículos que deseas mostrar en la parte superior o inferior de tu tienda online.
Productos relacionados es otro
Por el contrario, un diseño vertical no tiene estos botones de desplazamiento. En su lugar, se ven cada vez más productos en una
Lo ideal es utilizar una combinación de ambos diseños:
- Diseño horizontal cuando desea mostrar algunos productos de muchas categorías, como en Productos vistos recientemente
- Diseño vertical cuando desea mostrar muchos productos de la misma categoría, como una página de búsqueda y una página de categoría.
3. Siga las convenciones y las expectativas de los usuarios
Hay situaciones en las que conviene no ser convencional con el diseño. El diseño del producto no es una de ellas.
El diseño de su producto está pensado para orientar a los usuarios cuando llegan a su sitio. Un diseño convencional garantiza que encuentren lo que buscan y no se desorienten.
Por supuesto, las convenciones varían de un sector a otro. Sin embargo, hay algunas cosas que debes tener en cuenta:
Utilice un diseño de cuadrícula
En un diseño de cuadrícula, los productos se organizan en
Este diseño ha sido durante mucho tiempo la convención para
Al usar este diseño, asegúrese de que las cajas tengan el mismo tamaño. Como muestra este caso práctico , usar cajas del mismo tamaño puede aumentar los ingresos por visitante hasta en un 17 %.
Si vende con Ecwid, esto no es un problema para usted: Ecwid tiene una cuadrícula de tamaño uniforme que se adapta automáticamente a diferentes pantallas.
Mostrar navegación en la parte superior de los listados de productos
Otra convención que debes seguir es colocar tus opciones de clasificación en la parte superior de la página.
Los clientes esperan esta ubicación y naturalmente buscarán aquí cuando accedan a una página de categoría.
Orientar a los clientes con migas de pan
Las migas de pan son elementos de navegación que muestran a los usuarios su ruta desde la página de inicio, como esto:
Agregarlos en la parte superior de la página ayuda a orientar a los visitantes, ya que les indica en qué página o categoría se encuentran y cómo pueden volver a la página de inicio.
4. Concéntrese en los elementos visuales, pero no olvide el texto en las páginas de productos.
En Internet, la única forma de mostrar sus productos es a través de imágenes. Por eso, se sabe que las imágenes de productos de gran tamaño aumentan
Sin embargo, si bien los elementos visuales son importantes, el diseño también debe tener espacio para texto descriptivo. Un buen texto no solo describe el producto, sino que también ayuda a venderlo y a vender su marca.
Por ejemplo, considere cómo BestMadeCo utiliza un texto atractivo en su página de inicio para vender un producto lanzado recientemente. El diseño ayuda a que el texto combine perfectamente con la imagen.
La descripción del producto es especialmente importante en las páginas de producto. El diseño debe proporcionar a los clientes toda la información clave que necesitan para tomar una decisión justo en la parte superior de la página. Esto debe incluir:
- Precio (incluido descuento, representado visualmente)
- Calificación del producto y número de reseñas
- Nombres de productos y marcas
- Si el producto está en stock (y si el stock se está agotando)
- Dirección de envío
2-3 Detalles clave del producto
Este es un ejemplo de cómo no se deben diseñar los productos. La página del producto no tiene texto alguno, por lo que resulta difícil tomar una decisión.
Como ocurre con la mayoría de las cosas, el diseño de Amazon es perfecto aquí, ofreciendo a los clientes todo lo que necesitan para tomar una decisión.
5. Agregue recomendaciones de productos y productos relacionados
En las páginas de productos, tienes dos objetivos:
- Llevar al cliente a la página de pago, o
- Consiga que el cliente vea otro producto
Para esto último, deberías incluir una sección de productos recomendados o relacionados . Puedes colocarla después o antes de la información del producto.
Amazon lo hace particularmente bien. Observe los productos relacionados y las listas de “también vistos” debajo del pliegue:
Si tiene varios productos en la misma colección, asegúrese de mostrarlos también. A continuación, se muestra un buen ejemplo de WorldMarket:
Los listados de productos relacionados no siempre tienen que ser visuales. También puedes mostrar búsquedas relacionadas para dirigir a los clientes a los artículos que podrían interesarles.
Experimente con diferentes diseños para productos relacionados o recomendados. Pruebe a colocarlos encima del pie de página, debajo de la descripción del producto, etc.
6. Experimente con los detalles al pasar el mouse sobre las páginas de categorías
Una forma de mejorar
Por ejemplo, este sitio muestra los detalles del producto y un botón para añadirlo al carrito al pasar el ratón por encima:
El objetivo de esta táctica es ofrecer a los usuarios información clave de un vistazo. Funciona mejor cuando se espera que los usuarios naveguen rápidamente por una gran cantidad de productos, como en las tiendas de ropa. Puede que no funcione para otras categorías, pero aún así se pueden realizar algunas pruebas divididas y ver los resultados.
En Ecwid, puede habilitar los botones “Comprar ahora” en las listas de productos para ayudar a sus clientes a explorar (y comprar) rápidamente sus productos.
Cuando un cliente hace clic en un botón de este tipo, su tienda no abrirá la página completa del producto, sino que verá una ventana emergente con opciones del producto:
Si tu producto no tiene opciones, irá directamente al carrito.
Conclusión
En lo que respecta al diseño de productos, lo mejor es ceñirse a las convenciones y seguir lo que ya están haciendo los líderes del mercado. Catalogue sus productos en detalle, clasifíquelos minuciosamente y luego organícelos en un diseño de cuadrícula estándar.
Las prácticas recomendadas que se mencionaron anteriormente funcionarán en la mayoría de las tiendas de todos los sectores. ¡Pruébelas en su propia tienda!
- Cómo arreglar la navegación de tu tienda
- Todo lo que necesitas saber sobre la comercialización de productos
- Merchandising online: cómo distribuir los productos en una tienda online
- ¿Qué es el merchandising de moda y por qué es tan importante?
- 10 errores de diseño en tiendas online
- 15 combinaciones de fuentes perfectas para su sitio web de comercio electrónico
- Teoría del color: todo lo que necesitas saber sobre los temas de color
- 7 ideas creativas para la página de productos de tu comercio electrónico
- El poder de una imagen destacada en el diseño web
Must-Have Principios UX a seguir en una tienda online- Auditoría de diseño de sitios web
- Desbloquear el poder del diseño UX para el comercio electrónico
- ¿Cuál es la diferencia entre UI y UX en el comercio electrónico?
