Paramètres de l’expérience utilisateur

Liens en vedette

1. Documentation Company XYZ sur les paramètres de l’expérience utilisateur
2. Documentation Shopify sur l’éditeur de thème

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Utilisez ces paramètres globaux pour rendre les interactions d’achat cohérentes dans tout le thème. Ils déterminent la façon dont les clients reçoivent les confirmations du panier, examinent les images des produits, identifient les cartes et bannières liées, naviguent pendant le défilement et passent d’une page à l’autre.

Comportement du panier et de la galerie produit

Choisissez le style d’ajout au panier qui correspond le mieux à votre parcours d’achat :

1. Redirect to cart redirige directement les clients vers leur panier après l’ajout d’un article, ce qui convient aux boutiques qui souhaitent que leurs clients vérifient immédiatement leur commande.
2. Show mini cart confirme l’ajout dans une superposition tout en conservant les clients sur la page actuelle. Il s’agit de l’option par défaut, qui permet de continuer la navigation.
3. Update icon only réduit l’interaction au minimum en mettant à jour l’indicateur du panier sans ouvrir une vue du panier.

Choisissez si les clients peuvent ouvrir les images des produits dans une visionneuse. Le zoom de la galerie est utile lorsque les acheteurs doivent examiner de plus près les matériaux, les détails ou les variantes d’un produit ; désactivez-le pour une expérience de visualisation des images plus simple.

Si vous utilisez le style de panier avec icône uniquement, assurez-vous que l’indicateur du panier reste facile à repérer. Les clients doivent pouvoir comprendre qu’un article a été ajouté sans quitter la page.

Superpositions et retours au survol

Activez l’effet de flou de la superposition pour adoucir le contenu situé derrière les superpositions prises en charge et attirer l’attention sur l’interaction active. Désactivez-le si vous préférez un rendu visuel plus net ou si vous souhaitez que le contenu d’arrière-plan reste plus visible.

La mise à l’échelle des cartes et les filtres d’image ajoutent un retour au survol aux cartes et aux bannières liées dans tout le thème. Les deux options sont activées par défaut. Utilisez-les pour rendre le contenu lié plus facile à découvrir, mais gardez des effets subtils lorsque les cartes utilisent des images détaillées ou des mises en page riches en texte.

Comportement de l’en-tête

Contrôlez le comportement de l’en-tête pendant le défilement des clients :

1. Fixed conserve la navigation, la recherche et les commandes du panier visibles en haut de l’écran.
2. Hide on scroll réduit l’en-tête lorsque les clients font défiler la page vers le bas et l’affiche à nouveau lorsqu’ils font défiler la page vers le haut. Il s’agit du comportement par défaut.
3. Off conserve l’en-tête dans sa position normale en haut de chaque page.

Un en-tête fixe permet d’accéder rapidement aux commandes importantes. Un en-tête qui se masque laisse davantage de place au contenu, ce qui peut être particulièrement utile sur les écrans de petite taille.

Transitions de page

Utilisez une transition en fondu pour adoucir le changement visuel entre les pages. Laissez les transitions désactivées si vous préférez un retour de navigation immédiat ou une expérience de navigation plus minimaliste.

Astuce

Évitez de combiner des transitions de page marquées avec des effets au survol et des superpositions prononcés. Limiter les mouvements concurrents aide les clients à rester concentrés sur les produits et les actions d’achat.

Notes d’utilisation

1. Testez les confirmations du panier. Ajoutez des articles depuis les pages produit et les cartes de liste pour vérifier que les clients reçoivent une confirmation claire.
2. Facilitez l’examen des produits. Activez le zoom de la galerie lorsque des images de produits en gros plan aident les clients à prendre leurs décisions d’achat.
3. Gardez le contenu lié prévisible. Utilisez les effets au survol de manière cohérente sur les cartes produit et les bannières promotionnelles.
4. Vérifiez le défilement sur mobile. Prévisualisez le comportement d’en-tête sélectionné sur les écrans de petite taille afin d’équilibrer l’espace réservé au contenu et l’accès aux commandes de navigation et du panier.
5. Utilisez les mouvements avec discernement. Choisissez une combinaison modérée de transitions, de retours au survol et d’effets de superposition pour une expérience de navigation plus calme.