Diseño: La página perfecta de productos en móviles

Diseño: La página perfecta de productos en móviles

Practical eCommerceTuesday, October 22, 2019

La mayoría de las empresas de comercio electrónico utilizan un diseño receptivo para reorganizar elementos de sus páginas de productos de escritorio para dispositivos móviles. Pero los visitantes móviles se benefician de pequeñas optimizaciones que hacen mejoras descomunales en las métricas de conversión y complemento.

Pasé años construyendo experiencias de compra móvil para Walmart. En esta publicación, Pagaré las tácticas para mejorar las ventas de las páginas de productos móviles.

Estructura y diseño

Títulos Existe mucho espacio en las páginas de escritorio para un título de producto. Muchos sitios usan títulos para insertar palabras clave de motores de búsqueda que resultan en elementos difíciles de leer, como Botella de agua de vidrio sin BPA de 22 onzas Lifefactory con tapa clásica y funda protectora de silicona, Onyx en lugar de, por ejemplo, BPA Lifefactory -Botella de agua de vidrio gratis con tapa y funda ”. En los teléfonos inteligentes, los títulos de productos con menos de ocho palabras generan las conversiones más altas. Optimizar en consecuencia.

Las fotos son el elemento de conversión más importante en una página de producto. Pero, desafortunadamente, la mayoría de los sitios no utilizan la resolución más alta de los teléfonos móviles para fotos de productos. Y la mayoría no muestra fotos en un teléfono inteligente de borde a borde, desperdiciando valioso espacio en la pantalla.

Para varias fotos en una página móvil, use un visor o una interfaz de deslizamiento. La interfaz ideal tiene varios puntos debajo de la imagen principal, lo que indica que el usuario puede deslizar hacia la izquierda para ver imágenes adicionales. Cuando toca la foto, se le presenta al usuario un visor de la foto de alta resolución con zoom.

Precios. La mayoría de los productos tienen un precio único. Pero un número creciente se vende como paquetes o con precios basados, por ejemplo, en color y tamaño. Esto da como resultado un diseño de precios en dispositivos móviles que a menudo es demasiado complejo. Para evitar abrumadores compradores, asegúrese de que la página de un producto móvil no tenga más de tres precios diferentes.

Llamada a la acción. El llamado a la acción en la página de un producto suele ser Agregar al carrito o Comprar ahora. En dispositivos móviles, use un color único para el CTA y un botón grande para hacer clic (para un pulgar). Nunca proporcione un enlace de solo texto.

Con

…Para leer más, siga el link del idioma que prefiera

Tags: diseño, paginaweb, productosmoviles, moviles, ecommerce, empresa, negocioonline, tacticas, conversiones, cta

Clickee para leer el artículo en InglésClickee para leer el artículo en Español