7 façons d'inciter vos utilisateurs à faire défiler l'ensemble de la conception de votre site

Publié: 2021-09-11

Autrefois, les sites à défilement long étaient profondément impopulaires. Les sites Web étaient tous axés sur le concept « au-dessus du pli », un terme nommé pour le contenu important qui apparaît au-dessus du pli physique d'un journal.

Aujourd'hui, c'est le contraire qui est vrai. Il n'y a plus de sens de « pli » - avec une telle variété d'écrans, allant du plus petit mobile au plus grand ordinateur de bureau, un pli n'est pas nécessairement le même qu'un autre. Et cela diffère certainement lorsque je passe d'un appareil à l'autre.

Mais grâce à la popularité des appareils mobiles et des sites de médias sociaux, le défilement est devenu une seconde nature pour la plupart d'entre nous. Cependant, ce n'est pas parce que les utilisateurs font défiler les pages de haut en bas distraitement que les concepteurs doivent tenir cela pour acquis. Avec des utilisateurs submergés par le contenu et aux prises avec une capacité d'attention de plus en plus réduite, les concepteurs doivent apprendre de nouvelles règles pour s'assurer que le long défilement engage les utilisateurs et les incite à une conversion.

"Voici sept façons d'encourager les gens à continuer de défiler.

1. Commencez fort

Capture d'écran numérique Wholegrain au-dessus du pli
Wholegrain Digital utilise beaucoup d'espace ouvert au-dessus du pli afin que les lecteurs puissent se concentrer sur leur message principal

Bien que le concept de placer votre contenu le plus important "au-dessus du pli" soit en grande partie révolu, vous n'avez toujours qu'une seule chance de faire une bonne première impression. Lorsqu'ils atterriront sur un site, les utilisateurs évalueront en une fraction de seconde s'il vaut la peine de traîner. Vous avez donc besoin d'une introduction solide pour les accrocher.

Placez votre contenu le plus convaincant en haut de la page et offrez-leur une bonne raison de continuer à lire.

Vous cherchez la meilleure façon de concevoir votre site à la fois pour vos clients et pour les moteurs de recherche ? Cherchez pas plus loin!

2. Créez du contenu engageant

mise en page par volant d'inertie capture d'écran de deux blocs de contenu
Les articles de mise en page sont séparés par des images de fonctionnalités audacieuses et lumineuses

« Le succès de votre site Web dépend de la force de son contenu. Heureusement, un site à long défilement est la toile idéale pour raconter des histoires. Lors de la création de votre contenu, pensez au début, au milieu et à la fin de votre histoire, qu'il s'agisse d'une page de vente, d'une page à propos ou d'une page de produits/services.

Saupoudrez le contenu d'images, de vidéos et d'infographies haute résolution pertinentes, et rédigez un texte attrayant en utilisant des verbes d'action pour capter l'imagination des gens et les faire avancer vers la fin. Considérez comment les auteurs utilisent les chapitres pour attirer les lecteurs à travers une histoire et employez les mêmes techniques à la fin de chaque bloc de contenu.

3. Soyez clair sur vos objectifs

utiliser avant la capture d'écran de la page Web du vol avec les boutons CTA indiquant "Pilots" et "Training Managers"
Utiliser avant le vol créé par Wholegrain Digital utilise deux boutons CTA au-dessus du pli

Un site à long défilement ne devrait pas donner l'impression qu'il est interminable et décousu. Avant de commencer à réfléchir à la conception, vous devez déterminer quel est votre objectif principal pour cette page et vous assurer que chaque élément de contenu que vous incluez vise à pousser vos utilisateurs dans cette direction.

Cela signifie que vous devriez penser à inclure des boutons CTA à plusieurs endroits sur la page. N'oubliez pas que tout le monde ne défilera pas vers le bas.

4. Évitez le faux fond

capture d'écran du site Web en toile vierge
Blank Canvas créé par Wholegrain Digital utilise le défilement de parallaxe pour éviter un effet de faux fond

Le « faux fond » est lorsque les gens pensent qu'il n'y a rien d'autre sur la page et arrêtent de défiler. Bien que vous souhaitiez que votre contenu principal en haut les accroche, assurez-vous d'inclure un repère visuel qui montre qu'il est évident qu'il y a plus de bonnes choses si elles défilent.

