Bienevenue dans l’ère du « mobile first » ! Plusieurs sites de bureau ont adopté le design des mobiles et des tablettes : des pages d’accueil plus simples, un design « plat », des titres plus grands, un affichage multiple par page…Cette présentation étudie un exemple que tout le monde connaît mais que les utilisateurs de vos sites ne savent pas forcément utiliser : l’icône « Hamburger« . Vous savez les 3 traits les uns au dessus des autres comme les 3 couches d’un hamburger, que l’on trouve dans un coin du site et qui doivent délivrer le « Menu »! Voici les conclusions d’une série de tests et d’études sur cette icône.
A retenir:
- Le « Hamburger » devrait toujours être à la même place sur la page.
- En dehors du « Hamburger« , disposez en plus sur la page quelques aides utiles à la navigation.
- N’utilisez le « Hamburger » que s’il correspond bien au site et à ses utilisateurs.
- Un design simplifié rend le « Menu » et le « Hamburger » plus évidents.
- Ne faites pas du « Hamburger » un tiroir « à choses » : Pensez que vous voulez encourager les utilisateurs à cliquer efficacement!
- Enfin, lancez des tests auprès de vos utilisateurs en leur donnant le choix entre « Menu« , « Hamburger« , encadrés ou non, des flèches guidant vers ces icônes…
