Défilement infini: avantages et inconvénients

/2015-03-01 06:47:08/
Eldridge
/Programmes/

Les sites Web d'une page sont une tendance de conception majeure. Surtout quand il s'agit de conceptions d'une page remplies de contenu, grâce à des techniques de défilement infinies qui permettent aux concepteurs de continuer une page Web indéfiniment.

Cette technique est idéale pour certains sites et types de contenu, tandis 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 aux inconvénients des sites Web à défilement infini.

Qu'est-ce que le défilement infini?

Avant de plonger dans le bien et le mal du défilement infini, nous devons nous assurer qu'il est clairement compris. Le nombre de sites Web d'une page augmentant chaque jour, il est important de distinguer le défilement infini du défilement parallaxe.

Le défilement parallaxe est une technique de conception populaire dans laquelle les images d'arrière-plan et de premier plan se déplacent à différentes «vitesses» pour créer une illusion de profondeur. La technique est souvent utilisée sur les sites Web d'une page pour imiter l'apparence d'avoir plusieurs pages ou écrans pour différents éléments de contenu. Alors que le défilement de parallaxe n'a pas de limite, la plupart des concepteurs s'en tiennent à une poignée de panneaux.

Le défilement à l'infini est une autre technique de conception populaire dans laquelle le contenu continue de se remplir au bas de l'écran pendant qu'un utilisateur fait défiler la page. Le résultat est un flux de contenu «sans fin» qui continue de croître avec l'action de l'utilisateur. Il n'a pas d'arrêt ou de point de terminaison distinct (ou aucun). Des exemples courants de défilement infini en action sont les sites de médias sociaux populaires Facebook, Twitter et Pinterest. Chacun de ces sites utilise cette technique de défilement à l'infini pour conserver les informations dans les flux, afin que les sites n'aient pas de fin.

Pro: fidéliser 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. La technique est courante pour les sites dont les listes ou le contenu sont fréquemment mis à jour. (Retour à l'utilisation courante parmi les sites Web de médias sociaux.)

Parce que le contenu continue d'apparaître, les utilisateurs se retrouvent à 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 à mettre une variété de contenus à la disposition des utilisateurs, voire même des informations qu'un utilisateur n'a peut-être pas trouvées autrement.

Con: Informations sur le pied de page perdu

L'une des plus grandes préoccupations avec le défilement infini est le manque de pieds de page sur bon nombre de ces sites Web. Les utilisateurs aiment et comprennent les pieds de page. Les concepteurs et les développeurs ont des utilisateurs «formés» pour qu'un pied de page apparaisse à la fin avec des éléments essentiels sur le site Web tels que des informations de contact ou de médias sociaux, des avis de confidentialité ou de sécurité, des informations de copyright et plus encore.

Les pieds de page collants sont une solution à ce problème. De plus en plus de sites avec défilement infini commencent à utiliser cette technique. Mais il est important de considérer où vivent les éléments vitaux de 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 de sites Web de bureau - où nous avons fait valoir pendant des années si le défilement é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 également bien avec le toucher. Pensez à la conception de nombreux projets à défilement infini, des boîtes de contenu qui apparaissent. Chacune de ces boîtes est conçue de telle manière que chacune d'elles est un élément unique à utiliser ou à cliquer pour en savoir plus.

Con: la navigation et la liaison peuvent devenir désordonnées

Sachant qu'un grand pourcentage des visiteurs du site accèdent à un site d'une manière autre que la page d'accueil, la navigation est vitale pour garder ces utilisateurs autour. Le défilement infini peut rendre la navigation quelque peu désordonnée.

Où vit la navigation? Un concept collant est une option ici. Mais comment est-il lié à d'autres contenus? Quels sont les modèles de liens et de flux du plan du site? Si tout est sur une seule page géante, cela peut être difficile.

Cela peut également rendre les signets et les sauts difficiles. Connaître ces utilisateurs à la fois pour sauvegarder et sauter les informations est quelque chose que vous devez considérer dans la conception du site. Une alternative consiste à coder les «pages» dans la technique de défilement afin que les informations soient regroupées d'une manière ou d'une autre.

Pro: Conçu pour les visuels

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 limites sur le nombre d'images ou les tailles d'images ou les formes d'images. Tout peut être assemblé comme un puzzle géant pour fournir une esthétique intéressante. Les visuels peuvent être combinés avec d'autres éléments tels que du texte, des couleurs ou des outils d'interface utilisateur pour engager encore plus les utilisateurs.

Les sites Web qui utilisent le plus souvent (et de la meilleure façon) le défilement infini sont ceux qui incluent un contenu hautement visuel. Les portefeuilles de conception et de photos et le contenu du site de partage de photos sont courants. D'autres contenus communs sont l'agrégation, comme Tumblr (qui a également 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 gros défis. Une ligne de code Google Analytics peut ne pas fournir toutes les informations dont vous avez besoin 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 a un guide pour rendre ces applications accessibles à leurs robots d'exploration dans la trousse à outils des webmasters.

Pro: facilite la navigation

Chaque utilisateur sait faire défiler. C'est si simple.

Avec de nombreuses techniques de défilement différentes sur des sites Web qui nécessitent des instructions, le défilement infini est parmi les plus simples. Descendez la page et plus de contenu apparaîtra. Vous n'avez pas à vous soucier des utilisateurs qui abandonnent votre site car ils ne comprennent pas comment cela fonctionne.

Con: temps de chargement et problèmes de plantage

Parfois, le défilement infini est bloqué. Cela peut être lent. Il peut simplement cesser de fonctionner si les utilisateurs défilent 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 avec de bonnes pratiques de conception et de développement. Vous pourriez également considérer l'idée qu'un défilement infini ne doit pas nécessairement être infini. Peut-être que le parchemin est long mais a une fin. Peut-être qu'il charge autant d'images et demande ensuite à l'utilisateur de cliquer pour en savoir plus. Peut-être que le site défile à l'infini, mais ce défilement est en fait une boucle de contenu.

Pro: ouvre la porte à la créativité

Les maybes de l'exemple ci-dessus commencent seulement à indiquer le nombre d'options que vous avez lorsque vous envisagez un défilement infini pour un projet de conception Web. La 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 fonctionne-t-il sur une seule page d'un plus grand site Web? Est-ce un moyen de raconter une histoire unique en conjonction avec d'autres effets? Considérez comment cette technique aide votre contenu (et si elle aide votre contenu) avant de commencer à l'utiliser.

Con: même vieux design

Malheureusement, l'un des plus grands pièges du défilement infini est que tant de sites utilisant cette technique se ressemblent. Beaucoup d'entre eux ont des contours qui ressemblent à un aspirant Pinterest.

Pour avoir le plus d'impact, vous devez créer quelque chose qui vous appartient et le posséder. Utiliser le 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 grande décision. Il est à la mode et amusant et 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 chacun des avantages et des inconvénients avant de commencer, alors voici une liste de contrôle de style récapitulatif!

Avantages