Gratulerer nytt år til alle våre lesere! I dag skal vi se på tre viktige navigasjonstrender som vil dominere 2015.

Man kan tro at vi har utforsket alle mulige variasjoner av navigering på nettet, og likevel ser vi fortsatt leting inne i denne spesifikke nisje. Det er virkelig fantastisk, hvor mange variasjoner av design som kan brukes til en ydmyk liste over lenker.

Her vil jeg vurdere 3 populære trender innen navigering: Først hvordan bruk av navicon (eller hamburgerikonet) endrer seg, for det andre en ny tilnærming med fullskjermmenyer og til slutt hva jeg ser på perfeksjonen av mega-rullegardinmenyen. La oss dykke inn og se disse tilnærmingene på jobb.

Lang lev / død til, navicon!

Facebook får kreditt for å popularisere bruken av navikoner for å skjule navigasjonsalternativer på skjermen eller av lerret. Med fødselen av lydhør webdesign var webdesign fellesskap desperat for en løsning på navigasjon. Pakker alt inn i et navigasjonspanel som setter av lerret, og beveger seg inn når du velger navicon, var en attraktiv løsning. Det virker som om samfunnet låses på det som en litt enkel løsning som syntes å gjøre livet mye lettere for designeren og utvikleren. Som et resultat har navicon blitt et go-to alternativ for mobile apps og nettsteder.

Nylig, men navicon har kommet under angrep. I mange av disse debattene ser det ut til at en viktig detalj er utelatt. Mobilappsindustrien beveger seg lett fra skjermnavigering til fordel for alternativer på skjermen. Dette kommer som trenden er mot fokuserte, enkelt formålsprogrammer. Dette gjør endringen mer fornuftig. I kontrast kan selv et lite nettsted pakkes med dusinvis, om ikke hundrevis av koblinger i navigasjonen. Ta for eksempel et nettsted som sony.com, eller til og med dette nettstedet. Disse nettstedene har navigasjonsbehov som går langt utover det som er mulig med en enkel tabellstrimmel. Av denne grunn virker det som navikoner, og menyen på skjermen er her for å bli. Vi må bare være oppmerksomme på deres begrensninger, potensielle problemer og så videre. Og selvfølgelig, alltid husk bruken: er det en mobil app eller et mobil / lydhør nettsted. Fordi de ikke er de samme.

01

Nettstedet for designbureauet Long Story Short er et flott eksempel på hvordan du kan utnytte navicon på en meningsfull og begrenset måte. Dette nettstedet bruker navicon til å gjemme hele spekteret av navigasjonsalternativer. Det gjør det på både mobil og desktop versjoner av nettstedet. Bruken av navicons på skrivebordet er faktisk en helt under trend her. Hva gjør dette nettstedet til et godt eksempel på tilnærmingen er at de mest kritiske elementene i navigasjon vises utenfor menyen . Hjemmesiden er en portal til de tre viktigste delene av nettstedet. På denne måten er den skjulte menyen ikke den primære navigasjonen, men heller en sekundær som fyller inn blanke.

02

Squarespace-nettstedet er et annet godt eksempel på hvordan du effektivt bruker skjulte menyer. På denne siden er turen og innloggingsalternativene alltid synlige. Mens i alt omtrent 23 menyalternativer finnes i rullegardinmenyen. Helt ærlig, bruk av skjulte menyer for å tillate de viktigste navigasjonsalternativene å ta midtpunktet er intet mindre enn strålende. Jeg gikk gjennom en fase der jeg var veldig nede på bruken av navicons på skrivebordet; det virket som en savner bruk av teknikken. Men etter å ha sett hvordan nettsteder bruker det til å lede brukerne mot de mest kritiske elementene, kan jeg ikke hjelpe, men elsker det.

Til slutt, hvis du får sorg over bruken av navicons, eller skjulte menyer ikke ta noen ord for det. I stedet gjør dine egne brukervennlighetstester for å se om det fungerer for nettstedet ditt. En stor tommelfingerregel er å unngå debatt, og gå i stedet for å teste.

08
09
10

Fullskjermnavigasjon

Den andre trenden jeg vil se på er bruk av fullskjerm navigasjonsmenyer. Disse menyene aktiveres vanligvis med en knapp eller en lenke av noe slag; ganske ofte en navicon. Forskjellen her er at i stedet for et lite panel som glir ut, tar navigasjonen over hele skjermen. På mobilen føles det normalt, men på skrivebordet er dette faktisk en ny og interessant tilnærming.

03

Navigasjonen på dette nettstedet er veldig interessant ved at navigasjonsoverlegget pakker mye punch inn i menyen. Her har de de forventede menyalternativene, men siden det er fullskjerm, har de også plass til et fullstendig kontaktskjema, kontaktinformasjon, sosiale medier, et nytt blogginnlegg og en fremtredende handling.

Det er interessant å vurdere at en bruker som lanserer en meny, når som helst ser etter retning. Dette gjør det til en ledende mulighet til å styre dem mot hva du vil at de skal gjøre. I dette tilfellet vil de at brukeren skal komme i kontakt eller besøke prosjektplanleggeren.

04

I dette eksemplet ser vi også mønsteret på jobb, men på en mye mer minimalistisk måte. I stedet for å pakke inn ekstra alternativer valgte de å bare presentere en veldig kortfattet liste over navigasjonsalternativer. I tillegg får de bonuspoeng for å animere navicon til en "x" for å lukke menyen.

05
06
07

Perfeksjon av den store størrelsen på menyen

Til slutt vil jeg vurdere super-størrelse eller mega-rullegardinmenyen. Bruken av superstore menysystemer er ikke noe nytt. Hva jeg finner interessant er innholdet plassert inne i dem. I vurderingen av ting har designere virkelig satt denne nye plassen til å fungere på kraftige måter.

11

Lowes nettside viser perfekt hva jeg har i tankene. Her kan du se at menysystemet har blitt et sted for innhold. Dette innholdet kan brukes til å lede strømmen av brukere gjennom nettstedet. Viktigst av alt kan det føre dem til det viktigste innholdet. Spørsmålet blir, hva er det viktigste innholdet? Kanskje det er de mest lønnsomme elementene i butikken din. Og på denne måten fungerer navigasjonen som en selger som driver de mest lønnsomme produktene. Eller kanskje det er brukt til å lede brukerne til de mest populære elementene.

12

Et annet nettsted som bruker dette alternativet på en litt annen måte, er nettstedet New Balance. Her er de tre første dropdownene store i naturen, men er i hovedsak lister over lenker. Det siste alternativet for å lage tilpassede sko produserer imidlertid rullegardinmenyen vist ovenfor. Dette menyalternativet er en enkelt lenke. Jeg elsker at de benyttet anledningen til å gjøre dette enkeltelementet til en virkelig overbevisende intro til innholdet bak koblingen.

1. 3
14
15
16

Konklusjon

Disse tre trendene, selv om vi kan diskutere dem separat, har mange trekk til felles. Primær blant disse er hvordan navigasjonen har endret seg gjennom årene. Dropdown-menyer pleide å være generelt en organisert liste over lenker. For det meste var de noe nøytrale fordi alle ting ble presentert like. Nå finner vi at navigasjonssystemer er en viktig måte å bidra til å veilede brukere mot ønskelige mål.

For meg er utfordringen klar. At vi bør heve vår tenkning på navigasjon og virkelig omfavne den innflytelsen den har på opplevelsen av å bruke nettsidene vi lager. Altfor ofte finner jeg at navigering er litt av en ettertanke. Når det faktisk er, bør det være blant de mest kritisk betraktede og raffinerte elementene i designet.