En hamburgerknapp låter gott, eller hur? Det kanske gör dig hungrig, men hamburgerknappen har faktiskt inget med hamburgare att göra. Tro det eller ej, det är en term som ofta används för menyknappar i appar.
Faktum är att de flesta av oss använder denna ikon dagligen. Ikonen med tre staplade linjer du ser när du växlar en meny eller navigeringsfält i en app är en hamburgerknapp.
Så var kommer detta namn ifrån och varför används det? Låt oss ta reda på.
Ursprunget till hamburgerknappen
Hamburgerknappen har funnits sedan 1980-talet. Dess namn kommer från dess design: de tre djärva horisontella linjerna som liknar en hamburgare. Även känd som den hopfällbara menyikonen skapades hamburgerknappen av Norm Cox som en del av användargränssnittet för Xerox Star, en av de första moderna kommersiella persondatorerna.
På grund av den tidens designbegränsningar behövde ikonen som representerar en meny med ytterligare alternativ vara något enkelt. De tre parallella djärva linjerna uppfyllde behovet och gav användargränssnittet ett minimalistiskt utseende. Linjerna är en abstrakt skildring av en vertikal lista med alternativ och funktioner som finns inuti den.
Vad gjorde hamburgerikonen populär?
Burgerikonen blev mer framträdande med tillkomsten av smartphones och mobilappar. Med de nya och mindre användargränssnitten var det svårt att få plats med de flesta alternativen på skärmen. För att underlätta navigeringen var utvecklarna tvungna att stoppa undan dem i en meny, och hamburgerikonen visade sig vara användbar för detta ändamål.
Även om det är uppe för debatt vilken app som använde den först, kan Tweetie-appen från Twitter ha varit en av de första moderna apparna som använde ikonen. Strax efter fick hamburgerikonen större popularitet när den antogs av Facebook och Google i mobilappar.
På grund av ikonens rena utseende och tydliga syfte har hamburgerknappen blivit go-to-ikonen för appar och webbplatser att placera sina navigeringsalternativ i sedan dess.
Vad används hamburgerikonen till?
Som nämnts ovan förklarar designen av ikonen dess ursprungliga syfte. Det syftet är ungefär detsamma idag.
Men funktionen för hamburgerikonen i appar är slankare nu, på grund av framsteg inom teknik och design. Det används nu ofta för menyer som glider eller kollapsar in och ut från sidan av skärmen. Genom att trycka på ikonen öppnas en sidomeny med ett urval av olika alternativ och funktioner.
Här är ett exempel på hamburgerikonen som används i Samsung Galaxy Store-appen. Genom att trycka på ikonen i det övre vänstra hörnet kommer du åt olika menyalternativ.
När folk använder nya appar kan det vara svårt att tolka de olika ikonerna på skärmen. Den största fördelen med hamburgerikonen är att den omedelbart känns igen för alla som är bekanta med mobildesign. Ikonen är utbredd, vilket gör den lätt att tolka utan någon förklaring.
Hamburgerikonen tar nästan ingen plats, vilket gör det möjligt att placera den var som helst på skärmen utan att störa andra element. Allt hör inte hemma på huvudsidan på din skärm, så ikonen gör ett bra jobb med att tillhandahålla en fördefinierad plats för navigeringselement.
Som vi har sett erbjuder hamburgerknappen många fördelar, som enkel navigering och ett rent användargränssnitt. Det innehåller dock några nackdelar, som har fått apputvecklare att flytta bort och överväga alternativ.
Med telefoner som hela tiden får större displayer, blir det svårare att nå de platser där hamburgerknappen vanligtvis finns. Detta gör användarupplevelsen mindre engagerande och att använda appar mindre bekväm.
När du öppnar en app för första gången kommer du naturligtvis att leta efter dess nyckelfunktioner. Hamburgerikonen döljer ofta de flesta viktiga alternativ, vilket gör gränssnittet mindre upptäckbart för nykomlingar.
Att placera framträdande funktioner i en menyknapp gör också att de känns mindre viktiga. Det får dig att tänka om dessa alternativ inte var tillräckligt viktiga för att läggas upp på startskärmen, kanske de inte är värda att kolla in.
Alternativ till Hamburgerikonen
Navigationsfält har blivit ett mer populärt och effektivt sätt att organisera menyknappar. Istället för att dölja viktiga funktioner bakom menyikonen, arrangerar navigeringsfältet flera ikoner på hemskärmen.
Navigeringsfältet tillhandahåller menyikoner som är tydliga att förstå och därför är mer engagerande. Hamburgerknappar saknar denna tydlighet, så de får inte samma nivå av engagemang.
Som ett exempel förenklade Google Play Butik sitt gränssnitt genom att göra om det med ett navigeringsfält. Det fältet längst ner visar viktiga funktioner. För att komma åt andra alternativ trycker du på din profilikon i det övre högra hörnet.
Ett navigeringsfält låter dig se fler kärnfunktioner och funktioner på startskärmen. Du kan se flera ikoner i fältet med en blick. Dessutom är dessa staplar vanligtvis längst ner på skärmen, vilket är mycket lättare att nå än de övre högra eller övre vänstra, där hamburgerikoner vanligtvis bor.
Men precis som hamburgerikonen har navigeringsfält sina nackdelar. Även om de har de bästa funktionerna längst fram, är de bara begränsade till endast fyra eller fem val. Så om appen vill visa upp viktigare funktioner måste den använda något annat utöver navigeringsfältet.
Det bästa alternativet skulle kanske vara att införliva både en navigeringsfält och en hamburgerikon. Navigeringsfältet kan visa upp de markerade funktionerna i appen, medan de andra funktionerna kan vara undangömt i hamburgerikonen.
Facebook är ett populärt exempel på detta. I dess navigeringsfält kan du trycka på hamburgermenyn för att komma åt alla dess andra funktioner.
Hamburgerikonens framtid
Hamburgerknappen har använts som en gå-till-menyikon länge nu, så de flesta är ganska vana vid det. Dess minimalistiska tillvägagångssätt och tydliga syfte har gjort den allmänt igenkänd för alla som har använt en smartphone.
Men på grund av några nackdelar med hamburgerikonen har många populära appar, inklusive Google Play Store, Instagram och Twitter, börjat anamma navigeringsfältet istället. Navigeringsfältet kan fungera som ett bättre alternativ till hamburgerikonen, men den är inte helt integrerad i varje app ännu. Som ett resultat kommer vi fortfarande att se hamburgerikonen användas regelbundet under en tid.
Hamburgerikonen är inte perfekt, men den kan förbättras genom att kombinera den med alternativa navigeringselement. Det är viktigt att se till att alla verktyg som appar använder är tydliga för användarna.
Om författaren
Shreeya Deshpande (13 artiklar publicerade)
Shreeya är en teknikentusiast och tycker om att hänga med i de senaste tekniska framstegen. När hon inte skriver om teknik kan du hitta henne på resande fot eller läsa hennes favoritroman!
Mer från Shreeya Deshpande
Prenumerera på vårt nyhetsbrev
Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e-böcker och exklusiva erbjudanden!
Klicka här för att prenumerera
