Quienes compran desde el móvil son personas ocupadas. Si han llegado a tu sitio web, puedes tener la seguridad de que están listas para comprar o, como mínimo, están revisando tus precios. Tienes segundos para influir en sus decisiones.
No basta con crear sitios web de eCommerce visualmente atractivos, aunque eso puede hacer que el 75% de los usuarios considere creíble tu marca. Tus clientes deben poder acceder a tus productos fácilmente y desde cualquier dispositivo. Esto va más allá de usar CTA e instalar chatbots.
Tener páginas de producto adaptadas a dispositivos móviles puede aumentar tus conversiones hasta un 400%.
Estas páginas de producto móviles sientan las bases de una experiencia de compra satisfactoria, desde la página de inicio hasta el carrito y, finalmente, el pago. También permiten que tus clientes decidan qué quieren comprar según especificaciones como las características, el precio, las reseñas y las comparaciones.
¡Así puedes crear páginas de producto móviles de alta conversión para tu sitio web en seis pasos!
6 Pasos Para Crear Páginas De Producto Móviles
1. Las Páginas De Producto Deben Responder a Los Gestos De Deslizar Y Ampliar
A pesar de sus pantallas más pequeñas, los dispositivos móviles son prácticos porque permiten acceder fácilmente a numerosas funciones web desde cualquier lugar. Por eso, los usuarios esperan la misma facilidad al navegar por tu sitio web.
Los gestos móviles, como las funciones «Tocar para ampliar» y «Deslizar», deben responder como esperan los usuarios. Por tanto, asegúrate de que los visitantes puedan deslizar fácilmente hacia la izquierda o la derecha para ver las imágenes del producto, como hace eBay aquí:
Evita diseños de UX en los que los usuarios tengan que tocar una flecha izquierda o derecha para ver imágenes relacionadas. ¿Por qué?
Además de que estas flechas podrían no responder si tocas desde el ángulo equivocado, ¿quién sabe en qué estado se encuentra el teléfono del usuario? No, en serio, piénsalo. Las pantallas agrietadas son más difíciles de usar; ¿por qué aumentar su frustración con flechas que no responden? Es probable que estos problemas hagan que abandonen el sitio.
Para ofrecer una mejor experiencia, incluye puntos (como en el ejemplo anterior) debajo de las imágenes del producto, para que los compradores sepan cuántas imágenes les quedan por ver.
Además, la función de zoom es igual de importante.
Quienes compran desde el móvil necesitan ampliar la imagen para ver detalles concretos, especialmente si contienen texto. Algunos sitios web permiten ampliar o reducir con dos dedos, mientras que otros usan el doble toque.
Puedes usar ambas funciones de zoom al crear sitios web; tú decides. Así ofrecerás más flexibilidad para ampliar y compensarás el tamaño reducido de las pantallas móviles.
2. Optimiza Las Imágenes
Sabemos que es obvio, pero a nadie le gusta un sitio web lento.
Aunque el 39% de los compradores espera que los sitios web de eCommerce tarden, como máximo, entre dos y tres segundos en cargar, en realidad solo el 19% lo tolerará. Según esta encuesta, esto significa que uno de cada dos visitantes abandonará un sitio web después de seis segundos.
Se mire como se mire, perder a la mitad de tus clientes en seis segundos da miedo.
Aunque puedes hacer varias cosas para reducir la tasa de rebote y aumentar la velocidad del sitio en dispositivos móviles, optimizar las imágenes de los productos es fundamental tanto para la estética como para la velocidad de carga. Como las imágenes de alta calidad suelen ocupar mucho espacio, debes tener en cuenta el tamaño de los archivos que usas en tus páginas de producto.
¿Por qué? Por el diseño web adaptable.
Un diseño web adaptable permite que los usuarios vean el mismo sitio independientemente del tamaño de la pantalla, la plataforma o la orientación de su dispositivo, e incluso si utilizan un dominio de NZ.
Así se ve la página de inicio de Amazon en computadoras y dispositivos móviles. ¿Notas la diferencia?
La interfaz de usuario de ambas versiones presenta un parecido sorprendente. Las imágenes y las categorías de productos son idénticas, incluso el microcopy: «Encuentra el regalo perfecto para el Día de la Madre».
Para lograr algo similar en tu tienda de eCommerce, tu diseñador de UI/UX debe reorganizar el contenido y las imágenes del sitio web para aprovechar el espacio de la pantalla móvil. Por eso, la imagen podría verse diferente en el móvil, aunque el tamaño del archivo seguiría siendo el mismo.
Además, Google detesta los tiempos de carga lentos porque interfieren con la experiencia del usuario. Esto podría desplomar tu posicionamiento en buscadores (SEO), reducir el tráfico del sitio y hundir las tasas de conversión.
3. Usa Textos Sencillos Y Breves
Reserva los artículos más largos para crear publicaciones invitadas de alta calidad y para tu blog, pero mantén las descripciones de los productos breves y claras.
La razón es sencilla.
Las pantallas móviles son pequeñas. Leer grandes bloques de texto en ellas puede resultar incómodo.
Los usuarios están ahí para comprar productos, no para leer artículos.
Para ofrecer la mejor experiencia móvil, destaca los detalles del producto con viñetas y párrafos cortos. Deja bastante espacio en blanco alrededor de estos textos para que destaquen ante quienes usan smartphones.
Mira cómo lo hace Ray Ban.
Hagas lo que hagas, asegúrate de que el texto de tu sitio web sea legible y se centre únicamente en lo relevante. Establece un límite de palabras para la descripción del producto. Sigue el ejemplo de Amazon: entre 150 y 200 palabras debería ser suficiente.
¿Y si los visitantes quieren consultar la sección de envíos y devoluciones? Haz que toquen el pequeño icono de más/menos (si lo tienes) para desplegar o contraer la información, o deja que sigan desplazándose hasta el final de la página para verla.
Dicho esto, los iconos desplegables optimizados para pulsaciones son más intuitivos para mostrar listas largas en páginas de producto móviles. Tienen un diseño sencillo y aprovechan eficazmente el espacio disponible en la pantalla.
4. Aprovecha Bien Las Reseñas De Productos
Comprar en sitios de eCommerce puede resultar algo arriesgado para quienes nunca te han comprado. Estos clientes potenciales necesitan un pequeño empujón para completar el proceso de compra.
Aquí es donde entran en juego las reseñas de productos y clientes.
Las reseñas de productos en sitios web móviles son tan eficaces como en sus versiones para computadoras. Sin embargo, el tamaño de las pantallas móviles es limitado, así que debes priorizar su ubicación para que sean efectivas. Muestra la valoración general justo debajo del nombre del producto, para que los nuevos compradores puedan evaluar la calidad de un producto de eCommerce según las reseñas de otros clientes.
LL Flooring hace exactamente esto y muestra a los visitantes cuántas reseñas tiene cada producto.
Estas valoraciones de productos sirven como prueba social de calidad y motivan a los usuarios a completar su recorrido como clientes. La página de producto también debe incluir reseñas escritas para que los visitantes puedan leer lo que opinan quienes ya compraron el producto e identificar sus ventajas y desventajas.
Ya que estás, evita los sutiles errores de marketing que podrían hacerte perder clientes recurrentes. Da seguimiento a los comentarios de los clientes y a las reseñas que dejan en tu sitio. Así, cuando nuevos visitantes encuentren la conversación, tendrán la seguridad de que los acompañas en todo momento.
5. Guarda Siempre Los Datos Automáticamente
Los usuarios de dispositivos móviles compran mientras se desplazan. Esto significa que pueden distraerse fácilmente o perder la conexión a internet durante el trayecto. En cualquier caso, se frustrarán si tienen que empezar a comprar desde el principio cada vez que abran la página.
Crea una experiencia de compra móvil fluida guardando automáticamente los datos de cada sesión de usuario. Así, los compradores encontrarán los artículos en sus carritos y no perderás una posible venta porque no quieran volver a llenarlos.
6. Añade La Función «añadir Al Carrito» En La Parte Visible De La Página
Facilita que quienes compran desde el móvil puedan añadir productos al carrito a primera vista. Si tienen que desplazarse «infinitamente» para encontrar el botón «añadir al carrito», podrían perder el interés rápidamente.
La mejor forma de evitarlo es colocar el botón del carrito en la parte visible de la página, así:
De este modo, el botón «añadir al carrito» será imposible de pasar por alto, lo que agilizará el proceso de pago.
Conclusión
Todo en una página de producto móvil ideal debe ser fluido, estructurado y estar correctamente optimizado. Tus páginas de producto son sumamente importantes para las conversiones móviles.
Aunque debes usar fotos de productos de alta calidad en tus páginas de producto móviles, optimiza su tamaño para evitar que tu sitio web sea lento.
Al optimizar tu tienda de eCommerce móvil, recuerda que el espacio en pantalla es limitado. Elige descripciones de producto más breves y coloca toda la información esencial, como las valoraciones y el botón del carrito, en un lugar imposible de pasar por alto.
Del mismo modo, asegúrate de que tus páginas de producto móviles respondan a los gestos de deslizar y ampliar para ofrecer la mejor experiencia de compra móvil.
Autor
Daryl Bush es gerente de Desarrollo de Negocios en Authority Builders. La empresa ayuda a los negocios a conseguir más clientes mejorando su posicionamiento en las búsquedas en línea. Cuenta con amplios conocimientos de SEO y desarrollo empresarial.
