Accueil » Blog » Menus déroulants et sous-rubriques

Menus déroulants et sous-rubriques

Je ne vais pas vous retenir très longtemps. Juste un détail d’ergonomie, très concret, que je voulais saisir, après un détour sur le site officiel de l’Assemblée Nationale de France.

Lorsque, dans votre menu déroulant, un troisième niveau est prévu, pas partout mais à certains endroits seulement, il convient de créer un code graphique qui rend évidente la possibilité d’explorer certains contenus davantage en profondeur.

Ci-dessous, de petites flèches pointent vers la droite, lorsque les contenus contiennent des entrées de troisième niveau. Simple et efficace. Bonne pratique à généraliser.

Source : www.assemblee-nationale.fr

Notez que ce menu fonctionne plutôt bien pour plusieurs raisons :

  • Les entrées de premier niveau sont limitées (4 thèmes)
  • Les libellés sont parlants
  • Le graphisme et la taille des boutons est confortable
  • Le menu déroulant réagit immédiatement au passage de la souris
  • Il fonctionne aussi bien dans Firefox que dans Internet Explorer

A lire aussi :

Nous vous accompagnons dans le design de vos interfaces, consultez l’offre de notre studio graphique !

Commentaires des lecteurs

  • Comment by jmh — 5 November 2010

    @ Firewalkwizme: Bien vu. Comme quoi il y en a des choses à respecter pour un simple petit menu.

  • Comment by Muriel GANI — 5 November 2010

    Un autre détail me gêne : la non persistance du 3ème niveau. Si la souris va en diagonale – soit le chemin le plus direct pour sélectionner un item – le 3ème niveau disparait. En focus groupes, j’ai vu des novices bien perturbés par ces disparitions ! Autrement dit, la sélection d’un item de 3ème niveau oblige à survoler d’abord le 1er item de la liste puis à descendre (un trajet à angle droit anti-naturel!)
    C’est souvent le cas dans ce type de menu, mais pas toujours : voir par exemple ce tutoriel : dosimple.ch/articles/Menu…
    Tant que je suis là, bravo pour votre conférence à Parisweb !
    Muriel

  • Comment by Firewalkwizme — 5 November 2010

    Dommage qu’il ne soit pas du tout accessible au clavier…

  • Comment by Jacques PYRAT — 5 November 2010

    Il est pas mal ce menu dosimple.ch/articles/Menu… et en plus il marche avec la touche tabulation.

    Mais il marche mal avec Maj-Tab (pour revenir en arrière).

  • Comment by dg — 8 November 2010

    Un petit tour sur ce site (http://www.ville-rillieux-la-pap... pour abonder dans votre sens. Ici ce sont les visuels qui habillent les liens

Votre commentaire

Your email address will not be published. Required fields are marked *

Je suis un humain*

This site uses Akismet to reduce spam. Learn how your comment data is processed.