Stripping af et websted til dets bareste form, ignorerer i et øjeblik, indhold, der kun er tekst og billeder, alt en browseroplevelse er, er navigation. Det er klik på links, der fører dig til andre sider med flere links. Hovednavigationen på dit websted er en afgørende del af dette, da det repræsenterer den vedvarende døråbning til de vigtigste sider i dit indhold.
Mange steder har også sekundær navigation, henvist til bunden af webstedet, der indeholder 'kedelige ting' som vilkår for brug eller privatlivspolitik links; det er fornuftigt ikke at have disse links i din hovednavigation; du vil ikke have dem ødelagt din destinationsside. Men her er et tip, hvis du skal have et sitemap inkluderet i den sekundære navigationslinje, gør du det forkert.
Godt design kræver god organisering. Du skal udarbejde, hvilke oplysninger der er nødvendige for brugeren, og derefter opdele det i sektioner. Dette er en standardproces for webdesignere, og medmindre dit websted er single page / parallax scrolling, vil du gerne sætte dette på individuelle sider for at gøre det lettere at fordøje, der traditionelt er adgang til via en nav nav. Standardformatet for dette er en vandret bjælke langs toppen af siden, og mens du måske tror at have smuk eller lunefuld navigation vil involvere brugeren; eller du tror, at du kan omdefinere "navigation" og gøre den mere brugbar ved at have et link, der opdeler gennem nesting links i siderne; det virker ikke.
De fleste brugere vil ikke arbejde for at bruge webstedet, de vil desværre forvente at se standardformat. Så meget som jeg vil elske at se innovative designs og navigationsprocesser, gør den gennemsnitlige bruger ikke og vil øjeblikkeligt slukke. Hvis du har en ikke-standardgrænseflade til din hovednavigation, vil du blot sætte, øge din afvisningshastighed med det samme. Det vigtigste her er imidlertid ikke stil, men vedholdenhed. At have navigationen på hver side er vigtig, kombineret med sammenhæng i placering, da det er et vartegn på din side, der tæler brugerens browseroplevelse.
På dette tidspunkt vil du sikkert have bemærket det punkt, jeg forsøger at hamre hjem, webdesign er så vigtigt for at stå ud, men din navigation er ikke stedet at gøre det.
Den anden fejl, der ofte gøres, er at tænke på, at navigation er indhold. Det er det ikke. Forestil dig, om du blev inviteret til en fest, god mad, gode mennesker og samtale; men invitationen fortæller dig ikke dette, det er ikke det, du forventer overhovedet. I stedet for at fortælle dig, hvor, hvornår eller hvad festen skal være, giver den dig et fancy navn, måske 'John's Fancy Pants Party of the Century'. Du får ideen. Navigationen skal være beskrivende, det er bare et link, folk skal vide, hvad de skal forvente. Glem ikke, at det er en del af din SEO, så hvis nogen er Googles 'PRODUCTS', bliver de taget til din Products-side, medmindre du selvfølgelig mærker det som 'Vores kreationer' eller noget lige så dejligt og unikt.
Hvis du kigger på websteder, der har vundet designpriser, vil de meget sandsynligt bryde en af de navigeringsregler, som jeg har lagt ud her. Men deres brug af hvidt rum og elegant design er alle på bekostning af brugervenlighed. Denne type dårligt fungerende websted bruger det, der er kendt undtagelsesvist i webdesignindustrien som "Mystery Meat Navigation" eller MMN. Det kan se sejt ud og give mening til designeren: "Er det ikke indlysende, at mousing over venstre side af siden, 45,1 cm ned på siden, opretter linkene til siden, der fremhæver mine politiske synspunkter? Det er tydeligt en henvisning til Farenheit 451, min yndlingsbog og de venstreorienterede politiske synspunkter, som jeg deler med det. Duh! "Ekstra scenarier til side, MMN kan være et mareridt for en bruger, der rent faktisk ønsker at bruge dit websted, ikke bare se på hvor smuk det er. Forestil dig udvisningsfrekvensen for et websted, der gik igennem hvert link som en automatiseret telefontjeneste går gennem muligheder! MMN er det samme! 'Mouse over 1 for: Home ', 'Mouse over 2 for: About ' ... du får ideen. Du skal gennemgå hvert enkelt link for at finde det, du vil have, og når du har nået slutningen af navigationen, har du glemt hvad du kom for! Dette gælder også for placeringsfeedback, hvilket i det væsentlige fremhæves, normalt med en farveændring, hvor på siden brugeren er, gennem navigationen.
Navigation er den velkendte portal til nyt og interessant indhold. Selvom jeg tidligere har fortalt dig at holde fast i konventioner for fortrolighedens skyld, og for at holde din afvisningshastighed så lav som muligt (hvis din indhold er god), er der et par ofte brugte navigationselementer, som du bør undgå.
Den primære lovovertræder er den frygtede drop-down menu, den største synd, hvis du ikke har en separat mobil grænseflade. Det strækker sig ofte ikke til søgemaskinernes crawls og er dårligt for brugervenlighed, hvis det er uventet af brugeren. De ser de øverste (forældre) links og foretager deres valg baseret på hvilke muligheder de har der, og så er der pludselig en række andre sider. Tag ikke indlejrede børnepladser til din hovednavigation, det er rodet. Dette bidrager til et generelt punkt, idet mange sider fortynder dine hits og derfor påvirker din trafikrelaterede SEO negativt. Hvis du har brug for flere sider, end du kan passe på en standardnavigationslinje, har du dårligt, ordentlig indhold og vil lide som følge heraf.
Hvis du ikke har gættet det allerede, er det afgørende at holde antallet af ting på din navigation ned. Overbelægning er især tydelig på sidebarnavigationsmenuer, hvor designere tror at de kan udvide det på ubestemt tid siden brugeren er vant til at rulle lodret. Når man antager, at menuen er let genkendelig som tidligere nævnt, har færre ting lettere at huske på kort sigt, hvilket betyder, at dit websted er mere brugbart for den gennemsnitlige bruger, da de kan huske, hvad dine hovedsider og links er.
Det er ofte citeret, at korttidshukommelsen kun kan indeholde 7 emner i op til 20 sekunder, hvilket betyder at du skal begrænse din navigation til 7 enheder eller mindre. Selv om dette har lydlogik til det, og jeg ville hader at godkende navigation med flere ting, hvis du har links meget specifikke for dit websted, kan du henvise de mere kendte til mindre vigtige zoner i linjen (som jeg vil forklare senere on), som brugerne vil forvente, og ved, at de er der uden at skulle se hårdt ud.
I dette, Google's alder, ved vi alle kun, hvor vigtig god SEO er; og ved 'good seo' betyder det ikke at kompromittere dit indhold og dit websted for højere søgeplaceringer, for det er bare dårlig SEO. Optimering af dit websted til crawlere på søgemaskiner handler ikke altid om at bruge så mange søgeord som muligt eller noget lignende, det kan være så enkelt som ikke at bruge knapper i din navigation. Brug altid links til din navigation, det er et godt langsigtet design valg, og det kan detekteres af søgemaskiner. Det vil også gøre dit websted mere brugbart (så længe det er godt designet). Brugere med dårlig syn for eksempel, som støder op på deres tekststørrelse, vil især drage fordel af dette; såvel som mobile brugere vil skulle vente længere for at indlæse dine knapbilleder, så vent nogle flere efter at have klikket på dem, da deres opdateringsstatus blev indlæst! Segueing fra at bruge knappebilleder som navigation, ved hjælp af faktiske billeder uden undertekster er en dårlig idé. Denne form for navigation anbefales aldrig, tekst skal altid bruges, og som sagt mange gange ovenfor, i et standardformat.
Endelig når vi den mest omstridte og psykoanalytiske af alle navigeringsspidserne, ordren! Det er ofte hævdet, at med den ret lydfulde logik, at de første og sidste links på en standardnavigationslinje har den højeste prioritet til det underbevidste sind, hvorfor derfor mange steder bruger et banner som en hjemmeside / landingsside link i disse dage, i stedet for at have et traditionelt startlink ved starten af navigationen. Sagen med den altid tilstedeværende hjemmeside-link er, at det så ofte overses ud af en simpel forventning om, at det vil være der. Det gør meget lidt forskel på gennemsnitsbrugerens browseroplevelse, uanset om den er eller ikke, og derfor regnes det ikke rigtigt som 'første' link, hvis du beslutter dig for at placere en der.
På den anden side vil brugerne naturligvis se links til højre, forudsat at de er vestlige og læser på den måde, som de fleste af dine brugere sandsynligvis vil gøre. Det betyder, at linkene med den mindst individuelle indvirkning er dem i midten af navigationsmenuen, men de kan have en kollektiv effekt, der kan have konsekvenser for, hvordan brugerens underbevidste opfatter oplevelsen af dit websted. Dette er nærmere beskrevet i min artikel om fortæller historier med dine designs , hvor jeg forklarer, hvordan den rækkefølge, hvor du placerer dine menupunkter, fortæller en historie om en brugeres progression gennem dit websted. Denne teori er for det meste spekulation, men det er fornuftigt at have en support link direkte efter en butik / produkter i din menu kan udlede både manglende levering på dine produkter, og at support er nødvendig og bruges nok til at berettige et sted på din hoved navigationsmenu.
Selv om alt dette råd er relevant for de fleste traditionelle hjemmesider, og vil forbedre brugervenligheden for den gennemsnitlige bruger, skal du ikke tage disse tip som evangelium. Alle websteder og designs er forskellige, og nogle kan have glæde af at ignorere nogle af ovenstående retningslinjer. Frem for alt gør dit websted brugbart først og næppe andet, din afvisningsprocent vil falde, og du kan bygge videre på, hvad du har.
Se på navigationen på andre websteder, og prøv at tænke på, hvad der gør det til at fungere, ikke virke eller endda gør det ubrugeligt. Tage RockPaperShotgun , for eksempel. Det har en navigationslinje, ja, og det ville have været standard omkring 10 år siden! Det fungerer, men dets grundlæggende format og mange links gør det til at føle sig meget sekundært, og webstedet føles som om der mangler noget fra det store hul ved siden af titelbanneret, hvor en navigationslinje ville gå. en opgradering til et tabbedesign kunne forbedre dette.
Eller tag Google.com Et klart eksempel er selvfølgelig en smule anderledes, da de har en vedvarende bannernavigation for et netværk af websteder. Du vil bemærke, at linket til YouTube (det eneste link, hvor bannermenuen ikke vedvarer) er placeret i midten. Dette skyldes, at YouTube ofte bruges som et uafhængigt websted, snarere end som en del af Google-netværket, så det er relegeret til det mindst vigtige sted i linjen. Fanen drop down 'more' er i slutningen, så den føles som en udvidelse til den oprindelige bar uden at tilstoppe hovedbanneret. De andre har du sikkert arbejdet for dig selv; Søgeknappen, der er den første, bruger den samme begrundelse som 'Home' knappen, og linket Billeder er det næststørste, hvilket betyder at du har brug for minimal mus og øjenrejse for at kunne klikke på den. Når du begynder at bryde den ned, vil du sandsynligvis begynde at se, hvor meget tanken Google har lagt i dette, og du kan se, hvorfor de er en af de førende innovatører inden for online-design sfærer.
Se om du kan finde ud af, hvorfor resten af linkene er blevet placeret, hvor de er, og så tænk på, om der er nogen forbedringer, du kan gøre for din navigation.
Overholder du tipsene her? Kan du favorisere enkeltnavigationsnavigation eller omfattende drop-downs? Lad os vide i kommentarerne.
Fremhævet billede / miniaturebillede, skiltbilledet via Shutterstock.