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 computadoras de escritorio y, automáticamente, se creará una versión de tu Store para el otro dispositivo. Al crear tu Store, puedes cambiar entre las vistas de diferentes dispositivos para ver el progreso de tu diseño en tiempo real y agregar recursos que estén optimizados para cada dispositivo.

Es importante considerar que la opción para cargar una imagen para dispositivos móviles por separado solo está disponible para los mosaicos de imagen y la imagen de encabezado. Esta opción no está disponible para otros widgets que utilicen imágenes con texto o imágenes interactivas de compra.

Como se mencionó antes, ahora es más fácil visualizar cómo se verá tu Store en un dispositivo móvil con la actualización del Generador de Stores que da prioridad a los dispositivos móviles. Sin embargo, probar tu Store en un dispositivo móvil real sigue siendo la forma más efectiva para que descubras errores que pueden afectar la experiencia de los compradores. El mejor modo de hacer los ajustes correctos es descubriendo por ti mismo qué tipo de experiencia de cliente ofrece tu Store en dispositivos móviles. Deja tu computadora de escritorio o laptop y accede a tu Store desde un teléfono o tableta. Toca las páginas y los mosaicos. ¿Es fácil navegar por tu Store? ¿Los textos y gráficos son fáciles de leer?

Para probar tu experiencia de Stores:

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

2. Copia el enlace de vista previa.

3. Pega este enlace de vista previa en un correo electrónico o en cualquier lugar donde puedas acceder desde tu teléfono (Consejo: Incluye la contraseña del enlace de vista previa en una línea separada para que sea más fácil copiarla y pegarla más adelante).

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

Las pantallas de 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 es exactamente el mismo en computadoras de escritorio y dispositivos móviles. Las Stores en dispositivos móviles dan prioridad a las filas de izquierda a derecha en cuanto al orden del contenido, o de derecha a izquierda cuando se establece al árabe como idioma de preferencia. Ve un ejemplo a continuación:

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

Gracias a la actualización del Generador de Stores que da prioridad a los dispositivos móviles, ahora es posible cargar una imagen de encabezado por separado para dispositivos móviles. No obstante, es importante considerar que, a diferencia de un mosaico de imagen, no es posible cambiar la altura de esta imagen, y se deben usar las mismas dimensiones tanto para dispositivos móviles como para computadoras de escritorio. Esto significa que el cambio de tamaño dinámico de la Store para dispositivos móviles reducirá todos los elementos gráficos dentro del encabezado, incluido el texto.

Debido a esto, ten en cuenta lo siguiente para la imagen del encabezado de dispositivos móviles:

• Intenta limitar el número de productos en un encabezado a tres. Entre más productos uses en el encabezado, más desorden se verá en un dispositivo móvil.
• El texto publicitario en el encabezado debe tener menos de 30 caracteres para que puedas aumentar el tamaño del texto de manera que sea legible en versiones móviles sin desbordar el encabezado. Para ello, te recomendamos una fuente Arial regular con un tamaño mínimo de 90 puntos o equivalente.

Como lector, ¿cómo sueles leer? Es posible que leas de arriba a abajo, escaneando de izquierda a derecha o de derecha a izquierda dependiendo de tu idioma nativo. Mantener este flujo en mente puede ayudarte a elegir una ubicación efectiva para tu botón de CTA en los dispositivos móviles.

Considera la importancia de los elementos en la parte superior de la página, que son las partes de la página de la Store que se pueden ver antes de desplazarse hacia abajo. Si se coloca una CTA en la parte inferior de un mosaico vertical, es poco probable que aparezca en la parte superior de la página, y esta será menos visible para los clientes.

Las CTA en los dispositivos móviles también deben tener un espaciado adecuado a su alrededor, o “espacio para respirar”, para que sea fácil que los clientes las encuentren y hagan clic en ellas. Tener espacio limitado para una CTA puede provocar que se fusione con su entorno y pierda jerarquía y visibilidad.

El menú de navegación en una Store aparece de manera diferente en computadoras de escritorio y dispositivos móviles. En las computadoras de escritorio, los compradores ven varias pestañas a lo largo de la barra de navegación. En los dispositivos móviles, los compradores ven un solo menú desplegable. Observa las siguientes imágenes para ver una comparación:

Este es un factor importante a considerar a la hora de destacar tus categorías principales o pestañas en una Store. Poner esas páginas principales en el menú es una buena estrategia, pero también puedes usar mosaicos de imagen o cajas de texto para crear una forma adicional de navegar por tu Store. Agregar estos mosaicos en la parte superior de tu Store, junto con una CTA sólida, asegura que los compradores puedan encontrar tu contenido más importante aunque no amplíen el menú desplegable.

¹Datos internos de Amazon, a nivel mundial, 2021.