Six conseils pour optimiser votre Store sur appareil mobile

Vous pouvez désormais créer facilement une vue de votre Store pour appareil mobile ou pour ordinateur de bureau, et une version de votre 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.

Veuillez noter que la possibilité de téléverser une image pour mobile distincte n'est disponible que pour les vignettes d'image et l'image d'en-tête. Cette option n'est pas disponible pour les autres widgets utilisant des images avec 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 pour appareil mobile de l’outil de création du Store. Cependant, tester votre Store sur un appareil mobile réel reste le moyen le plus efficace pour vous de découvrir les erreurs qui peuvent affecter l'expérience des acheteurs. La meilleure façon d'effectuer les bons ajustements est de découvrir par vous-même le type d'expérience client que votre Store offre sur appareil mobile. Éloignez-vous de votre ordinateur de bureau/ordinateur portable et accédez à votre Store sur un téléphone ou une tablette. Appuyez sur les pages et les vignettes. Votre Store offre-t-il une navigation facile? Les textes et les graphiques sont-ils faciles à lire?

Pour tester l’expérience offerte par vos Stores :

1. Cliquez sur Aperçu > Partager l’aperçu dans l’outil de création du Store.

2. Copiez le lien d’aperçu

3. Collez ce lien d'aperçu dans un courriel ou dans tout autre emplacement auquel vous avez accès depuis votre téléphone (Conseil : 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 ultérieurement).

4. Accédez à votre Store sur votre appareil mobile comme si vous étiez un acheteur, et prenez des notes sur ce qui doit être amélioré. Est-il facile de naviguer? Pouvez-vous trouver les produits ou les informations que vous recherchez? À quoi ressemblent vos images sur un appareil mobile?

Les écrans 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 de bureau et sur appareil mobile. Les Store pour appareils mobiles utilisent une hiérarchisation des lignes de gauche à droite pour l'ordre du contenu, ou de droite à gauche dans le cas où l'arabe est défini comme langue de préférence. Voir ci-dessous pour un exemple :

Vérifiez votre Store sur un appareil mobile pour vous assurer que le contenu apparaît dans l’ordre souhaité.

Grâce à la mise à jour pour mobile de l’outil de création du Store, il est désormais possible de téléverser une image d'en-tête distincte pour appareil mobile. Cependant, il est important de considérer que contrairement à une vignette d'image, il n'est pas possible de modifier la hauteur de cette image, et les mêmes dimensions doivent être utilisées pour les appareils mobiles et pour les ordinateurs de bureau. 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 tenir compte des éléments suivants pour l'image d'en-tête mobile :

• Essayez de limiter à trois le nombre de produits figurant dans un en-tête. Plus vous utilisez de produits dans l'en-tête, plus celui-ci aura l'air encombré sur appareil mobile.
• Le texte dans l’en-tête doit contenir moins de 30 caractères pour que vous puissiez augmenter la taille du texte et ainsi le rendre lisible sur appareil mobile sans surcharger l’en-tête. Pour cela, nous recommandons une taille minimale de police Arial de 90 pt régulière ou équivalente.

En tant que lecteur, comment lisez-vous généralement? Vous pouvez lire de haut en bas, balayer de gauche à droite ou de droite à gauche en fonction de votre langue maternelle. Garder ce flux à l'esprit peut vous aider à choisir un emplacement efficace pour votre bouton d'appel à l'action sur appareil mobile.

Tenez compte de l'importance des éléments de la zone au-dessus du pli, c’est-à-dire les parties de la page du Store qui sont visibles avant de faire défiler vers le bas. Si un appel à l’action est placé au bas d'une vignette verticale, il est peu probable qu'il apparaisse au-dessus du pli, ce qui le rend moins visible pour les clients.

Les appels à l’action sur appareil mobile devraient également être entourés d’un espacement approprié, ou « marge de manœuvre », pour que les clients les trouvent facilement et cliquent dessus. Le fait d’avoir un espace restreint autour d’un appel à l’action peut le faire fusionner avec son environnement et perdre sa hiérarchie et sa visibilité.

Le menu de navigation d’un Store apparaît différemment sur un ordinateur de bureau et sur un appareil mobile. Sur un ordinateur de bureau, les acheteurs voient plusieurs onglets le long de la barre de navigation. Sur appareil mobile, les acheteurs voient un seul menu déroulant. Voir les images ci-dessous pour une comparaison :

Il s’agit d’un facteur important à considérer pour présenter vos principales catégories ou onglets sur un Store. Ajouter ces pages principales au menu est une bonne stratégie, mais vous pouvez également utiliser des vignettes de texte ou d’image pour créer un moyen supplémentaire de naviguer dans votre Store. L’ajout de ces vignettes en haut de votre Store, ainsi qu’un puissant appel à l’action, permet aux acheteurs de trouver votre contenu le plus important, même s’ils n’ouvrent pas le menu déroulant.

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