Har Hamburger Menuer Arbejde på Desktop Sites?
Vi har mobile enheder og deres designere og udviklere til at takke for hamburgermenuen og dens stigende popularitet. Men flere og flere desktop-sites vedtager også denne design- og navigationsløsning.
På grund af mobilenhedernes mindre skærme kommer skærmens plads til en præmie. Designere skal prioritere, hvad designvalg har forrang over andre. De skal også være kloge i at få mest muligt ud af mindre plads. En hamburger-menu viser kun navigationsoverskrifter og valg, når brugerne aktivt klikker på symbolet. Ellers er det et diskret, næsten usynligt ikon, som normalt er placeret øverst til venstre eller højre for et websted-mobil eller skrivebord.
At sige at dette er indbegrebet af minimalisme er en underdrivelse. Da det giver højeste funktionalitet, mens du holder dig ude af vejen, bliver den brugt af et stigende antal designere.
Hamburger minimalisme
En af de mest vedvarende designtendenser i de sidste par år har været minimalisme på grund af dets fokus på ren, enkel og nem at navigere æstetik. Det er ikke overraskende, at hamburgermenuerne er populære, fordi de fremmer minimalisme på et hvilket som helst sted, både hvad angår design og funktion.
Designer Brian Hoff forstår dette godt på hans websted. Bemærk den skjulte menu nær øverste højre del af hjemmesiden. Det er rent og simpelt ud fra et designsynspunkt, fordi det sidder der uklart, indtil brugeren beslutter at han vil fortsætte og klikke på den for at åbne navigationsindstillingerne. Men fra et funktionssynspunkt er det også en undersøgelse i minimalisme, fordi alt hvad der kræves for at interagere med det, er, at brugeren skal holde markøren på ikonet og klikke på den. Derefter vises en fly-out-menu fra højre side af skærmen med blot et par navigeringsmuligheder. Easy-peasy!
Selvfølgelig bløder dette også i brugeroplevelsen, da alle, der forsøger at navigere på Brian's websted, vil nyde det med denne minimalistiske skjulte menu end med en menu, der er brash og enorm, hvilket ville distrahere fra let navigation og overvælde med for mange muligheder .
Hamburger fokus
Webdesign handler om at uddele elementer og understrege nogle over andre i et forsøg på at prioritere, hvordan besøgende beslaglægger information. Det er en del af, hvordan informationsarkitekturen virker: Hvis du vil have besøgende til at forstå, hvad dit websted handler om fra det øjeblik, de lægger øjnene på det, så vil du designe for at henlede opmærksomheden på webstedets tagline eller værdi proposition, mens du skaler ned vigtigheden af andre elementer.
eWebDesign forstår dette og har designet sit websted i overensstemmelse hermed. Bemærk, hvordan den skjulte menu er meget diskret øverst til højre på hjemmesiden. Det er ikke engang klæbrig, så rulning ned vil gøre det forsvinde. Denne diskret tilstedeværelse af den skjulte menu betyder, at den besøgendes opmærksomhed straks trækkes til webstedets unikke værdi proposition, hvilket er, at abonnenterne på sin blog modtager webnyheder direkte fra industrieksperter. Dette fortæller også problemfrit til opkaldsknappen "abonnere" lige under forslaget.
Hvis menuen blev lagt ud traditionelt - i form af en vandret navigationsmenu over denne proposition - er chancerne for, at besøgende i stedet straks bliver distraheret af et utal af ting at klikke på! Det ville have skadelige indvirkninger på antallet af mennesker, der tilmelder sig webstedet.
Kreativ problemløsning
Hvert websted, der er bygget, står over for et stort problem lige uden for flagermus: hvordan virker en designer plan ting, så webstedet er både funktionelt og stadig æstetisk attraktivt? At få navigationen lige fra få gå-både hvad angår brugeroplevelsen og brugervenlighed-er nøglen.
Hamburgermenuen giver kreative og praktiske designere mulighed for at komme med navigationsløsninger, der tjener både funktion og skønhed. Nogle gange er løsningen ikke det, du nogensinde ville forvente, og besøgende har tendens til at blive blæst væk af et navigationslayout, der glæder dem med noget, de sjældent eller aldrig har set før.
Case in point: digital studio Vi er imperium fra Manchester Dets hjemmeside er stærkt afhængig af begreber som hvidt rum, store billeder og renhed, men det ridser kun overfladen. Når brugere klikker på den skjulte menu igen, diskret placeret øverst til højre på hjemmesiden, er de helt glade for en kreativ løsning til funktionel navigation.
Så snart hamburgermenuen er klikket, vises ingen fly-out-menu fra enhver side. I stedet skifter hele skærmen over til navigationsmenuen, som vises i sig selv på hele skærmen; Ændringen i farve fra hvid til lyserød forstærker denne ændring. Derefter er brugerne frit for at finde præcis, hvad de vil have på hjemmesiden.
Retfærdig kommunikation
Målet med ethvert websted er at få besøgende til at bruge webstedet med lethed og effektivitet fra det øjeblik de begynder at browse det. En af de mest magtfulde måder at gøre det på, er gennem affordances, som kommunikerer til besøgende, hvilke forskellige elementer af et websted, der betyder, og hvordan de kan bruges.
Pattern affordance bruger fortrolighed til straks at fortælle besøgende, hvad et ikon for eksempel kan bruges til. Ergo, mønster rådgivning fortæller hurtigt en besøgende hvordan de kan interagere med et ikon for at få et ønsket resultat.
Hamburgermenuen er blevet næsten allestedsnærværende på mobil i de seneste år. Derfor er det sikkert at et stort antal brugere er bekendt med det: hvordan det ser ud, hvordan de kan bruge det (ved at trykke på det for at åbne en menu), og selv hvor på skærmen det normalt findes. Dens tilstedeværelse på enhver hjemmeside giver øjeblikkelig kommunikation om, hvordan man navigerer på siden.
Digital reklamebureau Xander demonstrerer dette på sin hjemmeside. Selv om hjemmesiden er så bar for at være næsten ekstrem i sin minimalisme, er fraværet af noget, der virkelig tager øjet over fold-brugerne, straks efter den skjulte menu og finder den i øverste højre hjørne, en sædvanlig placering . Denne lydighed af mønster eliminerer forvirring fra brugerens synspunkt og giver dem mulighed for at begynde at finde det, de vil have på webstedet med det samme.
Ikke bare en fad
Selv nu tiltrækker det trods hamburgermenuens ubiquity stadig kritik fra nogle kredse. Dens brede adoptering på mange steder, både mobil og skrivebord, indikerer, at der er en efterspørgsel efter det, men der er fortsat tvivl.
På dette tidspunkt er det mere end indlysende, at hamburgermenuen er en permanent armatur på mange hjemmesider, både små og store. Det er mere end en forbigående fad, fordi designere forstår, at det løser navigationsproblemer effektivt, smart og nemt. Og det er netop derfor, at denne tilgang til navigationsmenuen nu er stærkt forankret i vores web-browsing vaner.