L'icona del menu a 3 righe: cos'è un menu dell'hamburger?

Sommario:

Anonim

E se ti dicessi che siti e smartphone hanno hamburger in loro? Probabilmente penseresti che l'ho totalmente perso dopo essere uscito dalle mie medicine. Ma è assolutamente vero, non scherzo.

Quando apri un'app sul tuo smartphone o su alcuni siti web oggi, potresti guardare un hamburger - un'icona del menu di un hamburger, cioè.

Cos'è il menu dell'hamburger?

Il menu dell'hamburger (che non viene fornito con un ordine laterale di patatine fritte) è le tre linee orizzontali che vedi ora nella parte superiore di molti schermi, all'estrema sinistra o all'estrema destra.

$config[code] not found

È un'icona, in realtà.

Toccando, toccando o facendo clic sull'icona, si apre un menu laterale con una selezione di opzioni o pagine aggiuntive.

Alcuni sviluppatori adorano l'icona del menu della linea di hamburger 3 perché consente di impacchettare più funzioni nelle proprie app o nella navigazione. L'icona minuscola occupa una quantità minima di spazio sullo schermo. Dà all'app o al sito un aspetto minimalista e pulito.

È abbastanza facile per l'utente dell'app o il visitatore del sito web premere il pulsante per far scorrere il menu dentro e fuori.

O così potresti pensare.

Tuttavia, altri sviluppatori e alcuni utenti detestano assolutamente l'icona del menu hamburger o semplicemente ne rimangono perplessi. Perché? Perché non è ovvio per tutti gli utenti che le tre linee in realtà sono un'icona di menu e non dice agli utenti cosa c'è dentro.

Chi ha "inventato" l'icona del menu dell'hamburger?

L'inventore dietro l'icona del menu degli hamburger è un uomo di nome Norm Cox. Ha creato l'icona degli hamburger per Xerox Star, la prima interfaccia grafica al mondo. È stato più di tre decenni fa.

In seguito però, l'icona ha fatto un atto di scomparsa.

È relativamente recente che l'icona del menu a 3 linee ha iniziato a ridursi, con l'avvento dei dispositivi mobili.

Ad esempio, nel 2008 è apparso nell'app Twitter, Tweetie. Poi nel 2009 è apparso nell'app Voice Memos per l'iPhone 3GS.

"Devo ridacchiare a tutte le attenzioni che il simbolo del piccolo" hamburger "si sta facendo ultimamente", ha detto Cox in un'intervista a Small Business Trends.

"Fino a circa nove mesi fa, non avevo pensato alla" flebo nel mio secchio di carriera nel design "per oltre 30 anni!"

"Sono stati considerati solo alcuni simboli", ha aggiunto Cox. "Un simbolo era una freccia rivolta verso il basso a forma di triangolo, che rappresenta la direzione in cui appariva il menu risultante. Abbiamo deciso che questo simbolo tendeva a essere interpretato troppo spesso come un puntatore. Abbiamo pensato di usare un asterisco (*) o un simbolo più (+), ma sembravano troppo astratti. "

Cox ha detto che l'immagine di hamburger a tre linee si è rivelata perfetta. "Questo simbolo era visivamente semplice, facilmente spiegabile e funzionalmente memorabile. Tre linee erano il numero perfetto ", ha aggiunto Cox.

Quali siti web o app utilizzano questa infame icona del menu dell'hamburger?

Alcuni dei nomi di spicco che usano l'icona dell'hamburger nelle loro app includono Gmail, Facebook, Reeder, Twitter e Starbucks.

E ora anche i siti Web e i browser hanno adottato l'icona del menu a 3 righe. I browser Chrome e Firefox sono un esempio di ciò, utilizzando il menu nell'angolo in alto a destra. Il menu dell'hamburger nasconde tutte le opzioni, le impostazioni e le estensioni. E l'icona si illumina di arancione quando qualcosa nel browser deve essere riparato o aggiornato.

Time.com è un esempio di un sito Web importante che utilizza il menu dell'hamburger, in questo caso nell'angolo in alto a sinistra. Quando si fa clic sull'icona del menu a 3 righe, viene visualizzata una diapositiva con collegamenti di contenuto aggiuntivi.

Alcuni esperti sottolineano che le funzioni nel menu dell'hamburger sono usate a malapena.

Prima di tutto, molte persone devono ancora capire che le 3 linee orizzontali sono in realtà un'icona di menu e non semplicemente un'immagine.

In secondo luogo, l'icona dell'hamburger rende le informazioni nel menu nascosto "lontano dagli occhi, lontano dalla mente." A meno che non facciano clic o tocchino l'icona del menu a 3 linee, non vedono le scelte lì.

Infatti, nel caso di Time.com, la parola "menu" doveva essere aggiunta sotto l'icona per rendere più ovvio il simbolo.

A seconda del menu dell'hamburger

Vari sviluppatori hanno espresso il loro dispiacere per l'icona dell'hamburger e le sue carenze.

Alcuni rifiutano di usare l'icona, nonostante la sua tendenza.

Ma l'azienda più importante che ha apportato una modifica è Facebook. Per essere assolutamente chiari, Facebook non ha mai dichiarato pubblicamente di volersi liberare del tutto. Ma Facebook sta mettendo in evidenza alcune delle funzionalità mobili che prima erano nascoste dietro l'icona dell'hamburger.

Ora vengono visualizzati in una barra orizzontale nella parte inferiore dello schermo, denominata barra delle schede.

La barra delle schede in basso occupa un po 'più spazio sullo schermo, ma rende certe funzioni più ovvie.

Abbiamo parlato con Mrinal Desai, CEO e co-fondatore di Addappt. Era anche dietro Crossloop, un'app di tecnologia remota crowdsourcing, che è stata infine venduta ad AVG Anti-Virus.

"Il menu dell'hamburger non è proprio per le impostazioni", ha detto Desai, parlando a Small Business Trends. "È quasi come un 'altro' o si può anche pensare ad esso come un'alternativa alla 'barra delle schede'. È raro vederli entrambi, ma noi di Addappt abbiamo esplorato quello con un prototipo, ma alla fine abbiamo scelto di percorrere la "barra delle schede". "

"Queste decisioni spesso dipendono dall'obiettivo dell'app. L'icona dell'hamburger tende a relegare le funzioni, mentre la barra delle schede le rende più evidenti ", ha aggiunto Desai.

The Hamburger Icon Creator Ottiene la parola finale

Quindi dovresti utilizzare l'icona di un menu di un hamburger nel tuo sito web, tema o app per dispositivi mobili?

Lo sviluppatore originale dell'icona dovrebbe ottenere l'ultima parola, pensiamo.

"La longevità del simbolo (a partire dagli anni '80) è una testimonianza della sua semplicità, utilità, capacità di apprendimento e memorabilità", ha detto Cox, quando gli viene chiesto delle chiamate per uccidere l'icona dell'hamburger.

"Cercare di" uccidere "o" abolire "uno strumento di interfaccia utente o un widget basato su un uso o implementazione insufficiente è sia un po 'miope che eccessivamente reattivo."

Hamburger, icona rossa Foto tramite Shutterstock

Altro in: Cose che non sapevi, Che cosa è 3 commenti ▼