Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

Le marketing en ligne : Série hebdomadaire

Comment bien tirer parti du défilement infini sur une mise en page web ?

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Les règles fondamentales du marketing s'appliquent également au monde numérique. Cependant, ce milieu présente des spécificités et des opportunités d'actions en constante évolution. Pour tous ceux qui veulent déployer un marketing dynamique en exploitant les possibilités du numérique, cette série hebdomadaire vous propose de faire régulièrement le point sur les avancées, les tendances et les retours d'expérience des professionnels. Didier Mazier vous accompagne dans la découverte du social marketing, de l'e-commerce, du growth hacking, et de bien d'autres techniques et stratégies. En suivant cette série, vous connaîtrez tout de ce qui anime le commerce moderne.
04:51
  Ajouter à vos favoris

Transcription

Bonjour je suis Didier Mazier et cette semaine nous allons nous intéresser à une technique de mise en page web que l'on nomme le scrolling infini ou infinite scrolling. web mais où tout le contenu va se trouver sur une seule et même page que l'on va pouvoir faire défiler. La question fondamentale est de savoir s'il faut privilégier ou non cette technique de mise-en-page. Commençons par consulter un exemple de comment fonctionne ce système de mise en page. Il s'agit d'une méthode qui va reposer sur une combinaison de HTML, de CSS et de JavaScript et l'on va pouvoir faire défiler la page pratiquement à l'infini ou tout au moins sur une très longue distance de manière à accéder à tous les contenus. Et puis on aura une navigation qui va nous permettre par clic d'arriver directement sur les contenus que nous souhaitons consulter. Voyons un autre exemple : nous sommes ici sur Deviant Art qui est un site qui propose de présenter des oeuvres d'artistes et de graphistes. Il s'agit de contenus visuels et nous allons pouvoir défiler pratiquement à l'infini une page et à l'aide d'une navigation latérale nous pourrons accéder à différents contenus. La question donc que nous pouvons nous poser maintenant c'est, devons-nous ou non privilégier ce type de mise en page ? Si oui dans quel cas et puis surtout quelles sont les bonnes pratiques si nous décidons de nous orienter dans cette direction ? vous allez avoir une mise en page qui va être adaptée particulièrement aux périphériques mobiles, smartphones et tablettes. Il est effectivement une page grâce à son index que sur un site qui va se trouver présenté sur un ordinateur de bureau. D'autre part, on va être concentré beaucoup plus sur le contenu que sur la navigation et puis c'est un système qui est particulièrement forcément ralentir le chargement. Donc pour l'utilisateur quelque part c'est une expérience qui va être beaucoup plus fluide. Par contre les détracteurs vont prétendre que la recherche y est plus difficile, que ce système va requérir une méthode de navigation spécifique, qu'il va falloir gérer le pied-de-page qui devra toujours être présent à l'écran même lorsque l'on sera sur le haut de la page et puis que l'utilisateur en parcourant plus rapidement le contenu risque de rebondir, c'est-à-dire de repartir beaucoup plus vite. Enfin ce type de mise en page va requérir du code JavaScript, ce qui peut quand même ralentir dans une certaine mesure le chargement des pages. Quelles sont les bonnes pratiques si vous décidez de mettre en place un scrolling infini ? Premièrement le scrolling infini est bien adapté si vous avez des contenus visuels à mettre en avant. Si votre site est optimisé pour la conversion, c'est-à-dire que vous avez prévu des boutons qui vont appeler à l'action et puis des présentations d'éléments qui vont être très incitatifs, vous pourrez mettre en place un scrolling infini. Le contenu principal en tout état de cause devra être placé bien entendu en tête et il faudra prévoir un indicateur de progression pour que l'utilisateur sache où il se trouve dans ce défilement qui peut être infini, mettre en place un système de navigation permanente qui sera comme le pied-de-page toujours apparent à l'écran, mettre en place des contenus qui vont être des contenus pertinents pour éviter le rebond et puis ne pas ajouter d'autres effets visuels. Le scrolling infini est en lui-même un effet visuel qui est très important. Si vous ajoutez d'autres effets visuels vous risquez de saturer la mémoire cognitive de l'utilisateur. Pensez à prévoir également un indicateur de chargement puisque le chargement peut dans certains cas sur des contenus visuels de qualité être assez long. Prévoyez également une pagination et puis lorsque vous allez sur votre page de scrolling infini mettre les liens qui vont envoyer vers d'autres sites web, il va falloir que les liens ouvrent ces sites dans un nouvel onglet. Si ce n'est pas le cas lorsque l'utilisateur reviendra sur votre page il repartira au début de la page et ça risque d'être un problème pour lui de retrouver le contenu dont il était parti. Vous voyez qu'en respectant ces quelques bonnes pratiques vous allez pouvoir efficacement décider si vous le souhaitez de mettre en place cette méthode de mise en page de scrolling infini. J'espère que cela vous a intéressé et puis je vous dis à la semaine prochaine. Il s'agit d'une forme de mise en page où nous n'allons pas créer plusieurs pages Commençons par voir les points positifs. Avec du scrolling infini, plus facile pour l'utilisateur sur ce type de périphérique de faire défiler Il facilite l'ajout de nouveau contenu puisqu'il ne faudra pas ajouter de nouvelles pages avec une navigation vers cette nouvelle page mais simplement d'ajouter du contenu par exemple à la suite du contenu existant et il ne va pas