Paramètres d’expérience utilisateur

Liens en vedette

1. Documentation de Company XYZ sur les paramètres d’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 pour contrôler l’expérience de navigation et d’achat dans tout le thème. Ils influencent des points de contact courants, comme l’ajout de produits au panier, la navigation avec l’en-tête, l’affichage des images produit et le passage d’une page à l’autre. Pour une vue d’ensemble plus large de l’éditeur, consultez documentation Shopify sur l’éditeur de thème

Pour un résumé des fonctionnalités de Company XYZ, consultez Expérience utilisateur.

Comportement du panier

Le style d’ajout au panier détermine ce que les clients voient immédiatement après avoir ajouté un article. Ce choix peut modifier sensiblement la rapidité avec laquelle ils poursuivent leur navigation ou passent au passage à la caisse.

1. Choisissez Afficher le mini-panier lorsque vous souhaitez un retour rapide sans quitter la page actuelle.
2. Choisissez Rediriger vers le panier lorsque la page du panier contient des messages importants, des ventes incitatives ou des indications sur l’étape suivante.
3. Choisissez Mettre à jour l’icône uniquement lorsque vous souhaitez une interruption minimale et le flux de navigation le plus rapide.

Choisissez le comportement du panier en fonction de votre flux de vente, pas seulement de l’apparence. Une redirection est plus explicite, tandis que des réponses plus légères favorisent la poursuite des achats.

Retour visuel et mouvement

Le flou d’overlay, les effets de survol et les transitions de page contribuent tous à la sensation de finition de la boutique en ligne. Utilisés ensemble, ils peuvent rendre l’expérience plus soignée, mais trop d’effets peuvent rendre la navigation chargée.

Le flou d’overlay adoucit l’arrière-plan de la page derrière les tiroirs ou les interactions superposées. Il fonctionne mieux lorsque le contenu actif se détache encore clairement de l’arrière-plan.

Les transitions de page ajoutent un mouvement plus fluide entre les pages. Une transition subtile peut aider la boutique à sembler cohérente, en particulier dans les boutiques en ligne orientées design, mais des mouvements plus simples donnent généralement une impression de rapidité et de clarté.

Astuce

Si vous utilisez plusieurs effets de mouvement, gardez chacun d’eux subtil afin que la découverte des produits reste facile à parcourir.

Affichage des images produit

Le zoom de galerie contrôle la façon dont les clients examinent plus en détail les images produit. Une lightbox est particulièrement utile lorsque les photos montrent des détails importants, comme la texture, la finition, l’échelle ou le savoir-faire.

Si vos images sont déjà simples, fortement recadrées ou suffisamment grandes sur la page, désactiver le zoom peut offrir une expérience plus épurée. Vérifiez ce paramètre sur ordinateur et sur mobile afin que l’affichage des images reste naturel.

Effets de survol des cartes

Les paramètres de survol des cartes affectent la façon dont les cartes produit et les cartes de contenu réagissent pendant la navigation. Le redimensionnement des cartes au survol ajoute du mouvement et de l’emphase, tandis que le filtrage des images peut créer un effet visuel plus en plusieurs couches.

Ces paramètres fonctionnent bien lorsque vous souhaitez une boutique en ligne plus interactive. Si le style de votre marque est minimaliste ou si vos visuels sont déjà très denses, un traitement de survol plus léger améliore souvent la clarté.

Note

Les effets de survol sont les plus visibles sur les appareils à pointeur, donc le contenu des cartes doit toujours rester clair et complet sans retour au survol.

Comportement de l’en-tête

Le comportement sticky de l’en-tête modifie la disponibilité de la navigation pendant le défilement des clients. Comme l’en-tête apparaît sur une grande partie de la boutique en ligne, ce paramètre peut avoir un effet large sur le confort de navigation.

1. Choisissez Fixe lorsque l’accès permanent à la navigation, à la recherche ou au panier est le plus important.
2. Choisissez Masquer lors du défilement lorsque vous souhaitez un équilibre entre visibilité et espace à l’écran.
3. Choisissez Désactivé lorsque vous préférez la présentation de page la plus épurée et que la navigation est déjà facile d’accès.

Un en-tête sticky est souvent particulièrement utile sur mobile, où revenir à la navigation peut demander plus d’effort.

Notes d’utilisation

1. Adaptez le flux du panier à l’intention. Utilisez un retour d’ajout au panier plus léger pour favoriser la poursuite de la navigation, et utilisez une redirection vers le panier lorsque la page du panier aide à convertir.
2. Coordonnez les mouvements. Combinez le flou, les effets de survol et les transitions avec soin afin que la boutique en ligne paraisse soignée plutôt que distrayante.
3. Utilisez le zoom lorsque le détail fait vendre. Activez le zoom des images lorsque les clients bénéficient d’un examen rapproché, et désactivez-le lorsqu’il apporte peu de valeur.
4. Préservez l’accès à la navigation. Choisissez un comportement d’en-tête adapté à la profondeur de votre menu, à l’usage mobile et à la fréquence à laquelle les clients ont besoin d’un accès rapide à la recherche ou au panier.
5. Vérifiez l’impact sur la mise en page. Testez le comportement sticky de l’en-tête avec la mise en page de la page et la taille de la zone d’affichage afin que le contenu clé reste visible au lieu de sembler à l’étroit.
6. Examinez les points de contact partagés. Après avoir modifié ces paramètres, vérifiez ensemble les pages produit, les collections, les cartes, la navigation et les interactions avec le panier, car ils peuvent affecter plusieurs zones du thème.