Il existe plusieurs options qui permettent d'accomplir cela facilement, comme une flèche ou une simple instruction textuelle pour "faire défiler vers le bas". Si vous souhaitez être plus créatif, vous pouvez opter pour un repère de conception, comme une ligne qui mène vers le bas de la page en attirant l'attention des gens, ou organiser le contenu dans une mise en page de style éditorial en évitant les lignes dures afin que le défilement devienne naturel.

5. Fournir une feuille de route claire

La barre de réservation pour les hôtels Notovel vous suit sur la page lorsque vous faites défiler

La navigation est l'un des plus grands éléments décisifs d'un site Web. Surtout sur un site à défilement long, où la désorientation de l'utilisateur peut se produire. Les utilisateurs doivent savoir exactement où ils se trouvent sur une page et avoir un chemin clair vers l'endroit où ils veulent aller ensuite.

La navigation collante est une excellente option, car elle montre l'emplacement actuel et reste visible à tout moment. Cependant, cela peut occuper l'espace principal de l'écran sur les appareils mobiles, vous pouvez donc choisir de masquer la barre de navigation lorsqu'elle n'est pas utilisée.

Si votre page est particulièrement longue, vous pouvez choisir d'inclure une option de saut ou envisager une URL différente pour les différentes étapes de la page. Quoi que vous fassiez, assurez-vous que le bouton de retour fonctionne correctement, donc si les gens suivent un lien, ils reviendront à la même partie de la page qu'ils ont quittée.

6. Enchantez les gens avec des interactions créatives

la capture d'écran du site Web de décalage
The Shift rend l'expérience de défilement amusante et unique pour leurs téléspectateurs

Le défilement long se prête à une narration immersive, donc l'inclusion de techniques de défilement créatives telles que le défilement parallaxe ou les animations déclenchées par défilement est une façon amusante d'engager les utilisateurs et de les encourager à faire défiler davantage.

Le défilement parallaxe crée une expérience de navigation complètement immersive. L'arrière-plan se déplaçant à un rythme plus lent que le premier plan, cela crée une impression de profondeur. Les animations déclenchées par défilement, en revanche, sont idéales pour diviser votre contenu en morceaux, avec des animations capturant l'imagination des gens tout en les guidant à travers le contenu.

7. Ne détournez pas le défilement

capture d'écran du site Web méthode or rose
Méthode - Rose Gold créé par Wholegrain Digital utilise des effets de défilement amusants sans détourner l'expérience

Enfin, évitez le détournement de défilement. Les utilisateurs doivent conserver à tout moment le contrôle total de la navigation sur le site. Avec le détournement de défilement, la page est configurée pour se déplacer à un rythme spécifique, quelles que soient les actions de l'utilisateur, ce qui est le plus souvent utilisé pour forcer les gens à parcourir le contenu plus lentement. Ce n'est pas bon et perturbera l'expérience de l'utilisateur, ce qui l'amènera souvent à quitter le site. Laissez-les dicter le rythme auquel ils veulent consommer votre contenu et concentrez-vous plutôt sur la création d'un contenu de qualité qui les encourage à tout consommer.

"Les sites Web à défilement long ne sont pas nouveaux, mais ils ont connu une renaissance ces dernières années. Les méthodes d'amélioration de l'expérience utilisateur ne cessent d'évoluer. Trouvez le juste milieu entre un excellent contenu et une interface intuitive, et les gens ne se soucieront pas de la longueur du défilement. Comme pour tout, vérifiez régulièrement vos analyses pour voir le succès de votre site à long défilement et soyez prêt à le modifier si nécessaire.


Et après?

Si vous êtes un spécialiste du marketing travaillant avec des sites WordPress, les plugins sont le moyen idéal pour rationaliser vos efforts ! Trouver le parfait pour vous aider à atteindre vos objectifs, cependant, peut être un peu comme tester A / B un CTA - il faut des recherches, des tests et un suivi des résultats pour savoir exactement ce qui rapporte. Multipliez maintenant cela par toutes les options utiles dans le répertoire des plugins, et vous obtenez une liste de blanchisserie à prioriser.

Aimez-vous utiliser les sites à défilement long et avez-vous de bons conseils à ajouter à cette liste ? Dites-le moi dans les commentaires ci-dessous.