• 0k
  • 0
Web design \ 10 Decembre 2013

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

Nest >>

Capture d'écran du site Nest

Flickr >>

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 – Clear View single-page >>

Template Wix : Clear View single-page

Template – RAW landing page >>

Template RAW landing Page

Template Road Trip dynamic >>

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

 

Epicier de Famille >>

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


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email