3-linjemenyen Ikon: Hva er en Hamburger-meny?

Innholdsfortegnelse:

Anonim

Hva om jeg fortalte deg at nettsteder og smarttelefoner hadde hamburgere i dem? Du vil trolig tenke at jeg helt har mistet det etter å ha kommet fra min meda. Men det er helt sant, jeg unger deg ikke.

Når du åpner en app på smarttelefonen eller noen nettsteder i dag, kan du se på en hamburger - et hamburger menyikon, det vil si.

Hva er Hamburger-menyen?

Hamburger-menyen (som ikke kommer med en sideordre av frites) er de tre horisontale linjene du ser nå på toppen av mange skjermer, enten langt til venstre eller helt til høyre.

$config[code] not found

Det er faktisk et ikon.

Ved å trykke, trykke eller klikke på ikonet åpnes det en sidemeny med et utvalg av alternativer eller flere sider.

Noen utviklere elsker hamburger 3-linjemenyikonet fordi det gjør det mulig for dem å pakke inn flere funksjoner i deres apps eller navigasjon. Det lille ikonet tar opp en minimal mengde skjerm fast eiendom. Det gir appen eller nettstedet et rent, minimalistisk utseende.

Det er enkelt nok for appbrukeren eller nettstedet besøkende å trykke på knappen for å skyve menyen inn og ut.

Eller så kan du tenke.

Men andre utviklere og noen brukere avskyr absolutt hamburger-menyikonet eller bare blir forvirret av det. Hvorfor? Fordi det ikke er åpenbart for alle brukere at de tre linjene faktisk er et menyikon, og det forteller ikke brukerne hva som er der inne.

Hvem "Fant" Hamburger Meny Ikon?

Oppfinner bak hamburger-menyikonet er en mann som heter Norm Cox. Han laget burgerikonet for Xerox Star, som var verdens første grafiske brukergrensesnitt. Det var mer enn tre tiår siden.

Etterpå skjønte ikonet en forsvindende handling.

Det er bare relativt nylig at 3-linjers menyikon begynte å krype tilbake, med advent av mobile enheter.

For eksempel, i 2008 viste det seg i Twitter-appen, Tweetie. Så i 2009 viste det seg i Voice Memos-appen for iPhone 3GS.

"Jeg må chuckle med all oppmerksomhet det lille" hamburger "-symbolet er på det siste," sa Cox i et intervju med Small Business Trends.

"Opp til omtrent ni måneder siden, hadde jeg ikke tenkt på" drypp i designkarriere-bucket "i over 30 år!"

"Bare noen få symboler ble vurdert," la Cox til. "Ett symbol var en pil nedover i form av en trekant, som representerer retningen at den resulterende menyen skulle vises. Vi bestemte oss for at dette symbolet pleide å tolkes for ofte som en peker. Vi tenkte på å bruke et asterisk (*) eller et pluss (+) symbol, men de syntes å være for abstrakte. "

Cox sa at den tre linjers hamburgerbilden viste seg å være akkurat. "Dette symbolet var visuelt enkelt, lett forklart og funksjonelt minneverdig. Tre linjer var det perfekte nummeret, "tilføyde Cox.

Hvilke nettsteder eller apper bruker dette berømte menyens ikon for hamburger?

Noen av de fremtredende navnene som bruker hamburgerikonet i deres apps, er Gmail, Facebook, Reeder, Twitter og Starbucks.

Og nå har nettsider og nettlesere også vedtatt 3-linjemenyikonet. Chrome- og Firefox-nettleserne er et eksempel på dette ved hjelp av menyen øverst til høyre. Hamburger-menyen skjuler alle alternativene, innstillingene og utvidelsene. Og ikonet lyser oransje når noe i nettleseren må løses eller oppdateres.

Time.com er et eksempel på et stort nettsted som bruker hamburgermenyen - i dette tilfellet øverst til venstre. Når du klikker på 3-linjemenyikonet, vises et lysbilde som viser flere innholdsforbindelser.

Noen eksperter påpeker at funksjonene i hamburger-menyen knapt brukes.

Først av alt, mange mennesker har ennå ikke funnet ut at de 3 horisontale linjene egentlig er et menyikon, og ikke bare et bilde.

For det andre gjør hamburgerikonet informasjon på skjult meny "ute av syne, ute av tankene". Med mindre de faktisk klikker på eller berører menyikonet 3 linjer, ser de ikke valgene der.

Faktisk, i Time.com saken, måtte ordet "meny" legges under ikonet for å gjøre det mer tydelig hva symbolet er.

Avhengig mindre på Hamburger-menyen

Ulike utviklere har uttrykt sin misfornøyelse på hamburgerikonet og dens mangler.

Noen nekter å bruke ikonet, til tross for dets trendiness.

Men det mest profilerte selskapet som har gjort en endring er Facebook. For å være helt klart, har Facebook aldri offentliggjort at den vil helt bli kvitt den. Men Facebook bringer ut noen av de mobile funksjonene som tidligere var skjult bak hamburgerikonet.

De vises nå i en horisontal linje nederst på skjermen, kalt en fane.

Bunnlinjen tar litt mer fast eiendom på skjermen, men det gjør visse funksjoner mer opplagte.

Vi snakket med Mrinal Desai, som er administrerende direktør og medstifter av Addappt. Han var også bak Crossloop, en crowdsourced fjernteknologisk app, som til slutt ble solgt til AVG Anti-Virus.

"Hamburger-menyen er egentlig ikke for innstillinger," sa Desai og snakket til småbedrifter. "Det er nesten som en" mer ", eller man kan til og med tenke på det som et alternativ til" fanen ". Det er sjelden å se begge, men vi på Addappt utforsket det med en prototype, men valgte til slutt å gå på tabulatruten.

"Disse avgjørelsene er ofte avhengig av målet for appen. Hamburger-ikonet har en tendens til å relegere funksjoner, mens fanebladet gjør dem mer opplagte, "tilføyde Desai.

Hamburger Icon Creator får siste ord

Så bør du bruke et hamburger menyikon i ditt eget nettsted, mobil tema eller app?

Den opprinnelige utvikleren av ikonet skulle få det siste ordet, tror vi.

"Symbolets levetid (siden 1980-tallet) er et testament til sin enkelhet, nytte, lærbarhet og minnesbarhet," sa Cox, da han ble spurt om samtalene for å drepe hamburgerikonet.

"Å søke å" drepe "eller" avskaffe "et brukerverktøy eller en widget basert på dårlig bruk eller implementering er både litt kortfattet og overreaktiv."

Hamburger, Red Icon Photos via Shutterstock

Mer i: Ting du ikke visste, hva er 3 kommentarer ▼