¿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 es parte de la ciencia del diseño de tiendas. Disposición correcta de la tienda Puede aumentar las ventas, mejorar la lealtad y ayudar a los clientes 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 dice La toma de decisiones es mentalmente agotadora. Cuando se les presenta 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 es utilizar imágenes destacadas que dirijan a productos adicionales. Por ejemplo, observe cómo Made.com utiliza imágenes independientes 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
De esta manera, las Antes de comenzar el proceso de diseño, enumera 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í están las instrucciones para las tiendas Ecwid agregadas WordPress y Wix Sitios web también. En Ecwid Instant Site, el menú horizontal solo está disponible.
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, su modelo mental debería ser el de facilitar la toma de decisiones y despertar el interés del cliente. Pregúntese: ¿qué información mínima ¿Mis clientes necesitan 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 empresas más pequeñas como Joyas de arena y piedraLas calificaciones no son tan importantes, por lo que las páginas de categorías solo muestran el nombre y el precio del producto.
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
- Página Principal
- 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.
Ya sea que decida destacar sus productos más vendidos o recién llegados, Ecwid le permite crear una categoría para productos destacados en la página de inicio y nómbralo 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
El área "arriba del pliegue" es el espacio de la pantalla visible cuando los clientes ingresan por primera vez a su sitio. De hecho, esta área representa El 80% de la atención de los espectadores 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)
On Target.comPor 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 evitan los diseños convencionales a favor de promover una imagen de marca. ASOSPor ejemplo, obtienes una imagen de marca con una opción para "Comprar para hombres" o "Comprar para mujeres".
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, productos vistos recientemente También se muestran de forma horizontal. Puedes elegir la cantidad de artículos que deseas mostrar en la parte superior o inferior de tu tienda.
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 utilizar este diseño, asegúrese de mantener los cuadros del mismo tamaño. Como lo demuestra este estudio de casoEl uso de cajas de igual 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.
copia del producto Es especialmente importante en las páginas de productos. El diseño debe brindarles a los clientes toda la información clave que necesitan para tomar una decisión 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 este último, deberías tener una sección de productos recomendados o relacionadosPuede colocarlo 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 detalles del producto y un botón para agregar al carrito al pasar el mouse:
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?