028 - La navigation à dérouler (en anglais : scroll down navigation)

Note 4/5, coût 1/5, accessibilité 5/5 Navigation Web 2.0

Pour qui ?
Approprié pour les sites ayant une
logique ou un argumentaire linéaire
contenant une seule longue page
comme par exemple :

texte littéraire,

présentation d’une propriété,

présentation d’une liste de recommandations
(page directement imprimable).

Un site à dérouler est un site internet comprenant une seule page principale. Cette page ne contient aucune barre de navigation. Les informations sont placées dans un ordre logique les unes sous les autres. Ce qui fait apparaître sur les navigateurs une barre de défilement vertical. Certaines catégories de la page pourront mener à une page secondaire. Pour retourner sur la page principale l’internaute se verra présenter un
bouton « Retour » en haut et en bas à droite de l’écran.

Profils d’internautes
Il existerait différents profils d’internautes.
Les internautes « scrolleurs »
et ceux qui ne scrollent pas ou peu.
D’après mes observations, les enfants
scrollent peu.

Profils d’internautes
Il existerait différents profils d’internautes.
Les internautes « scrolleurs »
et ceux qui ne scrollent pas ou peu.
D’après mes observations, les enfants
scrollent peu.

Dans la construction de votre site sans navigation, surveillez les éléments suivants :

veillez à indiquer les informations principales au-dessus de la coupure d’écran (fold 420 pixels).

montez votre page de telle sorte qu’une partie du texte soit coupée par la suite de la page. Ainsi, l’internaute verra tout de suite qu’il doit scroller.

surveillez la densité de vos mots-clés principaux. Le texte de cette page étant amené à être chargé si vous souhaitez référencer ce site pour un ensemble de mots-clés spécifiques,veillez à ce que dans la page ces mots-clés soient suffisamment répétés en haut de page pour créer un bonne équilibre.

gardez votre contenu sur une colonne.

Attention référencement
Si votre site ne fait qu’une seule
page. Il sera plus difficile de le référencer
et de le rendre réactif à de
nombreuses phrases-clés de recherche.

« La simplicité est la sophistication
suprême. »
Léonard de Vinci

Le site de 24ways.org
utilise pour navigation principale une unique page à faire dérouler. Une fois arrivé sur la page secondaire, l’internaute doit cliquer sur le bouton « retour » pour retourner sur la page principale. Ce site qui aborde comimplémenter les techniques les plus à la pointe du web utilise pour navigation les deux fonctionnalités des navigateurs les plus utilisées par les internautes ! Plutôt ironique !

donnez du volume à votre page, insérez différents niveaux de lecture (titre, soustitre sous forme d’une description sémantique de la page grâce à l’utilisation des balises de titrages H1 à H6), insérez des images, mettez des mots en gras pour aider vos lecteurs à scanner le texte et se retrouver dans le texte lorsqu’ils font défiler la page.

insérez des ancres vers les différentes parties de la page en haut de page pour les lecteurs ne sachant pas scanner le texte car ils ont un niveau de lecture trop faible (40 % des utilisateurs web d’après une étude Nielsen de 2005) ainsi que pour les personnes âgées qui ont parfois du mal à faire glisser la barre de défilement.

insérez des liens permettant de retourner en haut de la page à plusieurs endroits dans la page.

utilisez l’aspect de la barre de défilement des navigateurs par défaut. Ne changez pas son aspect, son fonctionnement ni ce qui régit son apparition. Ceci garantira que vos internautes repèreront la barre de défilement facilement.

testez que le site s’imprime correctement sans que l’internaute ait à changer le paramétrage de son imprimante.

évitez de faire une page de plus de 3 écrans en résolution 1024*768 si aucune navigation interne n’est prévue.

Laisser un commentaire

Les champs marqués * sont obligatoires