Les sites Web d'une page constituent une tendance majeure en matière de design. Surtout lorsqu'il s'agit de conceptions d'une page bourrées de contenu, grâce aux techniques de défilement infini qui permettent aux concepteurs de continuer indéfiniment une page Web.
Cette technique est idéale pour certains sites et types de contenu, alors que pour d'autres, elle peut être lourde et frustrante. Comme toute autre technique de conception, vous ne devriez pas le faire simplement parce que vous voulez essayer quelque chose de nouveau. cela devrait être une partie stratégique de votre cadre de conception. Alors, comment pouvez-vous décider? Jetons un coup d'œil aux avantages et inconvénients des sites Web à défilement infini.
Qu'est-ce que le défilement infini?
Avant de plonger dans les avantages et les inconvénients du défilement infini, nous devons nous assurer qu'il est bien compris. Avec le nombre croissant de sites Web d'une page chaque jour, il est important de distinguer le défilement infini du défilement parallaxe.
Le défilement parallèle est une technique de conception populaire dans laquelle les images d’arrière-plan et d’avant-plan se déplacent à des vitesses différentes. créer une illusion de profondeur. Cette technique est souvent utilisée sur des sites Web d'une page pour imiter l'apparence d'avoir plusieurs pages ou écrans pour différents éléments de contenu. Bien que le défilement parallaxe n’ait pas de limite, la plupart des concepteurs le limitent à une poignée de panneaux.
Le défilement infini est une autre technique de conception répandue dans laquelle le contenu continue de s'afficher en bas de l'écran lorsqu'un utilisateur fait défiler la page. Le résultat est un? Interminable? flux de contenu qui continue de croître avec l'action de l'utilisateur. Il n'a pas de point d'arrêt ou d'extrémité distinct (ou aucun). Des exemples courants de défilement infini en action sont les sites de médias sociaux populaires tels que Facebook, Twitter et Pinterest. Chacun de ces sites utilise cette technique de défilement infini pour conserver les informations dans les flux, afin que les sites n'aient pas de fin.
Pro: conserver les utilisateurs
Le défilement infini peut être un excellent outil pour les sites Web qui souhaitent conserver les utilisateurs pendant de longues périodes. Cette technique est courante pour les sites contenant des listes ou du contenu fréquemment mis à jour. (Retour à l'utilisation courante parmi les sites de médias sociaux.)
Le contenu continuant à apparaître, les utilisateurs se retrouvent alors à faire défiler et à interagir pendant de plus longues périodes. Qui ne veut pas voir la nouvelle chose qui vient d'apparaître sous le contenu avec lequel vous avez déjà interagi? Cette technique peut aider les concepteurs à obtenir un contenu varié devant les utilisateurs, voire même des informations qu’un utilisateur n’aurait peut-être pas trouvées autrement.
Con: informations de pied de page perdu
L’un des problèmes majeurs du défilement infini est l’absence de pieds de page sur bon nombre de ces sites. Les utilisateurs aiment et comprennent les pieds de page. Les concepteurs et les développeurs ont? Formés? aux utilisateurs qu’un pied de page apparaîtra à la fin avec des informations essentielles sur le site Web, telles que des informations de contact ou de réseau social, des avis de confidentialité ou de sécurité, des informations de copyright, etc.
Les pieds collants sont une solution à ce problème. Plus de sites avec défilement infini commencent à utiliser cette technique. Mais il est important de déterminer où vit votre site Web et de vous assurer que les utilisateurs peuvent les trouver.
Pro: idéal pour mobile et tactile
Le défilement infini est presque conçu pour les utilisateurs mobiles. Contrairement aux expériences sur des sites Web de bureau - pour lesquels nous plaidons depuis des années pour savoir si le parchemin était mort ou non -, le mobile est conçu pour le défilement. Les utilisateurs s'attendent à faire défiler. Le défilement infini est une expérience attendue et presque souhaitée pour cette plate-forme.
De plus, le défilement infini fonctionne bien avec le toucher. Pensez à la conception de nombreux projets de défilement infinis, de boîtes de contenu qui apparaissent. Chacune de ces boîtes est conçue de manière à faire de chacune d’elles un élément unique qu’il faut exploiter ou cliquer pour obtenir davantage.
Inconvénients: la navigation et les liens peuvent devenir désordonnés
Sachant qu'un pourcentage élevé des visiteurs du site Web accède à un site autrement que par la page d'accueil, la navigation est essentielle pour garder ces utilisateurs à portée de main. Le défilement infini peut rendre la navigation un peu compliquée.
Où vit la navigation? Un concept collant est une option ici. Mais comment fait-il un lien vers un autre contenu? Quels sont les modèles de liens et de flux du sitemap? Si tout est sur une page géante, cela peut être difficile.
Cela peut également rendre difficile la création de signets et les sauts. Connaître ces utilisateurs à la fois enregistrer et sauter des informations est quelque chose que vous devez prendre en compte dans la conception du site. Une alternative est de coder? Pages? dans la technique de défilement afin que les informations soient regroupées d’une manière ou d’une autre.
Pro: Made for Visuals
Le défilement infini est juste fait pour les sites Web visuels. Vous pouvez afficher un nombre illimité d’images dans le style de Pinterest.
Il n'y a pas de limite au nombre d'images ou de tailles d'images ou de formes d'images. Tout cela peut être assemblé comme un puzzle géant pour offrir une esthétique intéressante. Les éléments visuels peuvent être combinés à d'autres éléments tels que du texte, des couleurs ou des outils d'interface utilisateur pour impliquer encore plus les utilisateurs.
Les sites Web qui utilisent le plus souvent le défilement infini (et de la meilleure façon) sont ceux qui incluent un contenu très visuel. Les portfolios de conception et de photos et le contenu du site de partage de photos sont courants. Un autre contenu courant est l'agrégation, telle que Tumblr (qui a aussi tendance à être visuel) et certains e-commerce.
Con: le suivi des analyses est plus difficile
Si vous vivez pour l’analyse, le défilement infini présente de grands défis. Une ligne de code Google Analytics peut ne pas fournir toutes les informations nécessaires et certains outils tiers peuvent être nécessaires.
Cela pose également des problèmes d'optimisation des moteurs de recherche. Il existe des moyens de surmonter les problèmes de référencement, mais vous devez en tenir compte. Google propose un guide pour rendre ces applications accessibles à leurs robots d'exploration dans la boîte à outils des webmasters.
Pro: facilite la navigation
Chaque utilisateur sait faire défiler. C'est si simple.
Avec un grand nombre de techniques de défilement différentes sur des sites Web qui nécessitent des instructions, le défilement infini est l’un des plus simples. Descendez la page et plus de contenu apparaîtra. Vous n'avez pas à vous inquiéter du fait que des utilisateurs abandonnent votre site, car ils ne comprennent pas comment cela fonctionne.
Inconvénients: temps de chargement et problèmes liés aux collisions
Parfois, le défilement infini se coince. Cela peut être lent. Il peut simplement cesser de fonctionner si les utilisateurs font effectivement défiler indéfiniment. Il peut se bloquer, comme tout autre type de conception de site.
Bien que toutes ces préoccupations soient valables, vous pouvez en combattre beaucoup en appliquant de bonnes pratiques de conception et de développement. Vous pouvez également envisager l’idée qu’un parchemin infini ne doit pas nécessairement être infini. Peut-être que le parchemin est long mais a une fin. Peut-être que cela charge autant d'images et demande ensuite à l'utilisateur de cliquer pour plus. Peut-être que le site défile à l'infini, mais ce défilement est en réalité une boucle de contenu.
Pro: ouvre la porte à la créativité
Les exemples dans l'exemple ci-dessus ne font que donner une idée du nombre d'options dont vous disposez lorsque vous envisagez de faire défiler à l'infini un projet de conception Web. Cette technique ouvre la porte à la créativité et à de nouvelles façons de présenter des informations et de raconter des histoires.
Considérez comment cette technique pourrait fonctionner en collaboration avec votre contenu et d'autres parties de la conception de votre site Web. Le défilement infini est-il quelque chose qui fonctionne sur une seule page d'un site Web plus grand? Est-ce une façon de raconter une histoire unique en conjonction avec d'autres effets? Réfléchissez à la manière dont cette technique aide votre contenu (et si elle l’aide) avant de commencer à l’utiliser.
Con: Même vieille conception
Malheureusement, l'un des plus gros pièges du défilement infini est que de nombreux sites utilisant cette technique se ressemblent. Beaucoup d'entre eux ont des contours qui ressemblent à un Pinterest-wannabe.
Pour un impact maximal, vous devez créer quelque chose qui vous appartient et le posséder. Utilisation du défilement infini parce que "tout le monde le fait" ne vous servira pas bien à la fin.
Conclusion
Que vous utilisiez ou non le défilement infini dans vos projets peut être une décision importante. Tendance et amusant, il offre des avantages distincts, mais il peut également présenter des défis pour les concepteurs et les utilisateurs. Il vaut la peine de peser le pour et le contre avant de commencer. Voici donc une liste de contrôle de style récapitulatif!
Avantages
- Conserver les utilisateurs
- Idéal pour mobile et tactile
- Fait pour les visuels
- Facilite la navigation
- Ouvre la porte à la créativité
Les inconvénients
- Informations de pied de page perdues
- La navigation et les liens peuvent devenir désordonnés
- Le suivi des analyses est plus difficile
- Temps de chargement et problèmes de crash
- Même conception ancienne