Hvordan Løse Hamburger Ikon Problem
Hamburgerikonet - tre små barer som brukes til å indikere en link til en meny - er en hvis de mest kontroversielle teknikkene på nettet akkurat nå. Designere, vi blir fortalt, alle hater det; kunder, vi forteller alle, hater det også. Hvorfor da er det overalt?
Hamburgerikonet er lett skalerbart og det passer rent til et pikselrutenett. Det var opprinnelig et listikon som har blitt presset til sin nåværende rolle, men siden en meny bare er en liste over alternativer, er det semantisk riktig å bruke listeposten på denne måten.
Det har vært en stor mengde debatt, A / B-testing, bloggranger og brukerstudier utført på emnet, men disse studiene fokuserer nesten alltid på appdesign. Når hamburgerikonet brukes i webdesign, indikerer det et langt mer signifikant problem.
Problemet med hamburgerikonet
Det er mange designere som spørsmålet verdien av hamburgerikonet selv. Det er ofte sett på som et iOS-stilikon, selv om det ble brukt på denne måten før Apple vedtok det.
Det er faktisk mye motstridende bevis på om hamburgerikonet er brukbart som en indikasjon på en meny. Noen designere hevder at ikonet lett gjenkjennes av en yngre demografisk, andre antyder at en eldre demografisk gjenkjenner den hvis den er web-literat. Den eneste konklusjonen som vi virkelig kan trekke fra dette beviset er at brukbarhetstester har vist seg å være ufullstendige, med parallelle tester gir ofte motstridende resultater.
Det som er universelt akseptert er at brukerne ikke gjenkjenner hamburgerikonet som en enkelt kobling, sannsynligvis fordi den er utformet for å ligne en gruppe lenker, snarere enn en enkelt ting. Noe som støttes, er det som omgir hamburgerikonet med en kantlinje, eller gir den en bakgrunn, slik at den ser ut som en knapp-som-tør jeg sier mer skeuomorphic-vil resultere i flere klikk.
Flere problemer med hamburgerikonet
Bortsett fra design av selve ikonet, er tilnærmingen til å bruke et hamburgerikon også rife med problemer.
For det første, og kanskje mest signifikant, legger hamburgerikonet til en ekstra handling for navigasjonen din. Når det skal ta ett klikk for å nå en bestemt side, vil det nå ta to. Tommelfingerregelen for webdesignere har alltid vært maksimalt tre klikk (hvor det er mulig), så langt fra å løse et navigasjonsproblem, utveksler hamburger-ikonet teknikken bare ett problem for en annen. Selvfølgelig er det ikke bare et problem for hamburgerikonet, det er et problem for hvilken som helst navigasjon som er lagt ut på denne måten. Du kan bruke ordet 'Meny' i stedet for hamburgerikonet, og du får samme hindring, forskjellen er at hamburgerikonet ikke kan brukes på annen måte.
Hamburgerteknikken skjuler også innholdet. Fra et UX-synspunkt bør brukere ikke ta en handling for å finne ut hvilke handlinger de kan ta. Det er altfor lett å glemme å "dele på Twitter", eller "gå til kassen", når disse alternativene ikke er umiddelbart foran deg. Brukere vil rett og slett ikke lete etter en link som de ikke vet finnes.
Endelig gjemmer hamburgerikoneteknikken gjeldende status for nettstedet ditt og brukerens posisjon i den. Nedtilstander i en meny gir kontekstuell informasjon til en bruker som hamburgerikoneteknikken obskurerer.
Hva gjør hamburgerikonet bra?
Gitt at hamburgerikonet er universelt hatet og resulterer i en rekke problemer, hvorfor brukes den overalt?
I min erfaring, sikkert blant visse demografi, har hamburgerikonet nylig nådd poenget med å bli lett kjent. Studier som avviser det som pleier å være et år eller mer gammelt og et år er lang tid på interweb.
Faktisk er linkikonet langt mer gjenkjennbart enn linkikonet eller delikonet, og de endelige formene av disse har ennå ikke kommet. Hamburger-ikonet er konsekvent i alle forskjellige utforminger.
Viktigst hamburgerikonet gjør hva det står for å gjøre: det sparer oss massevis av skjerm fast eiendom. Hvis en klient presenterer deg med en liste over en gagillion-gjenstand som må legges til en meny, endrer du dem på skjermen og kobler til dem, er en rå, men effektiv måte å gjøre plass til innholdet som klienten også vil ha.
Jeg vil gjerne si at hamburgerikonet løser problemet bedre enn andre løsninger, men det er ikke sant. I stedet sier jeg at hamburgerikonet løser problemet mindre dårlig enn andre løsninger.
Roten til problemet
Hamburgerikonet har en tendens til å være ansatt fordi designere - eller oftere, klienter - ikke er fullt forpliktet til en mobil-første tilnærming. De vil ha et "vanlig" nettsted, men presset på deres grandaughters telefon.
Motstandere av hamburgerikonet har en tendens til å erstatte det med ordet 'Meny' - ved å gjøre det, mangler de helt poenget. Hamburgerikonet har, som det eller ikke, fått sin mening nå, men brukere som forstår hva knappen er for, løser ikke det største problemet, noe som er at gjemmer vår navigasjon, skjuler brukerens alternativer, er en forferdelig handling av seg selv -sabotasje.
Kort sagt, hamburgerikonet er et symptom på vår kollektive fiasko for å helhjertet omfavne alle aspekter av den mobile første tilnærmingen.
En bedre løsning
For å løse hamburgerproblemet må vi akseptere at Internett som vi vet det ikke virker. Oppveksten av mobilnett betyr langt mer enn å redusere antall kolonner vi bruker og slipper noen av de tyngre bildefilene.
Mobilbanen brukes på en annen måte til nettet av gamle. Mobilbanen finnes i sammenheng med dedikerte apper, og brukere forventer at weben skal oppleves på lignende måte.
Facebooks app byttet famously deres hamburgerikon for en tabulator, og som et resultat så forbedrede konverteringer. Men Facebook har gjort noe langt mer signifikant enn bytte menydesign. Nylig har de slått ut Messenger-appen deres, og det store problemet med at de allerede hadde en perfekt funksjonell og populær app som de kunne ha integrert meldingene med. Facebook har delt inn sine funksjoner, ved å fokusere hver apps rolle de har kommet til to enkle apper, i stedet for en kompleks. Den reduserte funksjonaliteten resulterer i et redusert sett med menyalternativer, og mindre behov for en hamburger-meny.
Gode apper er svært fokusert, og de har utviklet seg på den måten gjennom langt strengere brukertesting enn nettet blir utsatt for. For å opprette en app-stilopplevelse må vi forenkle våre nettsteder, forenkle igjen, og forenkle litt mer. Om nødvendig bryter du arkitekturen ned i håndterbare bite-sized stykker, microsites nesten. Når vi presenterer våre brukere med et enkelt sett med alternativer, oppstår aldri problemet med en kompleks meny.
Bruk av hamburgerikonet er som å slå et båndstøtte på en skade: det lapper opp det, men under noe er det fortsatt ødelagt.
Bare hvis vi fullt ut omfavner en mobil-første tilnærming, og bruker den ikke bare til vårt design, men til vårt innhold og vår informasjonsarkitektur, sender vi hamburger-menyen til historien.
Utvalgt bilde / miniatyrbilde, bruk Hamburger bilde via Mononc 'Paul