L'ancienne manta Keep-It-Over-the-Scroll-Manta n'est pas toujours ce dont votre contenu - et votre design - a besoin. Voici sept façons de créer un site Web à long défilement qui retiendra l’attention des utilisateurs et, espérons-le, les maintiendra en défilement.
Le défilement prolongé peut être un excellent moyen d'impliquer les utilisateurs. Parfois, la meilleure présentation visuelle possible ne se produit pas entièrement au-dessus du parchemin. Les formats à long défilement sont des sites Web qui défilent plusieurs fois pour capturer ce contenu. Laissons le concept souvent débattu. Les utilisateurs d'aujourd'hui comprennent quand et comment faire défiler.
1. Créer un contenu engageant
Un contenu de qualité est la clé n ° 1 du succès d'un site Web à long défilement. Sans un excellent contenu, rien d'autre ne compte vraiment.
La mauvaise nouvelle est qu’il n’ya pas de test de contenu de qualité qui vous dira si ce que vous créez est bon. (L'analyse de l'utilisateur fournira cette information.)
Toutefois, vous pouvez contribuer à créer le meilleur contenu possible:
- Racontez une histoire intéressante et personnalisez-la.
- Utilisez des éléments visuels intéressants et à haute résolution tels que des photos, des illustrations et des vidéos.
- Donner aux utilisateurs une raison de faire défiler. (Il y a une raison pour laquelle de nombreux chapitres de livres se terminent par des cliffhangers; cela incite les gens à lire.)
- Limiter les choix. Donnez aux utilisateurs quelque chose à faire dans la conception, mais ne les surchargez pas avec trop d'options. Un appel à l'action par étape de défilement ou d'histoire est suffisant.
- Ecrire une copie alléchante. Alors que les éléments visuels créent une première impression, ce sont les mots qui permettront aux utilisateurs de continuer à naviguer dans le contenu. Utilisez des verbes d'action et engagez-vous dans une histoire à raconter et à mettre en œuvre.
2. Construire un thème visuel
Un thème visuel fort aidera les utilisateurs à comprendre que l'histoire de l'écran précédent, ou le défilement, continue. Des indices visuels tels qu'un fil de couleur commune, des flèches et des lignes de connexion ou même des écrans qui semblent se chevaucher peuvent créer une ligne visuelle de défilement à défilement. Cela aidera à garder les utilisateurs en mouvement tout au long de la conception.
Et voici comment savoir si une conception à long défilement fonctionne pour votre site Web. Suivre le temps sur site dans vos analyses. Les utilisateurs restent-ils sur le site plus longtemps qu'avant la mise en œuvre d'options de défilement prolongé? Interagissent-ils avec plus ou moins de contenu? L'action de conversion finale souhaitée a-t-elle augmenté ou diminué?
Plus qu'un thème visuel, un long défilement devrait aider le trafic du site Web. Si cela ne se produit pas, les utilisateurs risquent de ne pas comprendre le thème visuel et de choisir le défilement ou le concept ne fonctionne peut-être pas pour cette base d'utilisateurs. (Le défilement long ne convient pas à tout le monde ni à tous les types de contenu.)
3. Enchanter avec des interactions
L'un des grands avantages du long défilement est qu'il se prête parfaitement aux techniques de narration immersives sur le Web. Et cela inclut souvent de nombreuses petites interactions conçues pour ravir les utilisateurs.
Des animations aux actions de diapositives, en passant par les techniques de défilement et les images transformées à l'écran, ces petites interactions peuvent aider à garder les utilisateurs engagés. Beatrate, ci-dessus, utilise une poignée d'interactions - vidéo, boîtes animées sur le défilement, effets de survol, compteurs en rotation et un curseur d'image.
Chaque partie du défilement comprend des animations uniques à cette zone de contenu. Étant donné que les éléments, les interactions et le contenu sont différents (tout en respectant des modèles d'utilisateur bien compris), les visiteurs ont quelque chose de nouveau à faire avec chaque coup de souris.
4. Utiliser une technique de défilement
Une des raisons pour lesquelles les concepteurs aiment les sites Web à long défilement est qu’ils fonctionnent bien sur les appareils de bureau et mobiles.
De nombreux utilisateurs préfèrent réellement faire défiler que cliquer (ou appuyer) sur des appareils plus petits, car toutes les informations sont toujours au même endroit et faciles d’accès.
Utilisez une technique de défilement, telle que la parallaxe, le blocage de couleurs ou des types de contenu mélangés (écrans alternants très chargés d'images, de texte ou de vidéo) pour que le dessin reste fluide. En utilisant et en mélangeant des techniques de défilement, la conception incite les utilisateurs à modifier le contenu tout en le gardant intéressant. Ces effets peuvent également encourager le défilement, car les utilisateurs voudront voir ce qui se passera ensuite.
Et avec une conception à long défilement, tout le contenu (ou une grande partie du contenu principal) est sur une seule page. Vous n'avez donc pas à repenser la navigation mobile ou masquée. Tout est là pour les utilisateurs.
5. Alterner le défilement long et court
Tout comme vous alterneriez des techniques de défilement pour créer des pages ou des écrans dans le défilement unique, créez un point pour mélanger les segments de défilement long et court.
Incluez des éléments de défilement rapides et faciles à digérer, tels que des images ou un bloc avec une poignée de gros mots. Ajoutez ensuite un élément de défilement plus long, tel qu'un bloc de texte infographique ou volumineux. Suivez cela avec un bref appel à l'action.
Mélanger la longueur des blocs de contenu permet de maintenir un flux qui ne soit pas ennuyeux pour les utilisateurs. (Le concept ressemble beaucoup à la rédaction de contenu, dans lequel vous souhaitez mélanger des longueurs de phrase pour éviter la monotonie ou l'ennui des lecteurs.)
6. Fournir une feuille de route
En ce qui concerne les sites Web à long défilement, les utilisateurs veulent savoir où ils se trouvent et quand ils en arriveront là où ils vont. Vous devez fournir une feuille de route.
Les feuilles de route des utilisateurs du site Web se présentent sous différentes formes:
- Navigation collante
- Points ou éléments indiquant la quantité de contenu restant
- Des flèches ou des signifiants qui indiquent aux utilisateurs quoi faire ensuite
- Un moyen de revenir au début ou à la fin
7. Concevoir des objectifs clairs
Les sites Web à long ou à défilement infini ne devraient pas être sans fin. La conception doit inclure un début, une fin et des objectifs clairs pour l'utilisateur.
Aussi cool que soit le design, il doit donner aux utilisateurs quelque chose à faire. (C'est pourquoi vous avez un site web, non?)
Il est important d'avoir l'appel à l'action à plusieurs endroits.Avant même de penser à la conception, décrivez ce que l’objectif final est censé être.Assurez-vous que chaque élément de la conception à long défilement aide les utilisateurs à atteindre cet objectif. Regardez l'exemple ci-dessus: chaque page et chaque parchemin comprend un bouton d'appel à l'action situé de manière centrale dans la conception et facile à voir et à cliquer.
Il est important que l'appel à l'action se produise à plusieurs endroits, car tous les utilisateurs ne défileront pas jusqu'à la fin du contenu à long défilement. Quelle que soit la qualité de l'histoire, la qualité des images, la qualité des interactions? la plupart des utilisateurs ont une capacité d'attention limitée et décideront s'ils veulent et comment participer à la conception en quelques secondes. Assurez-vous que l'élément exploitable est clair dès le début et accessible à chaque étape de l'interaction de conception.
Conclusion
Bien que les conceptions de sites Web à long défilement ne soient pas nouvelles, les méthodes d'amélioration de l'expérience évoluent. Cela commence par un excellent contenu et se termine par la manière dont vous organisez l'expérience.
Sachez que les techniques et concepts de long défilement sont encore assez débattus dans la communauté des concepteurs et des utilisateurs. Pesez le pour et le contre et déterminez si cette technique convient à votre concept. Assurez-vous ensuite de mesurer les analyses et d'effectuer des tests pour vous assurer qu'il fonctionne comme prévu.