6 conseils pour optimiser votre Store pour les appareils mobiles

Vous pouvez désormais facilement créer une vue sur appareil mobile ou ordinateur de votre Store, et une version de ce Store sera automatiquement créée pour l'autre appareil. Lors de la création de votre Store, vous pouvez basculer entre les vues des appareils pour voir la progression de votre conception en temps réel et ajouter des ressources optimisées pour chaque appareil.

Il est important de noter que l'option de chargement d'une image mobile différente n'est disponible que pour les vignettes image et l'image d'en-tête. Cette option n'est pas disponible pour les autres widgets qui utilisent des images contenant du texte ou des images cliquables.

Comme mentionné précédemment, il est désormais plus facile de visualiser l'apparence de votre Store sur un appareil mobile grâce à la mise à jour de l'outil de création de Stores optimisée pour les appareils mobiles. Toutefois, tester votre Store sur un appareil mobile reste le moyen le plus efficace pour détecter les erreurs susceptibles d'affecter l'expérience de vos acheteurs. Le meilleur moyen d'apporter les bons ajustements est de découvrir par vous-même le type d'expérience client que votre Store offre sur un appareil mobile. Éloignez-vous de votre ordinateur de bureau/portable et accédez à votre Store depuis un téléphone ou une tablette. Appuyez sur les différentes pages et vignettes pour les parcourir. Est-il facile de naviguer dans votre Store ? Les textes et les éléments graphiques sont-ils faciles à lire ?

Pour tester l'expérience qu'offre votre Store :

1. Cliquez sur Aperçu > Partager l'aperçu dans l'outil de création de Stores.

2. Copiez le lien d'aperçu.

3. Collez ce lien d'aperçu dans un e-mail ou à n'importe quel endroit accessible depuis votre téléphone. (Astuce : ajoutez le mot de passe du lien d'aperçu sur une ligne distincte afin qu'il soit plus facile de le copier et de l'insérer par la suite.)

4. Naviguez au sein de votre Store sur votre appareil mobile en vous mettant dans la peau d'un acheteur et prenez des notes sur ce qui doit être amélioré. Est-il facile de naviguer dans votre Store ? Parvenez-vous à trouver les produits ou les informations que vous recherchez ? À quoi ressemblent vos images sur un appareil mobile ?

Les écrans d'appareils mobiles sont plus étroits et conçus pour un défilement plus rapide, ce qui signifie que l'ordre et la disposition du contenu ne sont pas exactement les mêmes sur ordinateur et sur appareil mobile. Les Stores sur appareil mobile utilisent une hiérarchisation des lignes de gauche à droite pour l'ordre du contenu, ou de droite à gauche dans le cas où la langue de préférence définie est l'arabe. Vous pouvez en voir un exemple ci-dessous :

Consultez votre Store sur un appareil mobile pour vérifier que le contenu s'affiche dans l'ordre de votre choix.

Grâce à la mise à jour de l'outil de création de Stores optimisée pour les appareils mobiles, il est désormais possible de charger une image d'en-tête différente pour les appareils mobiles. Cependant, il est important de noter que contrairement à une vignette d'image, il est impossible de modifier la hauteur de cette image, et les mêmes dimensions doivent être utilisées pour les ordinateurs et appareils mobiles. Cela signifie que le redimensionnement dynamique du Store pour appareil mobile réduira tous les éléments graphiques de l'en-tête, y compris le texte.

Pour cette raison, veuillez garder à l'esprit les points suivants concernant l'image d'en-tête pour appareil mobile :

• Essayez de limiter le nombre de produits à trois dans l'en-tête. Plus vous utilisez de produits dans l'en-tête, plus celui-ci semblera encombré.
• Le texte de l'en-tête doit contenir moins de 30 caractères. De cette manière, vous pouvez augmenter la taille du texte afin qu'il soit lisible sur appareil mobile sans surcharger l'en-tête. Pour cela, nous vous recommandons la police Arial ou un équivalent, et une taille de police minimale de 90 pt.

En tant que lecteur, comment lisez-vous habituellement ? Vous pouvez lire de haut en bas, de gauche à droite ou de droite à gauche, selon votre langue maternelle. Garder cela à l'esprit peut vous aider à choisir un emplacement efficace pour votre bouton d'appel à l'action sur les appareils mobiles.

Tenez compte de l'importance des éléments « above the fold », qui correspondent aux parties de la page du Store visibles avant un défilement vers le bas. Si un appel à l'action est placé au bas d'une vignette verticale, il est peu probable qu'il apparaisse « above the fold », ce qui le rendra moins visible pour les clients.

Sur les appareils mobiles, les appels à l'action doivent également être entourés d'un espacement convenable, ou « espace de respiration », pour que les clients puissent les trouver et cliquer dessus facilement. L'espace étant limité pour les appels à l'action, il est possible qu'ils soient fusionnés avec les éléments qui les entourent, perdant alors leur hiérarchie et leur visibilité.

Le menu de navigation d'un Store apparaît différemment sur un ordinateur et sur un appareil mobile. Sur un ordinateur, les acheteurs voient plusieurs onglets le long de la barre de navigation. Sur un appareil mobile, ils ne voient qu'un seul menu déroulant. Observez les images ci-dessous pour comparer les deux cas de figure :

C'est un facteur important à prendre en compte lorsqu'il s'agit de mettre en évidence vos catégories ou onglets les plus importants sur un Store. Placer ces pages principales dans le menu constitue une bonne stratégie, mais vous pouvez également utiliser des vignettes image ou texte pour créer un autre moyen de parcourir votre Store. Ajouter ces vignettes en haut de votre Store, tout en proposant un appel à l'action fort, permet aux acheteurs de trouver votre contenu le plus important, même sans développer le menu déroulant.

¹ Données internes Amazon, monde entier, 2021.