Web mobile #2 : Permettez une navigation en séquence

Les tailles d’écran des ordinateurs et résolutions d’écran des utilisateurs offrent de nombreuses possibilités aux concepteurs. Elles permettent notamment de dédier une large zone d’affichage à la navigation (généralement la navigation occupe plus de 30% de l’espace d’affichage disponible, l’espace restant étant réservé au contenu) et de proposer simultanément plusieurs zones de navigation à différents endroits dans la page.

Sur version mobile web, impossible d’appliquer ces mêmes principes sans imposer à l’utilisateur des défilements verticaux et horizontaux interminables.

La question que vous vous posez

Comment organiser les zones de navigation sur une version mobile web ?
Comment présenter concrètement les menus de navigation ?

Notre proposition

Tout d’abord, dissociez clairement les zones de navigation des zones de contenu.

Ensuite optimisez votre navigation :

  • Créez des pages dont le rôle est uniquement de permettre à l’utilisateur de naviguer dans votre site
  • Pensez la navigation de votre site en séquences et n’essayez pas d’afficher tous les niveaux de navigation sur un seul écran

Enfin réorganisez vos pages de contenu en réduisant les éléments de navigation au strict minimum :

  • Elément de localisation (fil d’ariane ou breadcrumb)
  • Accès à la page supérieure
  • Rappel de la navigation principale (par exemple le premier niveau) après le contenu en bas de page

Navigation mobile en séquence

Attention, la création d’une version mobile nécessitera sans doute de revoir l’architecture de l’information de votre site Internet. Le plus simple est donc de penser mobile dès la conception de votre site.

Un code robuste et une architecture de l’information optimisée, vous permettront une distinction simple et automatique des éléments de navigation et des contenus. Ainsi, la transition vers la sphère mobile sera aisée.