3 Essential Navigation Trends for 2015
Godt nytår til alle vores læsere! I dag tager vi et kig på tre vigtige navigations trends, der vil dominere 2015.
Man tror måske, at vi har udforsket alle mulige variationer af navigation på nettet, og alligevel ser vi fortsat udforskning indenfor denne meget specifikke niche. Det er virkelig fantastisk, hvor mange variationer af design der kan anvendes til en ydmyg liste over links.
Her vil jeg overveje 3 populære tendenser inden for navigation: Først hvordan brugen af navicon (eller hamburgerikonet) ændrer sig, for det andet en ny tilgang ved hjælp af fuldskærmmenuer og endelig hvad jeg anser for perfektion af mega-rullemenuen. Lad os dykke ind og se disse tilgange på arbejdspladsen.
Lang levetid / død til, navicon!
Facebook får kredit for at popularisere brugen af navicons for at skjule navigationsindstillinger off screen eller fra lærred. Med fødslen af lydhurtigt webdesign var webdesignsamfundet desperat for en løsning på navigation. Pakker alt ind i et navigationspanel, der sidder af lærred og bevæger sig ind ved valg af navicon var en attraktiv løsning. Det ser ud til, at samfundet låses på det som en noget nem løsning, der syntes at gøre livet meget lettere for designeren og udvikleren. Som følge heraf er navicon blevet en go-to mulighed for mobile apps og hjemmesider.
For nylig er navicon imidlertid kommet under angreb. I mange af disse debatter ser det ud til, at en vigtig detalje udelades. Den mobile apps industri er let at flytte væk fra off-screen navigation til fordel for på skærmen muligheder. Dette kommer som tendensen er rettet mod fokuserede apps med en enkelt formål. Dette gør ændringen mere rimelig. Til gengæld kan selv et lille websted være pakket med snesevis, hvis ikke hundredvis af links i navigationen. Tag for eksempel et websted som sony.com, eller endda dette websted. Disse websteder har navigationsbehov, der går langt ud over det, der er muligt med en simpel fanebånd. Af denne grund forekommer det mig, at naviconer og menuer på skærmen er her for at blive. Vi skal simpelthen være opmærksomme på deres begrænsninger, potentielle problemer og så videre. Og selvfølgelig skal du altid huske brugen: er det en mobilapp eller et mobil / lydhurtigt websted. Fordi de ikke er de samme.
Webstedet for designbureauet Long Story Short er et dejligt eksempel på, hvordan man kan udnytte navicon på en meningsfuld og begrænset måde. Dette websted gør brug af navicon til at skjule væk fra hele spektret af navigationsindstillinger. Det gør det på både mobile og stationære versioner af webstedet. Brugen af navicons på skrivebordet er faktisk en hel del trend her. Hvad gør dette websted til et godt eksempel på tilgangen er, at de mest kritiske elementer i navigationen vises uden for menuen . Hjemmesiden er en portal til de tre vigtigste dele af hjemmesiden. På den måde er den skjulte menu ikke den primære navigation, men snarere en sekundær, der fylder emnerne.
Squarespace-webstedet er et andet dejligt eksempel på, hvordan man effektivt bruger skjulte menuer. På denne side er tour og login muligheder altid synlige. Mens der i alt findes ca. 23 menuindstillinger i diasshowmenuen. Helt ærligt er brugen af skjulte menuer for at give de vigtigste navigationsmuligheder mulighed for at tage centrum er intet mindre end strålende. Jeg gik gennem en fase, hvor jeg virkelig var nede på brugen af naviconer på skrivebordet; det lignede en savnet brug af teknikken. Men efter at have set, hvordan websteder bruger det til at køre brugerne mod de mest kritiske elementer, kan jeg ikke lade være med at elske det.
Endelig, hvis du får sorg over brugen af navicons, eller skjulte menuer tager ikke nogen ord for det. I stedet gør dine egne brugervenlighedstest for at se, om det virker på dit websted. En stor tommelfingerregel er at undgå debat og gå test i stedet.
Fuld skærmnavigation
Den anden trend, jeg gerne vil se på, er brugen af navigationsmenuer i fuld skærm. Disse menuer aktiveres typisk med en knap eller et link af en eller anden type; ganske ofte en navicon. Forskellen her er, at i stedet for et lille panel, der glider ud, tager navigationen over hele skærmen. På mobilen føles det normalt, men på skrivebordet er det faktisk en ny og interessant tilgang.
Navigeringen på dette websted er meget interessant, fordi navigationsoverlejringen pakker en masse slag i menuen. Her har de de forventede menupunkter, men da det er fuldskærm, har de også plads til en fuld kontaktformular, kontaktoplysninger, sociale medier, et nyt blog-indlæg og et fremtrædende opfordring til handling.
Det er interessant at overveje, at en bruger, der starter en menu, til enhver tid søger retning. Dette gør det til en god mulighed for at styre dem mod, hvad du vil have dem til at gøre. I dette tilfælde ønsker de brugeren at komme i kontakt eller besøge deres projektplanlægger.
I dette eksempel ser vi også mønsteret på arbejde, men på en meget mere minimalistisk måde. I stedet for at pakke i ekstra muligheder valgte de simpelthen at præsentere en meget kortfattet liste over navigationsindstillinger. Plus de får bonuspoint til at animere navicon i en "x" for at lukke menuen.
Perfektion af menuen i stor størrelse
Endelig vil jeg overveje super-størrelse eller mega-rullemenuen. Brugen af superstore menusystemer er ikke noget nyt. Hvad jeg finder interessant er indholdet placeret inde i dem. I min vurdering af ting har designere virkelig sat nyt plads til at arbejde på magtfulde måder.
Lowes hjemmeside demonstrerer perfekt, hvad jeg har i tankerne. Her kan du se, at menysystemet er blevet et sted for indhold. Dette indhold kan bruges til at lede strømmen af brugere gennem webstedet. Vigtigst er det, at det kan køre dem mod det vigtigste indhold. Spørgsmålet bliver, hvad er det vigtigste indhold? Måske er det det mest rentable element i din butik. Og på denne måde fungerer navigationen som en sælger, der skubber de mest rentable produkter. Eller måske er det brugt til at lede brugerne til de mest populære genstande.
Et andet websted, der bruger denne indstilling på en lidt anderledes måde, er webstedet New Balance. Her er de tre første dropdowns store i naturen, men er i det væsentlige lister over links. Men den sidste mulighed for at oprette brugerdefinerede sko frembringer dropdownen vist ovenfor. Denne menupunkt er et enkelt link. Jeg elsker, at de benyttede lejligheden til at gøre dette enkelt emne til en virkelig overbevisende introduktion til indholdet bag linket.
Konklusion
Disse tre tendenser, selv om vi kan diskutere dem særskilt, har mange træk til fælles. Primær blandt disse er hvordan navigation har ændret sig gennem årene. Dropdown menuer plejede at være generelt en organiseret liste over links. For det meste var de noget neutrale, fordi alle ting blev præsenteret ens. Nu finder vi, at navigationssystemer er en vigtig måde at hjælpe brugerne hen imod ønskelige mål.
For mig er udfordringen klar. At vi bør øge vores tankegang om navigation og virkelig omfavne den indflydelse det har på erfaringen med at bruge de websteder, vi opretter. Alt for ofte finder jeg, at navigation er lidt af en eftertanke. Når det faktisk er, bør det være blandt de mest kritisk betragtede og raffinerede elementer i designet.