J’avais constaté il y a quelque temps la prolifération de menus de navigation au format XL (cf. Est-ce la mode des menus déroulants surdimensionnés ?) mais c’est un article de Jakob Nielsen qui me pousse à aborder à nouveau le sujet : Mega Drop-Down Navigation Menus Work Well.
L’auteur nous explique ainsi que les menus de navigation surdimensionnés peuvent mieux fonctionner qu’un menu traditionnel :
- Ils proposent une meilleur lisibilité avec un espace mieux exploiter et un guidage renforcé à l’aide de séparateurs et de pictos ;
- Ils permettent d’afficher la totalité de l’arborescence d’une section.
Ces menus doivent par contre respecter quelques règles d’utilisabilité :
- Pas trop de choix à la fois ;
- Un temps de latence d’1/2 seconde à l’ouverture et à la fermeture du panneau ;
- Pas de contrôle trop complexes ;
- Une navigation au clavier pour assurer une meilleure utilisabilité.
Sur ce dernier point je suis ravi de la position adoptée par le Dr Nielsen : même si les menus de navigation surdimensionnés ne sont pas accessibles (ou peuvent difficilement l’être), il suffit d’assurer l’accès au rubrique de premier niveau.
Deux très bon exemples sont cités dans l’article : Food Network (avec une excellente hiérarchisation de l’information) et Action Envelopes (avec une utilisation astucieuse des pictos).
Le menu de Food Network
Le menu d'Action Envelopes
Dans le même esprit mais à l’autre bout de la page, j’avais également abordé il y a deux ans cette pratique élégante qui consistait à mettre le plan du site dans le pied de page (cf. Un plan du site dans votre pied de page). Et c’est un article publié sur Web Designer Wall qui me fait aborder le sujet à nouveau : Modern Sitemap and Footer.
L’auteur liste ainsi les avantages de mettre le plan du site dans le footer :
- Cela permet d’économiser un clic pour les utilisateurs et d’autoriser les sauts de section ;
- Cela donne plus d’espace à la promotion interne (pour mettre en valeur des fonctions ou contenus clés) ;
- Cela réchauffe le pied de page.
Un certain nombre d’exemples sont cités dont celui de Mozilla :
Le pied de page de Mozilla.com
Mention spéciale au “site à Barak” (WhiteHouse.gov) qui cumule à la fois un menu de navigation surdimensionné et un plan du site en pied de page.
J’ai récemment trouvé un outil qui semble être génial pour la réalisation de Wireframes. Il s’agit de balsamiq-mockups.
Toutefois, je n’ai pas eu l’occasion de le tester encore. C’est pourquoi je me tourne vers vous… Avez-vous déjà tester balsamiq-mockups. ? Quels sont les points forts et faibles ?
Une vidéo explicative est disponible ici.
Qu’en pensez-vous ?
Source : http://www.ergonomie-web.be/
Voilà quelques années que les grands portails et acteurs du web se livrent une guerre sans merci pour s’incruster dans le navigateur au travers des plugins et autres barre : Yahoo! Toolbar,Google Toolbar… A force, ça fini par faire beaucoup de monde qui empiète sur la surface d’affichage et “remonte” la limite de visibilité (un véritable casse-tête pour les concepteurs de sites qui doivent en tenir compte).
La version 7 d’Internet Explorer avait innové en remontant certains boutons dans le cadre de la fenêtre elle-même, libérant ainsi un peu de place en hauteur. Et bien figurez-vous que la bataille est maintenant ouverte sur une nouvelle zone de la fenêtre à conquérir : la barre d’adresse.
Et c’est du côté de Firefox que l’innovation est arrivée avec sur le côté gauche un favicon aux propriétés étendues qui permet d’indiquer si le site est reconnu (ils appellent ça le Site Identity Icon) :
Nous avons ensuite sur la droite l’étoile qui permet d’ajouter un site à vos favoris, la petite icône d’inscription au flux RSS (cf. Feed Icons) et même celui des microformats détectés(cf. On Firefox 3 and microformats with Michael Kaply) :
Dernière nouveauté en date : un bouton universel d’édition pour les wikis (Universal Edit Button) qui permettra d’éditer une page quelque soit la plateforme de wiki :
Wow ! Décidément cette barre d’adresse va commencer à être sacrément encombrée. Nous pouvons déjà anticipée un phénomène de mimétisme et l’apparition prochaine d’autres boutons universels (commentaire, panier d’achat…) et pourquoi pas des boutons d’éditeurs (Digg, Aamzon, Ebay…).
Peut-être un peu confusant pour les utilisateurs vous ne trouvez pas ?
/!\ Billet initialement publié sur FredCavazza.net.
C’est étrange de constater comme les habitudes ont la vie dure… Prenez par exemple les boutons ‘Reset‘ sur les formulaires : Je ne sais pas qui a eu cette idée folle, mais elle est incroyablement tenace.
J’ai déjà eu de nombreuses discussion à ce sujet, mais je profite du dernier édito de Jaokb Nielsen (Top-10 Application-Design Mistakes) pour vous le redire : Ne mettez pas de bouton ‘Reset‘ dans vos formulaires.
Qui a envie de supprimer toutes les données saisies d’un coup ? Qui va s’offusquer de ne pas se voir proposer cette fonction ? Quelle est l’intérêt pour vous ?
Donc une dernière fois : Ne mettez pas de bouton ‘Reset‘ dans vos formulaires.
Et ça sera mon dernier mot ! A vrai dire, je n’ai plus la force d’argumenter sur ce point, je me demande si je ne devrais pas fermer les commentaires pour ce billet…
/!\ Billet initialement publié sur FredCavazza.net.