Seis consejos para optimizar tu Store para dispositivos móviles

Ahora puedes crear fácilmente una vista de tu Store para dispositivos móviles o de escritorio y automáticamente se creará una versión de tu Store para el otro tipo de dispositivo. Cuando crees tu Store, puedes cambiar de una vista a otra para ver el progreso de tu diseño en tiempo real y añadir activos optimizados para cada dispositivo.

Es importante tener en cuenta que la opción de cargar una imagen independiente para dispositivos móviles solo está disponible para cajas de imagen y la imagen del encabezado. Esta opción no está disponible para otros widgets que utilicen imágenes con texto o imágenes interactivas de compra.

Tal y como hemos mencionado, ahora es más fácil visualizar cómo se verá tu Store en un dispositivo móvil con la actualización para dispositivos móviles del Creador de Stores. Sin embargo, probar tu Store en un dispositivo móvil real sigue siendo la forma más eficaz de descubrir errores que pueden afectar a la experiencia de los compradores. La mejor manera de efectuar los ajustes adecuados es probar personalmente qué experiencia ofrece tu Store a los clientes en un dispositivo móvil. Deja de lado por un momento el ordenador portátil o de escritorio, y entra en la Store desde un teléfono o una tableta. Explora las páginas y las cajas. ¿Es fácil navegar por la Store? ¿Los textos y gráficos se leen fácilmente?

Para probar tu experiencia con las Stores, haz lo siguiente:

1. Haz clic en Vista previa > Compartir vista previa en el Creador de Stores.

2. Copia el enlace de vista previa

3. Pega dicho enlace de vista previa en un correo electrónico o en cualquier lugar donde puedas acceder a él desde el teléfono (consejo: incluye la contraseña del enlace de vista previa en otro renglón para que sea más fácil copiarla e insertarla más adelante).

4. Navega por tu Store en el dispositivo móvil como si fueras un comprador y toma notas sobre lo que haya que mejorar. ¿Te resulta fácil navegar? ¿Puedes encontrar los productos o la información que buscas? ¿Cómo se ven tus imágenes en un dispositivo móvil?

Las pantallas de los dispositivos móviles son más estrechas y están diseñadas para un desplazamiento más rápido, lo que significa que el orden y el diseño del contenido no son exactamente los mismos en ordenadores de escritorio y dispositivos móviles. Las Stores para dispositivos móviles ordenan el contenido de las filas de izquierda a derecha, o de derecha a izquierda si el idioma de preferencia es el árabe. Mira el ejemplo a continuación:

Revisa tu Store en un dispositivo móvil para confirmar que el contenido aparece en el orden deseado.

Gracias a la actualización para dispositivos móviles del Creador de Stores, ahora se puede cargar una imagen de encabezado independiente para dispositivos móviles. Sin embargo, hay que tener en cuenta que, a diferencia de una caja de imagen, no se puede cambiar la altura de esta y se deben usar las mismas dimensiones tanto para dispositivos móviles como para ordenadores de escritorio. Esto significa que el cambio dinámico de tamaño de la Store para dispositivos móviles reducirá todos los elementos gráficos del encabezado, incluido el texto.

Por esta razón, ten en cuenta lo siguiente para la imagen de encabezado en dispositivos móviles:

• Intenta limitar el número de productos de un encabezado a tres. Cuantos más productos utilices en el encabezado, más desordenado se verá en el dispositivo móvil.
• La información del encabezado debe tener menos de 30 caracteres, de modo que puedas aumentar el tamaño del texto para que sea legible en los dispositivos móviles sin saturar el encabezado. Para ello, recomendamos un tamaño mínimo de fuente de 90 pt Arial normal o equivalente.

Como lector, ¿cómo lees normalmente? Puedes leer de arriba a abajo, escaneando de izquierda a derecha o de derecha a izquierda, según tu idioma nativo. Ten esto en cuenta para ayudarte a elegir un emplazamiento eficaz para tu botón de CTA en los dispositivos móviles.

Ten en cuenta la importancia de los elementos “above the fold”, es decir, las partes de la página de la Store que se pueden ver antes de desplazarse hacia abajo. Si una llamada a la acción se coloca en la parte inferior de una caja vertical, es poco probable que aparezca “above the fold”, por lo que será menos visible para los clientes.

Las llamadas a la acción en dispositivos móviles también deben tener un espaciado adecuado a su alrededor (o “respiro”) para que resulte fácil a los clientes encontrarlas y hacer clic en ellas. Tener un espacio limitado para una CTA puede provocar que se fusione con los elementos que la rodean y pierda así jerarquía y visibilidad.

El menú de navegación de una Store se muestra de forma diferente en un escritorio que en un dispositivo móvil. En los dispositivos de escritorio, los compradores ven varias pestañas en la barra de navegación. En cambio, en los dispositivos móviles, los compradores ven un solo menú desplegable. Mira las imágenes a continuación para ver una comparación:

Este es un factor importante que tener en cuenta a la hora de destacar las principales categorías o pestañas de una Store. Colocar dichas páginas principales en el menú es una buena estrategia, pero también puedes utilizar imágenes o cajas de texto para crear una forma adicional de navegar por la Store. Al añadir estas cajas en la parte superior de la Store, junto con una CTA contundente, los compradores pueden encontrar tu contenido más importante, aunque no expandan el menú desplegable.

¹ Datos internos de Amazon, todo el mundo, 2021.