top of page

Copié

Tendance web design : page longue à scroller



Tendance web design : page longue à scroller

Qu’est-ce que le « Long scrolling » ?


Cette semaine, nous vous présentons une tendance du web design qui déferle sur le Web pour le plus grand plaisir des surfeurs en quête d’une navigation originale : les pages longues à scroller – ou pour les anglophones, long scrolling pages. Si vous êtes actif sur les réseaux sociaux, ce type d’expérience en ligne vous est probablement déjà familier. Facebook, Twitter ou encore Pinterest invitent les utilisateurs à faire défiler la page de haut en bas de façon à accéder aux informations qu’ils recherchent de façon intuitive. Le concept est simple, il s’agit simplement d’éviter la perte de temps due au chargement des informations et d’organiser son contenu de manière à le rendre clair et accessible en un coup de roulette de souris (ou alternativement de pouce, pour les amateurs de smartphones).


Ci-dessous, trois exemples de sites qui utilisent cette tendance :


The Beetle >>



Capture d'écran du site de Beetle




Capture d'écran du site Nest




Capture d'écran du site Flickr


Pourquoi cette tendance ?


La révolution mobile bat son plein. Notre utilisation d’Internet a dramatiquement changé depuis que nous y accédons depuis nos smartphones. Etant donné la croissance rapide du nombre de mobinautes, les services en ligne doivent s’adapter à leur expérience et présenter, inévitablement, une navigation verticale. L’objectif est de fournir un maximum d’informations au sein d’une interface relativement étroite. Il doit être possible de consulter la page Web dans son intégralité à l’aide d’un simple geste du doigt. Les internautes aiment la rapidité et la facilité. Les mobinautes en raffolent.


Bien entendu, les sites les plus populaires ont conscience de ce phénomène et s’y sont adaptés (Facebook, Twitter, Tumblr, Instagram). Par conséquent, cette tendance ne s’applique pas uniquement au Web mobile mais à l’expérience des utilisateurs en ligne quelle que soit la plateforme qu’ils utilisent. Cet hiver, les sites de scrolling risquent fort de défiler abondamment sur la toile.



Image présentant côte à côte Facebook, Twitter et Pinterest


Est-ce judicieux pour moi d’utiliser cette tendance ?


Si vous envisagez de créer un site (ou de refondre le vôtre) en utilisant ce style de design, il est préférable qu’il réponde à l’un – ou à plusieurs – des critères ci-dessous :


  • Une grande partie de vos visiteurs consultent votre site depuis leur smartphone ou tablette

  • Votre site présente une panoplie d’informations qui gagnent à être présentées sur une seule page

  • Web (par exemple, un CV ou un magazine en ligne, l’orientation du site est d’informer au maximum rapidement et non de pousser le visiteur à la consommation).

  • Vous actualisez régulièrement votre site ou présentez votre contenu par ordre anti-chronologique (comme le font les blogs et les revues en ligne).

  • Votre site présente peu de médias. Les sites qui affichent de nombreuses vidéos et galeries d’images risquent de mettre un certain temps à charger, ce qui peut faire fuir les internautes – impatients que nous sommes.

Posez-vous cette simple question : souhaitez-vous que vos visiteurs fassent défiler votre contenu ou qu’ils cliquent dessus ? L’un n’empêche pas l’autre bien évidemment, mais pensez en termes de priorité.



Comment utiliser le long scrolling sur mon site ?


C’est très simple ! Ci-dessous, une sélection de modèles de sites prêts à l’emploi conçus pour procurer une navigation de ce genre :




Template Wix : Clear View single-page




Template RAW landing Page




Template Road Trip dynamic


Pour « allonger » votre site Wix, il vous suffit simplement d’ajouter du contenu sur la longueur de votre page. Cette dernière s’ajustera en fonction de vos modifications. Vous pouvez également faire glisser l’élément qui se situe en pied de page (généralement il s’agit du formulaire de contact) de façon à déterminer la profondeur que vous souhaitez donner à votre page.


Besoin d’inspiration ? Nous vous présentons les sites créés par nos utilisateurs qui ont su surfer avec beaucoup d’élégance sur cette tendance.



Wagner Design Graphique >>



Capture d'écran du site design graphique


Hoita >>



Capture d'écran du site Hoita




Capture d'écran du site Epicier de Famille


Portugal Design Market >>



Capture d'écran du site Portugal Design Market


Timelinerz >>



Capture d'écran du site Timelinerz



Ben Meirovitz >>



Capture d'écran du site Ben meirovitz

Cet article a-t-il été utile ?

bottom of page