Bonnes pratiques : Scroll infini

Le scroll infini consiste à charger du nouveau contenu directement dans la page sans rechargement. L’avantage pour l’utilisateur est d’avoir une consultation fluide et sans interruption. Voici un petit article sur les points à vérifier quand vous utilisez cette technique.

Les listings produits, le contenu éditorial, les banques d’images etc… sont particulièrement adaptés à cette technique. Dans le cas d’un listing produit, il est plus simple pour l’utilisateur de comparer les produits entre eux sur la même page. Malheureusement sur de nombreux sites, cette technique n’est pas bien utilisée.

Vogue a créé un site très agréable à consulter avec de nombreux visuels et une mise en page originale tout en utilisant le scroll infini. Le problème concerne la visibilité du pied de page (footer),  qui redescend automatiquement sous le nouveau contenu qui vient d’être chargé. C’est bien dommage pour un magazine en ligne de perdre de la visibilité sur des liens comme les réseaux sociaux ou la newsletter.

Analyse ergonomie du scroll infini ux design

Comment résoudre le problème en gardant l’avantage de cette technique ?

– Dans le cas où vous n’avez pas de pied de page ou de contenu, vous pouvez garder cette technique à l’identique.

– Si vous avez du contenu en-dessous ( footer, liens etc.. ), utiliser un bouton   » Voir les X articles/produits suivants »  pour demander l’action à l’utilisateur. Ce bouton ou lien peut remplir toute la largeur de la page pour être facile d’accès.

– Prenez en compte le type d’appareil qui sera utilisé sur votre site / application. Les mobiles avec une faible bande passante ne pourront pas charger autant de contenus qu’une connexion ADSL ou wifi.

Conclusion.

Le scroll infini est une excellente technique qui devient de plus en plus courante, et utile surtout sur mobile ou tablette. Prenez le temps de réfléchir et de tester les différents navigateurs, la façon de recharger vos contenus et surtout la réaction de vos utilisateurs par rapport à cette technique.  Même si elle semble très intéressante, cette technique peut ne pas convenir à votre site, ou vos utilisateurs.

Vous avez vu des sites qui utilisent bien cette technique ? Vous appréciez cette technique ou pas ?

 

Partager sur facebook
Facebook
Partager sur pocket
Pocket
Partager sur twitter
Twitter
Partager sur linkedin
LinkedIn

Articles en relation :

Newsletter

Recevez les 10 meilleures actualités autour du CRO tous les mois: articles, process, outils, conférences, ...

Vous voulez savoir où et comment démarrer l'optimisation de votre site ?

Je peux détecter vos opportunités d'optimisation et vous délivrer les recommandations à appliquer, mais êtes-vous prêt ?

4 Comments

Bonnes pratiques : Scroll infini « Fauveaux Mathieu UX Designer basé à Lille. Ergonomie, Optimisation, Analytics. | UXWeb.info · 5 août 2012 at 21 h 24 min

[…] Voici un petit article sur les points à vérifier quand vous utilisez cette technique. Link – Trackbacks Posted in User experience (UX) | Permalink. ← Search vs. Browse on […]

Bonnes pratiques : Scroll infini « Fauveaux Mathieu UX Designer basé à Lille. Ergonomie, Optimisation, Analytics. | UXWeb.info · 5 août 2012 at 21 h 24 min

[…] Voici un petit article sur les points à vérifier quand vous utilisez cette technique. Link – Trackbacks Posted in User experience (UX) | Permalink. ← Search vs. Browse on […]

Bonnes pratique : Scroll infini par Fauveaux Mathieu UX Designer | Actu - ergonomie et parcours web | Scoop.it · 7 septembre 2012 at 17 h 17 min

[…] Optimisez l'expérience utilisateur de votre site en utilisant la technique du scroll infini pour votre site ou application mobile.  […]

Bonnes pratique : Scroll infini par Fauveaux Mathieu UX Designer | Actu - ergonomie et parcours web | Scoop.it · 7 septembre 2012 at 17 h 17 min

[…] Optimisez l'expérience utilisateur de votre site en utilisant la technique du scroll infini pour votre site ou application mobile.  […]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.