Il menu dell'hamburger è stato inizialmente introdotto come mezzo per oscurare gli elementi di navigazione secondari nel tentativo di mantenere un web design o un'applicazione più pulita e mirata.

Android è stato uno dei primi ad adottare questo componente di design, arrivando a includerlo nel suo popolare Linee guida sulla progettazione dei materiali . Da allora è stato trovato nella maggior parte delle app Android, oltre a una percentuale di app iOS. È persino diventato un punto fermo in un gran numero di applicazioni desktop e siti web.

Queste istanze sono state progettate con vari gradi di successo. Alcuni offrono soluzioni legittime all'overflow della navigazione, mentre altri optano per i menu degli hamburger per motivi estetici a scapito dell'esperienza dell'utente. È diventato un componente comune e accettato del moderno prodotto e del web design.

001

Per quanto riguarda le applicazioni desktop, l'hamburger non dovrebbe avere spazio. Raramente un design è così privo di spazio sullo schermo che è necessario un overflow di navigazione. Google è uno dei principali responsabili, apparentemente includendo questo componente semplicemente per fornire coerenza tra i loro prodotti e tra i dispositivi desktop e mobili. In realtà, è una pratica di esperienza utente inutile e scomoda, in particolare quando include anche elementi di navigazione principale.

002

Allo stesso modo, la stessa logica si applica ai siti web tradizionali come portafogli, pagine di destinazione e siti aziendali. Su un computer desktop, non ci sono scuse per oscurare completamente gli elementi di navigazione primari o secondari.

Il menu dell'hamburger è semplicemente una considerazione estetica e spesso una soluzione pigra

C'è così tanto spazio sullo schermo per giocare in fase di progettazione, anche considerando piccoli laptop e tablet. Anche i menu di navigazione più complessi ed estesi possono essere visualizzati a titolo definitivo, con una certa attenzione. Non ci sono linee guida stabilite come nelle app per dispositivi mobili, che consentono ai designer di essere creativi con soluzioni di posizionamento, dimensionamento e user-friendly come dropover di hover e strutture a livelli.

Il menu dell'hamburger è semplicemente una considerazione estetica e spesso una soluzione pigra inadatta a circostanze e dispositivi. Rende difficile passare da una pagina all'altra e confonde apertamente anche gli individui più alfabetizzati al computer.

003

Poiché le dimensioni dello schermo riducono il tablet e le risoluzioni dei dispositivi mobili, il menu dell'hamburger inizia a risolvere il problema dei limiti di spazio. Fornisce una soluzione rapida e semplice per la mancanza di spazio sullo schermo e una coerenza tra i siti Web mobili e le app Android. iOS offre essenzialmente la stessa soluzione, ma sotto forma di icona di una scheda di overflow, generalmente denominata "Altro". È più accessibile, data la sua posizione ai piedi dello schermo, alla portata della tua mano.

Ma in un contesto in cui designer e creativi del design stanno escogitando e considerando nuove alternative ai componenti più importanti del design, il menu dell'hamburger è davvero la soluzione ottimale?

Ciò che manca al menu dell'hamburger in termini di esperienza utente, è la sua necessità di essere aperto ogni volta che è necessario accedere a un elemento al suo interno. Dove sono inclusi i cassetti di navigazione, questo si estende a due tocchi, ogni volta che un utente desidera passare a una schermata diversa. Alcuni di questi articoli possono essere classificati come articoli secondari, meno importanti a cui si accede molto meno spesso. Altri, anche nelle app di Google, sono certamente azioni primarie.

Se il menu dell'hamburger deve scomparire per sempre, deve essere presentata una soluzione adeguata e migliorata

Dai promemoria di Google Keep, da guardare più tardi su YouTube, il menu dell'hamburger spesso si sovrappone agli elementi di navigazione principali. Come componente di design, è un compromesso. Se ogni app progettasse la propria struttura di navigazione in base alle proprie esigenze, utenti e layout, sarebbe stata raggiunta una soluzione più ottimale. Ma in un ecosistema come iOS o Android, la coerenza è fondamentale per fornire una soluzione semplice per gli sviluppatori e garantire che gli utenti siano in grado di comprendere la funzionalità di un'app, indipendentemente da chi è stata progettata da.

Se il menu dell'hamburger deve scomparire per sempre, deve essere presentata una soluzione adeguata e migliorata. Deve essere uno che può essere applicato a ciascuna app in modo coerente in un ecosistema, con possibilità di soddisfare una varietà di esigenze e complessità diverse.

La prima soluzione possibile è spostare il titolo dell'app verso sinistra, aprendo lo spazio per un massimo di quattro icone raggruppate nella parte superiore destra della barra del titolo. Questo copre la maggior parte dei casi d'uso del menu degli hamburger, che spesso includono solo tra due e quattro voci. Per i casi con più elementi di navigazione, potrebbe essere introdotta un'icona di overflow di puntini di sospensione. Questo approccio si allontana dall'approccio one-size-fits-all, fornendo invece una soluzione di accesso rapido per tutte le app, ma anche i casi più complessi con più di quattro elementi.

L'altra soluzione consiste nell'introdurre barre delle schede delle icone ridisegnate. Laddove le Linee guida sui materiali attualmente incoraggiano i progettisti a utilizzare le etichette di etichette di testo, queste potrebbero essere facilmente convertite in icone. Ciò aprirà abbastanza spazio per rimuovere il menu di navigazione secondario per la maggior parte delle app e incoraggerà i progettisti e gli sviluppatori a semplificare il numero di schermate principali nella loro app. Allo stesso modo, con l'aumento degli immobili iOS e un ripensamento delle pratiche di spaziatura all'interno della barra delle schede, le app potrebbero contenere più elementi includendo nel contempo gli elementi secondari all'interno di ciascuno come schede secondarie.

004

In entrambi i casi, elimina la disattenzione del menu dell'hamburger. Invece, designer e sviluppatori sarebbero costretti a condensare il numero di elementi di navigazione in schede più strutturate e comprensibili.

È fin troppo facile spingere gli oggetti in questo menu oscurato, a spese dell'utente finale. Spesso non è necessario e l'icona spreca una grande porzione della barra del titolo nelle app Android.

Nel tempo, i sistemi come Material Design probabilmente escogiteranno soluzioni più semplici per passare oltre il menu dell'hamburger. È a quel punto che gli utenti saranno presentati con prodotti mobili più facili da usare con strutture di navigazione più semplici e accessibili.