L’icona hamburger è ampiamente abusata, soprattutto su mobile, per nascondere un intero menù al suo interno. Invece di riflettere su cosa sia importante e cosa trascurabile, è più facile ficcare tutto dentro un cassetto accessibile da un’icona. Purtroppo framework come Bootstrap ne hanno standardizzato e legittimato l’uso, con la scusa della sua popolarità: se ogni sito la adotta prima o poi l’utente imparerà ad usarla, no? (ma quale buona pratica di design richiede anni d’attesa prima di essere usabile?)
Perché il problema di questa icona è che, in realtà, non è molto chiara: Facebook ad esempio l’ha rimossa dalla sua applicazione mobile, dopo aver registrato un calo d’uso all’adozione, come Luke Wroblewski, product manager di Google, spiega. Può funzionare sui menù secondari, ma per le voci primarie una tab bar si rivela migliore.
La ragione della scarsa performance è l’information scent: i piccoli indizi che una pagina web dà a un visitatore alla sua prima visita, su dove possa trovarsi quello che sta cercando. Se è tutto nascosto dentro un cassetto, è impossibile per tale visitatore sapere in anticipo cosa ci sarà dentro, o immaginare che quello che sta cercando — per quanto ovvio — si trovi lì dentro.
Scrive James Archer:
When a user is looking for pricing on a website, they’ll look for words like “cost,” “price,” “rates,” “fees,” etc. They’ll scroll down the page looking for these words, then scroll back up. If they can’t find anything, they revert to plan B: look for words that might be a superset of pricing, like “sign up,” “product details,” “learn more,” etc. They’ll continue to expand the concepts they’re searching for until they either find something that looks promising, or they give up entirely.
You know what never looks anything even close to what the user actually wants? A small three-bar icon tucked in the corner of a website. It has no information scent. Even after the user has exhausted every other option, it still might not occur to them that the answers they seek are hiding behind those three bars. Users generally aren’t inclined to click it.
![]()