Che cos'è il pulsante Hamburger e come viene utilizzato?

Che cos'è il pulsante Hamburger e come viene utilizzato?

Un pulsante per hamburger sembra delizioso, vero? Potrebbe farti venire fame, ma il pulsante dell'hamburger in realtà non ha nulla a che fare con gli hamburger. Che ci crediate o no, è un termine comunemente usato per i pulsanti dei menu nelle app.





In effetti, la maggior parte di noi usa questa icona quotidianamente. L'icona con tre linee sovrapposte che vedi mentre attivi un menu o una barra di navigazione in un'app è un pulsante hamburger.





Allora da dove viene questo nome e perché viene usato? Scopriamolo.





L'origine del bottone dell'hamburger

Il pulsante dell'hamburger è in circolazione dagli anni '80. Il suo nome deriva dal suo design: le tre linee orizzontali audaci che ricordano un hamburger. Conosciuto anche come icona del menu pieghevole, il pulsante dell'hamburger è stato creato da Norm Cox come parte dell'interfaccia utente per Xerox Star, uno dei i primi personal computer commerciali moderni.

A causa dei limiti di progettazione di quel tempo, l'icona che rappresentava un menu con opzioni aggiuntive doveva essere qualcosa di semplice. Le tre linee parallele in grassetto hanno soddisfatto l'esigenza, conferendo all'interfaccia utente un aspetto minimalista. Le linee sono una rappresentazione astratta di un elenco verticale di opzioni e funzionalità contenute al suo interno.



L'icona dell'hamburger è diventata più importante con l'avvento degli smartphone e delle app mobili. Con le nuove e più piccole interfacce utente, era difficile inserire la maggior parte delle opzioni sullo schermo. Per fornire facilità di navigazione, gli sviluppatori hanno dovuto nasconderli all'interno di un menu e l'icona dell'hamburger si è rivelata utile a questo scopo.

Sebbene sia in discussione quale app l'abbia utilizzata per prima, l'app Tweetie di Twitter potrebbe essere stata una delle prime app moderne a utilizzare l'icona. Poco dopo, l'icona dell'hamburger ha guadagnato una maggiore popolarità quando è stata adottata da Facebook e Google nelle app mobili.





Grazie all'aspetto pulito e allo scopo chiaro dell'icona, il pulsante dell'hamburger è diventato l'icona di riferimento per app e siti Web in cui inserire le opzioni di navigazione da allora.

A cosa serve l'icona dell'hamburger?

Come accennato in precedenza, il design dell'icona spiega il suo scopo originale. Quello scopo è più o meno lo stesso oggi.





Tuttavia, la funzione dell'icona dell'hamburger nelle app ora è più fluida, grazie ai progressi nella tecnologia e nel design. Ora è spesso utilizzato per i menu che scorrono o si comprimono dentro e fuori dal lato dello schermo. Toccando l'icona si apre un menu laterale con una selezione di varie opzioni e funzioni.

Ecco un esempio dell'icona dell'hamburger utilizzata nell'app Samsung Galaxy Store. Toccando l'icona nell'angolo in alto a sinistra, è possibile accedere a varie opzioni di menu.

Galleria di immagini (2 immagini) Espandere Espandere Chiudere

Quando le persone utilizzano nuove app, può essere difficile interpretare le varie icone sullo schermo. Il più grande vantaggio dell'icona dell'hamburger è che è immediatamente riconoscibile per chiunque abbia familiarità con il design mobile. L'icona è molto diffusa, il che la rende di facile interpretazione senza alcuna spiegazione.

L'icona dell'hamburger non occupa quasi spazio, rendendo possibile posizionarla ovunque sullo schermo senza disturbare altri elementi. Non tutto appartiene alla pagina principale dello schermo, quindi l'icona fa un buon lavoro nel fornire un posto predefinito per gli elementi di navigazione.

Imparentato: Come impostare icone personalizzate per le app su Android

Cosa sta succedendo al menu dell'hamburger oggi?

Come abbiamo visto, il pulsante dell'hamburger offre molti vantaggi, come la facilità di navigazione e un'interfaccia utente pulita. Tuttavia, include alcuni inconvenienti, che hanno fatto allontanare gli sviluppatori di app e prendere in considerazione alternative.

i miei amici di Facebook possono vedere se sono su tinder?

