Comment utiliser la tendance de défilement infini, la bonne façon
Le défilement infini est devenu un modèle de conception commun au cours des dernières années.
Avec de nombreux réseaux sociaux de haut niveau adoptant la solution, il s’agit de l’un des modèles les plus largement adoptés. Bien que populaire, chaque modèle a ses propres forces et faiblesses.
Fait mal, et le défilement infini va détruire votre UX et garantir un échec total que les utilisateurs vous abandonnent en masse. Faites-le bien, et vous aurez un site intuitif, populaire et performant.
Comprendre pourquoi le défilement infini entraîne l'engagement
Lors de la mise en œuvre d'un modèle de conception, il est toujours essentiel d'évaluer les avantages et les inconvénients de chaque scénario unique. Ce qui a entraîné un plus grand engagement de la part de l'utilisateur pour quelqu'un d'autre peut en réalité entraîner une réduction de l'engagement de l'utilisateur de votre part.
En particulier pour le défilement infini, il s'agit du type de contenu avec lequel les utilisateurs interagissent.
Être capable de déterminer quel type d'objectifs de contenu vous avez pour vos utilisateurs sera en mesure de vous donner une idée des modèles de conception qui fonctionneront le mieux dans votre situation. Ceci s'applique à n'importe quel motif, mais surtout au défilement infini.
Contenu d'engagement élevé
Un contenu qui cherche à saisir et à garder l'intérêt de l'utilisateur pendant une période de temps prolongée, ou qui cherche à être interactif, n'est tout simplement pas un candidat idéal pour un défilement infini typique. Si votre objectif est que vos utilisateurs lisent, aiment et partagent chaque publication individuelle, leur donner des dizaines de pages à traiter à la fois peut sembler insurmontable.
Cela étant dit, Moyen a trouvé un moyen de l'implémenter avec succès avec un contenu qui ne bénéficierait généralement pas d'un défilement infini.
Au lieu de présenter l'utilisateur avec les dix ou vingt messages suivants, Medium fournit une recommandation unique à la fin de chaque article. Cela reste fidèle à la fonction d'engagement élevée, mais offre l'avantage de la navigabilité apportée par le défilement infini. Ainsi, même si un objectif élevé peut être un engagement important, ne vous laissez pas décourager de faire votre propre solution créative.
Contenu à faible engagement
Le défilement infini est à son meilleur avec un contenu qui nécessite peu d’engagement. Des sites comme Gazouillement et Facebook sont des exemples spectaculaires de cela. L'utilisateur typique de ces sites fait simplement défiler la liste, consommant du contenu mais interagissant rarement avec elle. Bien que ce type de situation ne suscite pas beaucoup d'intérêt chez les utilisateurs, ils finissent par intéresser les utilisateurs pendant de longues périodes.
Variables incontrôlables dans le type de contenu
Bien qu'il soit parfois évident de savoir quel type de contenu votre site Web peut avoir, qu'en est-il de ceux qui ne le sont pas en noir et blanc? Tumblr est un bon exemple de cela, avec un contenu qui pourrait avoir des objectifs d'implication utilisateur élevés ou faibles selon le type de blogs que l'utilisateur suit. Bien que ces situations soient rares, elles posent un problème car le défilement infini ne serait bénéfique que pour la moitié des utilisateurs. Chose intéressante, la solution dans ce cas est de minimiser les options d'interaction d'un utilisateur avec chaque message individuel. Cela permet aux utilisateurs à forte implication de se concentrer étroitement sur les publications individuelles et les utilisateurs peu engagés à consommer beaucoup plus de contenu sans avoir à interagir autant.
Il convient également de noter que Tumblr fait un travail fantastique en permettant aux utilisateurs de déterminer la valeur du contenu sur une base individuelle. Donner aux utilisateurs la possibilité d’activer ou de désactiver le défilement infini dans leurs préférences permet de mieux contrôler leur consommation du contenu.
Solutions de défilement hybride
De nombreux endroits choisissent d'implémenter une approche hybride du défilement infini, invitant l'utilisateur à charger davantage de contenu lorsqu'il atteint la fin d'une page. Ce faisant, ils redonnent à l'utilisateur le contrôle de la quantité de contenu à charger, ce qui est essentiel sur mobile. Cette solution permet également de maintenir une charge de données cohérente sur le serveur. Après avoir chargé automatiquement un nombre prédéfini de pages, un bouton apparaîtra pour inviter l'utilisateur à charger plus manuellement.
Quand le défilement infini se passe mal
Il existe d'innombrables exemples de sites Web utilisant le défilement infini, et plusieurs d'entre eux le font pour les utilisateurs de décrémentation. Dan Nguyen a écrit un article intéressant quand Etsy a tenté d'implémenter la fonctionnalité. Ce qui a fini par arriver, c’est qu’Etsy a commencé à l’implémenter avant de tester leurs hypothèses. Charger plus de résultats de recherche, à un rythme plus rapide, semblerait être une bonne chose au début… Mais lorsque le contenu nécessite un engagement important de la part des utilisateurs, comme c'est le cas avec les achats, les choses peuvent rapidement tourner au vinaigre.
Dans ce cas particulier, les utilisateurs recherchent activement quelque chose d’intéressant. Tenter de trouver le produit parfait dans un océan de choix. Ainsi, lorsque l'utilisateur est inondé d'une quantité apparemment infinie de choix, il abandonne et cherche d'autres moyens de trouver ce qu'il recherche.
Meilleures pratiques pour le défilement infini
Comme pour tout modèle de conception, il existe de bonnes pratiques à suivre. Ce ne sont pas les lois de l'utilisation du motif; ils sont plutôt ce que font la majorité des implémentations réussies.
- Ayez une solution de rechange harmonieuse: assurez- vous que les utilisateurs sans JavaScript ne sont pas laissés pour compte. Concevez d'abord pour la pagination à l'ancienne, puis utilisez JavaScript pour le masquer et implémenter un défilement infini.
- Donner une indication visuelle du chargement de plus de contenu: fournir aux utilisateurs une animation de chargement les informe de ce qui se passe. Sans elle, la page semble avoir atteint une impasse sur les connexions lentes.
- Fonctionnalité du bouton Garder en arrière: Bien que de nombreuses implémentations oublient ce détail majeur, assurez-vous de conserver les fonctionnalités de base du navigateur. Si un utilisateur s'éloigne de votre site Web et revient ensuite, il ne s'attend généralement pas à recharger en haut de la page.
- Gardez la navigation visible: bien que les utilisateurs souhaitent avant tout consommer votre contenu, ils souhaitent également naviguer vers d'autres parties de votre site Web. S'ils sont forcés de faire défiler manuellement des centaines de messages, ils peuvent choisir de partir.
- Contenu Lazyload en avance sur l'utilisateur: L'intérêt de l'implémentation du défilement infini est d'avoir l'air d'un flux de contenu sans fin. Bien qu'il soit important de disposer d'un indicateur de chargement, les utilisateurs le verront rarement, voire jamais.
- Les liens devraient s'ouvrir dans une nouvelle fenêtre: ceci est une pratique très controversée; il choisit avec force pour l'utilisateur, mais avec l'intention de les aider. Forcer les liens à s'ouvrir dans une nouvelle fenêtre ou un nouvel onglet empêche les utilisateurs de quitter accidentellement la liste de chargement à l'infini et de perdre leur place.
- Les pieds de page peuvent être un obstacle: la mise en œuvre d’une solution de défilement infini implique souvent de renoncer à l’option d’un pied de page Web. Bien qu'il soit vraiment gênant d'essayer d'attraper un pied de page lorsque vous chargez automatiquement plus de messages, il existe d'autres options. Par exemple, l'utilisation d'une solution de chargement hybride vous permettrait de conserver un pied de page à la portée des utilisateurs.
En conclusion
Alors que le défilement infini peut être une fonctionnalité à la mode qui donne à l'utilisateur des options de contenu infinies ... Il doit être utilisé correctement.
Bien que nous voulions exposer les utilisateurs à davantage de contenu, nous ne voulons pas nuire à la valeur de chaque élément ou les laisser se sentir dépassés par les informations. Après tout, les utilisateurs sont là pour le contenu lui-même - et non pour la fonctionnalité de défilement sophistiquée.
Comme vous pouvez le voir, le défilement infini lui-même n'est pas intrinsèquement bon ou mauvais. Mais plutôt, son utilisation pourrait entraîner une implication plus ou moins forte des utilisateurs en fonction du type de contenu présenté. Dans cette optique, nous pouvons tenter de prédire où l’implémenter sera bénéfique.
Image / vignette en vedette, image d'escalator via Shutterstock.