Stripping av en webbplats till sin bäst form, ignorerar ett ögonblick, innehåll som bara är text och bilder, allt en surfupplevelse är, är navigering. Det är länkar som tar dig till andra sidor med fler länkar. Huvudnavigering på din webbplats är en så viktig del av detta eftersom det representerar den vidhållna dörröppningen till de viktigaste sidorna i ditt innehåll.
Många webbplatser har även sekundärnavigering, nedlagd till botten av webbplatsen, innehållande "tråkiga saker" som användarvillkor eller länkar till sekretesspolicy. det är vettigt att inte ha dessa länkar i din huvudnavigering; du vill inte att dom förstöra din målsida. Men här är en ledtråd, om du måste ha en sidokarta som ingår i den sekundära navigeringsfältet, gör du fel.
Bra design kräver bra organisation. Du måste utarbeta vilken information som är nödvändig för användaren, och dela sedan in i sektioner. Detta är en standardprocess för webbdesigners, och om inte din webbplats är en sida / parallaxrullning, vill du lägga den på enskilda sidor för att göra det lättare att smälta, som traditionellt nås via en huvudnavfält. Standardformatet för detta är en horisontell stapel längst upp på webbplatsen, och medan du kanske tror att ha en fin eller nyckfull navigering kommer att engagera användaren; eller du tror att du kan omdefiniera "navigering" och göra den mer användbar genom att ha en länk som delas upp genom häckande länkar i sidorna. det kommer inte fungera.
Flertalet användare vill inte arbeta för att använda webbplatsen, de kommer förmodligen att se standardformat, tyvärr. Så mycket som jag skulle älska att se innovativa mönster och navigationsprocesser, gör den genomsnittliga användaren inte och kommer direkt att stängas av. Om du har ett icke-standardgränssnitt för din huvudnavigering kommer du helt enkelt att lägga till, öka din studsfrekvens direkt. Det viktigaste här är emellertid inte stil, men uthållighet. Att ha navigering på varje sida är viktigt, i kombination med platsens samstämmighet, eftersom det är ett landmärke på din sida, vilket tätar användarens webbläsarupplevelse.
Vid den här tiden har du förmodligen märkt den punkt jag försöker hamra hem, webbdesign är så viktigt för att sticka ut, men din navigering är inte platsen för att göra det.
Det andra misstag som ofta görs är att tänka på att navigering är innehåll. Det är det inte. Tänk dig om du var inbjuden till en fest, god mat, bra folk och konversation. Men inbjudan säger inte det här, det är inte vad du förväntar dig alls. I stället för att berätta var, när eller vad festen kommer att vara, det ger dig ett fint namn, kanske "John's Fancy Pants Party of the Century". Du får idén. Navigationen behöver vara beskrivande, det är bara en länk, folk behöver veta vad man kan förvänta sig. Glöm inte att det är en del av din SEO, så om någon Googles "dina produkter" kommer de att tas till din Products-sida, såvida inte du självklart märkt det som "Våra skapelser" eller något lika underbart och unikt.
Om du tittar på webbplatser som har vunnit designutmärkelser kommer de med stor sannolikhet att bryta mot en av de navigeringsregler som jag lagt fram här. Men deras användning av vitt utrymme och elegant design kostar allt för användbarhet. Denna typ av dåligt fungerande webbplats använder det som är känt undantagsvis inom webbdesignindustrin som "Mystery Meat Navigation", eller MMN. Det kan se coolt ut och vara helt sunt för designern: "Är det inte uppenbart att mousing över sidans vänstra sida, 45.1cm ner på sidan ger upphov till länkarna till sidan som framhäver mina politiska åsikter? Det är tydligt en hänvisning till Farenheit 451, min favoritbok och de vänsterpolitiska åsikter som jag delar med det. Duh! "Extrema scenarier åt sidan, MMN kan vara en mardröm för en användare som faktiskt vill använda din webbplats, inte bara titta på hur söt det är. Tänk på studsfrekvensen för en webbplats som gick igenom varje länk som en automatisk telefonservice går igenom alternativ! MMN är samma sak! 'Mus över 1 för: Hem ', 'Mus över 2 för: Om ' ... du får idén. Du måste gå igenom varje länk för att hitta vad du vill, och när du har nått slutet av navigeringen har du glömt vad du kom för! Detta gäller också för platsåterkoppling, vilket i huvudsak framhävs, vanligtvis med en färgändring, var på platsen användaren är, genom navigering.
Navigation är den välbekanta portalen till nytt och intressant innehåll. Även om jag tidigare har sagt att du ska hålla dig till konventioner för bekantskapens skull, och för att hålla din studsning så låg som möjligt (förutsatt att ditt innehåll är bra) finns det några få använda navigationselement som du borde undvika.
Den främsta förbrytaren är den fruktade rullgardinsmenyn, den största synden om du inte har ett separat mobilgränssnitt. Det sträcker sig ofta inte till sökrobotar och är dåligt för användbarhet om det är oväntat av användaren. De ser de översta (föräldrarnas) länkar och väljer sina val utifrån vilka alternativ de har där, och så är det plötsligt ett antal andra sidor. Ta inte in nestade barnplatser till din huvudnavigering, det är rörigt. Detta bidrar till en allmän punkt, eftersom många sidor utspädar dina träffar och därför påverkar din trafikrelaterade SEO negativt. Om du behöver fler sidor än vad du kan passa på en vanlig navigeringsrad, har du dålig, verbos, innehåll och kommer att leda till det.
Om du inte redan har gissat det är det viktigt att du håller antalet saker på din navigering nedåt. Överbeläggning är särskilt tydlig på sidospärrnavigationsmenyerna, där designers tror att de kan förlänga det på obestämd tid eftersom användaren är van att rulla vertikalt. Om man antar att menyn är lätt igenkännlig som tidigare nämnts, med mindre objekt gör det lättare att memorera på kort sikt, vilket betyder att din webbplats är mer användbar för den genomsnittliga användaren, eftersom de kan komma ihåg vad dina huvudsidor och länkar är.
Det är ofta citerat att korttidsminnet bara kan innehålla 7 objekt, i upp till 20 sekunder, vilket innebär att du bör begränsa din navigering till 7 objekt eller mindre. Även om detta har ljudlogik till det, och jag skulle hata att stödja navigering med fler objekt, om du har länkar som är mycket specifika för din webbplats, kan du förflytta de mer kända till mindre viktiga zoner i baren (som jag kommer att förklara senare senare på), som användare kommer att förvänta sig, och vet att de finns där utan att behöva titta för hårt.
I detta, Google-ålder, vet vi alla hur viktigt bra SEO är; och med "bra SEO" menar jag inte att kompromissa med ditt innehåll och webbplats för högre sökrankningar, för det är bara dåligt SEO. Optimering av din webbplats för sökrobotar handlar inte alltid om att använda så många sökord som möjligt, eller så kan det vara så enkelt att inte använda knappar i din navigering. Använd alltid länkar för din navigering, det är ett bra långsiktigt designval, och det kan detekteras av sökmotorer. Det gör också din webbplats mer användbar (så länge den är väl utformad). Användare med dålig syn, till exempel, som stöter upp sin textstorlek, kommer särskilt att dra nytta av detta. såväl som mobila användare skulle behöva vänta längre för att ladda dina knappbilder, vänta lite efter att ha klickat på dem när deras uppdateringsstatus laddades! Segueing från att använda knappbilder som navigation, med hjälp av faktiska bilder utan undertexter är en dålig idé. Denna typ av navigering rekommenderas aldrig, text bör alltid användas, och som sagt många gånger ovanför, i ett standardformat.
Slutligen når vi de mest omtvistade och psykoanalytiska av alla navigerings tips, ordern! Det hävdas ofta, med ganska ljudlogik, att de första och sista länkarna på en standardnavigationsfält ges högsta prioritet till det undermedvetna sinne, varför så många webbplatser använder en banner som en hemsida / landningssida länk dessa dagar, istället att ha en traditionell hemlänk i början av navigeringen. Saken med det ständigt närvarande hemlänken är att det så ofta förbises av en enkel förväntan att det kommer att vara där. Det gör väldigt liten skillnad i den genomsnittliga användarens webbläsning, oavsett om den är eller inte, och därför räknas det inte riktigt som "första" länken om du bestämmer dig för att lägga en där.
Som åt sidan kommer användarna naturligtvis att se länkar från vänster till höger, förutsatt att de är västerländska och läser på det sättet, som de flesta av dina användare kommer att göra. Det innebär att länkarna med den minsta individuella effekten kommer att vara de i mitten av navigeringsmenyn, men de kan ha en kollektiv effekt som kan ha konsekvenser för hur användarens undermedvetna uppfattar upplevelsen av din webbplats. Detta beskrivs mer detaljerat i min artikel om berättar historier med dina mönster , där jag förklarar hur den ordning i vilken du lägger dina menyalternativ berättar en historia om en användares progression via din webbplats. Denna teori är mestadels spekulation, men det är meningsfullt att ha en supportlänk direkt efter en butik / produkter i din meny kan leda till att både leveranserna på dina produkter inte är nödvändiga och att stöd behövs och används tillräckligt för att garantera en plats på din huvud Navigeringsmeny.
Medan allt detta råd är relevant för de flesta traditionella webbplatser, och kommer att förbättra användbarheten för den genomsnittliga användaren, ta inte dessa tips som evangelium. Alla webbplatser och mönster är olika, och vissa kan dra nytta av att ignorera några av de ovan angivna riktlinjerna. Framför allt gör din webbplats användbar först och ganska sekund, din avvisningsfrekvens minskar, och du kan bygga på vad du har.
Ta en titt på navigering på andra webbplatser och försök att tänka på vad som gör det att det fungerar, inte fungerar, eller gör det till och med oanvändbart. Ta RockPaperShotgun , till exempel. Det har en navigeringsfält, ja, och det hade varit standard för ungefär 10 år sedan! Det fungerar, men det grundläggande formatet och många länkar gör att det känns väldigt sekundärt, och webbplatsen känns som att det saknas något från det stora hålet bredvid titelfältet, där en navigeringsfält skulle gå. En uppgradering till en flikdesign kan förbättra detta.
Eller ta Google.com , ett uppenbart exempel förstås, det här är lite annorlunda, eftersom de har en bestående bannernavigering för ett nätverk av webbplatser. Du kommer märka att länken till YouTube (den enda länken där bannermenyn inte kvarstår) placeras i mitten. Det här beror på att YouTube ofta används som en oberoende webbplats, snarare än som en del av Googles nätverk, så att den är hänvisad till den minst viktiga platsen i fältet. Fliken "Fliken" ner är i slutet så att den känns som en förlängning till originalfältet, utan att föremålen blockerar huvudbannern. De andra har du säkert tränat för dig själv; Sökknappen som är den första använder samma resonemang som knappen "Hem", och länken Bilder är den näst mest använda, vilket betyder att du behöver minimal mus och ögonresor för att klicka på den. När du börjar bryta ner det kommer du förmodligen att börja se hur mycket tanken Google har lagt in i det här, och du kan se varför de är en av de ledande innovatörerna inom online-designområdena.
Ta en titt och se om du kan träna varför resten av länkarna har ställts var de är och sedan tänka på om det finns några förbättringar som du kan göra för din navigering.
Anslut du till tipsen här? Fungerar du för enkelnavigering eller omfattande neddragningar? Låt oss veta i kommentarerna.