web-dev-qa-db-fra.com

Quand une barre latérale de navigation pour droitier est-elle appropriée?

Quand une barre latérale droite pour la navigation est-elle un bon choix? Si possible, je voudrais quelques exemples où il a été utilisé, comme cette barre latérale du blog officiel de Google. enter image description here

21
Antonia

Tout ce qui est placé à gauche de votre écran sera d'abord regardé par la plupart des gens (lecture de gauche à droite).

Si votre navigation est très importante pour vous, mettez-la à gauche. Historiquement, c'est également là que la plupart des gens s'attendent à voir la navigation, donc s'ils la recherchent, ils la trouveront ici plus rapidement.

Si toutefois vous souhaitez mettre en valeur votre contenu, c'est souvent une bonne idée de placer votre navigation sur le côté droit. Vous pouvez le voir dans de nombreux blogs (sinon la plupart), où le contenu du blog est beaucoup plus important que la navigation.

Il y a aussi l'avantage supplémentaire de la navigation à droite dans la mesure où la plupart des gens reposent le pointeur de leur souris sur le côté droit de l'écran lors de la lecture, ce qui réduit la distance parcourue par le pointeur pour naviguer sur une navigation à droite .

En fin de compte, c'est quelque chose que vous devriez tester. Tout ce que quelqu'un dit n'a pas autant d'importance que la façon dont cela affecte vos clients et quelle option a le meilleur résultat pour eux.

17
JohnGB

Je suis d'accord avec @John ici..traditionnellement tous les les heatmaps parlent d'une forme F lors de la navigation ou de la lecture d'un grand nombre de contenus.

Donc, si vous regardez certaines des applications vraiment lourdes de contenu, elles placent toujours la navigation sur la gauche .. (vous donne un moyen de voir rapidement tout ce qu'il y a sur le site Web) Je vous recommande de consulter Google Reader - qui est un application juste pour lire le contenu et comment ils résolvent le problème avec brio.

Je ne vous recommanderais pas d'opter pour un menu/barre de navigation à droite parce que les gens ne s'attendent pas à ce qu'il soit là - de la même manière que nous attendons le bouton Accueil/le logo en haut à gauche d'une page Web.

Nous avons testé un appel à droite vers des champs d'action qui fonctionnaient assez bien mais qui étaient destinés à des fins différentes. Vous devez cependant l'essayer

4
Aristo Bhupal

Le côté droit est bon pour la navigation supplémentaire. Par exemple, si vous avez un ensemble de liens rapides qui apparaissent sur le site Web, le côté droit est un excellent endroit pour les mettre.

Fait intéressant, dans l'exemple Blogger, il s'agit toujours d'une navigation supplémentaire, même s'il s'agit du seul moyen de navigation réel sur la page. La principale façon de naviguer entre les publications est le défilement et la pagination, tandis que les étiquettes ne sont que des filtres. Un bon exemple de la notion que "supplémentaire" ne signifie pas secondaire (/ tertiaire), il ne fait même pas partie de la même hiérarchie - il est simplement de nature différente.

2
Vitaly Mijiritsky

Je suis d'accord avec Vitaly, le côté droit est bon pour la navigation supplémentaire qui vous amène à "la prochaine chose".

Il existe une différence entre les sites "réguliers" et les blogs. Historiquement, les blogs ont tous placé toutes les options de filtrage (catégories, tags, calendriers) sur le côté droit, car c'était la norme utilisée par les outils de publication.
Ces éléments sont utilisés pour la navigation d'un blog, mais je ne vois pas de raison de traiter un blog différemment des autres sites: lorsque nous avons testé des filtres et des éléments de navigation avec des utilisateurs, ils n'ont jamais bien fonctionné lorsqu'ils ont été placés sur le du côté de la main droite.

2
tripelle

Il y a des régions où vous lisez de droite à gauche (le Kurdistan est une région qui me vient à l'esprit).

Dans une telle culture, mettre les éléments de navigation sur le côté droit peut avoir plus de sens, car c'est là que l'œil du lecteur peut commencer à parcourir la page.

0
AlvinfromDiaspar