Con i telefoni che ottengono display sempre più grandi, sta diventando più difficile raggiungere i luoghi in cui di solito si trova il pulsante dell'hamburger. Ciò rende l'esperienza dell'utente meno coinvolgente e l'utilizzo delle app meno confortevole.

Quando apri un'app per la prima volta, ovviamente cercherai le sue caratteristiche principali. L'icona dell'hamburger nasconde spesso la maggior parte delle opzioni importanti, il che rende l'interfaccia meno rilevabile per i nuovi arrivati.

Inoltre, inserire funzionalità importanti all'interno di un pulsante di menu le fa sembrare meno importanti. Ti fa pensare che se quelle opzioni non fossero abbastanza importanti da essere messe sulla schermata principale, potrebbero non valere la pena di verificarle.

Alternative all'icona dell'hamburger

Le barre di navigazione sono diventate un modo più popolare ed efficiente di organizzare i pulsanti dei menu. Invece di nascondere funzioni importanti dietro l'icona del menu, la barra di navigazione dispone più icone nella schermata iniziale.

La barra di navigazione fornisce icone di menu chiare da capire e quindi più accattivanti. I pulsanti dell'hamburger mancano di questa chiarezza, quindi non ottengono lo stesso livello di coinvolgimento.

Ad esempio, Google Play Store ha semplificato la sua interfaccia ridisegnandola con una barra di navigazione. Quella barra, in basso, mostra caratteristiche importanti. Per accedere ad altre opzioni, tocca l'icona del tuo profilo nell'angolo in alto a destra.

Galleria di immagini (2 immagini) Espandere Espandere Chiudere

Una barra di navigazione ti consente di vedere più caratteristiche e funzionalità principali nella schermata principale. Puoi vedere più icone sulla barra a colpo d'occhio. Inoltre, queste barre si trovano solitamente nella parte inferiore dello schermo, che è molto più facile da raggiungere rispetto all'angolo in alto a destra o in alto a sinistra, dove in genere risiedono le icone degli hamburger.

Imparentato: Come ottenere una barra di navigazione colorata su Android senza root

Anche se, come l'icona dell'hamburger, le barre di navigazione hanno i loro svantaggi. Sebbene mettano in primo piano le funzionalità principali, sono limitate solo a quattro o cinque scelte. Quindi, se l'app vuole mostrare funzionalità più importanti, deve usare qualcos'altro oltre alla barra di navigazione.

Forse l'opzione migliore sarebbe incorporare sia una barra di navigazione che un'icona a forma di hamburger. La barra di navigazione potrebbe mostrare le funzionalità evidenziate dell'app, mentre le altre funzionalità potrebbero essere nascoste nell'icona dell'hamburger.

Facebook è un esempio popolare di questo. Nella sua barra di navigazione, puoi toccare il menu dell'hamburger per accedere a tutte le sue altre funzionalità.

Il futuro dell'icona dell'hamburger

Il pulsante dell'hamburger è stato utilizzato per molto tempo come icona del menu di scelta rapida, quindi la maggior parte delle persone è abbastanza abituata. Il suo approccio minimalista e lo scopo chiaro lo hanno reso ampiamente riconoscibile a chiunque abbia utilizzato uno smartphone.

Ma a causa di alcuni inconvenienti dell'icona dell'hamburger, molte app popolari tra cui Google Play Store, Instagram e Twitter hanno iniziato ad abbracciare invece la barra di navigazione. La barra di navigazione potrebbe servire come alternativa migliore all'icona dell'hamburger, ma non è ancora completamente integrata in tutte le app. Di conseguenza, vedremo ancora l'icona dell'hamburger usata regolarmente per un po' di tempo.

L'icona dell'hamburger non è perfetta, ma può essere migliorata combinandola con elementi di navigazione alternativi. È importante assicurarsi che gli strumenti utilizzati dalle app siano chiari per gli utenti.

Condividere Condividere Tweet E-mail Icone e simboli di Facebook Messenger: cosa significano?

In cui spieghiamo cosa significano tutte le icone e i simboli di Facebook Messenger e come usarli correttamente.

Leggi Avanti
Argomenti correlati
  • La tecnologia spiegata
  • Android
  • Android
  • Design
  • Terminologia
Circa l'autore Shreeya Deshpande(9 Articoli Pubblicati)

Shreeya è un appassionato di tecnologia e ama stare al passo con gli ultimi progressi tecnologici. Quando non scrive di tecnologia, puoi trovarla mentre viaggia o legge il suo romanzo preferito!

Altro da Shreeya Deshpande

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti