Strippen van een website in zijn meest eenvoudige vorm, negeren voor een moment, inhoud die alleen tekst en afbeeldingen is, alles wat een browse-ervaring is, is navigatie. Het klikt op koppelingen waarmee u naar andere pagina's met meer links gaat. De belangrijkste navigatie van uw site is zo'n cruciaal onderdeel omdat dit de blijvende doorgang naar de belangrijkste pagina's van uw inhoud vertegenwoordigt.
Veel sites hebben ook secundaire navigatie, degradeerd naar de onderkant van de site, met 'saaie dingen' zoals Gebruiksvoorwaarden of links naar het Privacybeleid; het is logisch om deze links niet in uw hoofdnavigatie te hebben; je wilt niet dat ze je bestemmingspagina verpesten. Maar hier is een hint, als je een sitemap moet hebben die is opgenomen in die secundaire navigatiebalk, doe je het verkeerd.
Een goed ontwerp vereist een goede organisatie. U moet uitzoeken welke informatie nodig is voor de gebruiker en die vervolgens in secties verdelen. Dit is een standaardproces voor webontwerpers en tenzij uw site alleen bladeren door één pagina / parallax is, wilt u dit op afzonderlijke pagina's plaatsen om het gemakkelijker te verteren, traditioneel toegankelijk via een hoofdnavigatiebalk. Het standaard formaat hiervoor is een horizontale balk bovenaan de site, en hoewel je misschien denkt dat het hebben van mooie of grillige navigatie de gebruiker zal aanspreken; of je denkt dat je 'navigatie' kunt herdefiniëren en het bruikbaarder kunt maken door een link te hebben die onderverdeeld wordt door middel van nestingslinks op de pagina's; het zal niet werken.
De meerderheid van de gebruikers wil niet werken om de site te gebruiken, ze zullen helaas een standaardformaat verwachten. Hoe graag ik ook graag vernieuwende ontwerpen en navigatieprocessen zou zien, de gemiddelde gebruiker niet, en zal deze meteen uitschakelen. Als u een niet-standaard interface voor uw hoofdnavigatie heeft, verhoogt u eenvoudig uw bouncepercentage onmiddellijk. Het belangrijkste hier is echter niet stijl, maar doorzettingsvermogen. De navigatie op elke pagina is belangrijk, gekoppeld aan de consistentie van de locatie, omdat het een herkenningspunt op uw pagina is, en de browse-ervaring van uw gebruiker koppelt.
Op dit punt zul je waarschijnlijk het punt hebben opgemerkt dat ik probeer naar huis te hameren, webdesign is zo belangrijk om op te vallen, maar je navigatie is niet de plek om het te doen.
De tweede fout die vaak wordt gemaakt, is denken dat navigatie inhoud heeft. Dat is het niet. Stel je voor dat je was uitgenodigd voor een feest, lekker eten, geweldige mensen en een gesprek; de uitnodiging zegt dit echter niet, het is helemaal niet wat je verwacht. In plaats van je te vertellen waar, wanneer of wat het feest zal worden, krijg je een mooie naam, misschien 'John's Fancy Pants Party of the Century'. Je snapt het idee. De navigatie moet beschrijvend zijn, het is maar een link, mensen moeten weten wat ze kunnen verwachten. Vergeet niet dat het een onderdeel van uw SEO is, dus als iemand uw PRODUCTEN 'uw PRODUCTEN' geeft, zullen ze naar uw Productenpagina worden gebracht, tenzij u het natuurlijk hebt gelabeld als 'Onze creaties', of iets even mooi en uniek.
Als je kijkt naar sites die designprijzen hebben gewonnen, zullen ze hoogstwaarschijnlijk een van de navigatie-regels breken die ik hier heb uiteengezet. Het gebruik van witte ruimte en een elegant ontwerp gaat echter allemaal ten koste van de bruikbaarheid. Dit type slecht functionerende site maakt gebruik van wat men in de webontwerpindustrie afvraagt als 'Mystery Meat Navigation' of MMN. Het ziet er cool uit en is logisch voor de ontwerper: "Is het niet vanzelfsprekend dat muisklikken over de linkerkant van de pagina, 45.1 cm lager op de pagina, de links naar de pagina naar voren brengen om mijn politieke opvattingen te benadrukken? Het is duidelijk een verwijzing naar Farenheit 451, mijn favoriete boek, en de linkse politieke opvattingen die ik er mee deel. Duh! "Extreme scenario's terzijde, MMN kan een nachtmerrie zijn voor een gebruiker die daadwerkelijk uw site wil gebruiken , niet alleen kijken naar hoe mooi het is. Stel je het bouncepercentage voor van een site die elke koppeling heeft doorlopen zoals een geautomatiseerde telefoonservice opties doorloopt! MMN is hetzelfde! 'Mouse over 1 for: Home ', 'Mouse over 2 for: About ' ... je snapt het. Je moet elke afzonderlijke link doorlopen om te vinden wat je wilt, en tegen de tijd dat je het einde van de navigatie hebt bereikt, ben je vergeten waar je voor kwam! Dit geldt ook voor locatiefeedback, die in feite door middel van de navigatie wordt gemarkeerd, meestal met een kleurverandering, op de site van de gebruiker.
Navigatie is de vertrouwde portal voor nieuwe en interessante inhoud. Hoewel ik je eerder al heb verteld om zich aan de conventies te houden omwille van de bekendheid, en om je bouncepercentage zo laag mogelijk te houden (mits je content goed is), zijn er enkele van de gebruikte navigatie-elementen die je moet vermijden.
De primaire dader is het gevreesde drop-down menu, de grootste zonde als je geen aparte mobiele interface hebt. Het strekt zich vaak niet uit tot crawlen van zoekmachines en is slecht voor de bruikbaarheid als het door de gebruiker onverwachts gebeurt. Ze zien de bovenste (bovenliggende) links en maken hun keuze op basis van de opties die ze daar hebben, en dan zijn er opeens een aantal andere pagina's. Neem geen geneste onderliggende sites mee naar uw hoofdnavigatie, het is rommelig. Dit draagt bij aan een algemeen punt, omdat veel pagina's uw hits verdunnen en daarom een negatieve invloed hebben op uw verkeersgerelateerde SEO. Als u meer pagina's nodig heeft dan u op een standaard navigatiebalk kunt plaatsen, heeft u slechte, uitgebreide inhoud en zult u eronder lijden.
Als je het nog niet geraden hebt, is het belangrijk dat je het aantal items in je navigatie laag houdt. Overbevolking is vooral duidelijk in zijbalk navigatiemenu's, waar ontwerpers denken dat ze het voor onbepaalde tijd kunnen uitbreiden omdat de gebruiker gewend is om verticaal te scrollen. Nu we aannemen dat het menu gemakkelijk herkenbaar is zoals eerder vermeld, hebben minder items het gemakkelijker om op korte termijn te onthouden, wat betekent dat uw site beter bruikbaar is voor de gemiddelde gebruiker, omdat deze zich kan herinneren wat uw hoofdpagina's en links zijn.
Er wordt vaak geciteerd dat het korte-termijngeheugen slechts 7 items kan bevatten, gedurende maximaal 20 seconden, wat betekent dat je je navigatie tot 7 items of minder moet beperken. Hoewel dit een goede logica is, en ik zou het haten om navigatie met meer items te onderschrijven, als je links hebt die heel specifiek zijn voor je site, kun je de meer vertrouwde links naar minder belangrijke zones van de balk degraderen (die ik verderop zal uitleggen) on), zoals gebruikers zullen verwachten, en weten dat die er zijn zonder er hard voor te hoeven zoeken.
In dit tijdperk van Google weten we allemaal hoe belangrijk goede SEO is; en met 'goede SEO' bedoel ik niet dat je je inhoud en site moet compromitteren voor hogere zoekranglijsten, want dat is gewoon slechte SEO. Het optimaliseren van uw site voor crawlers van zoekmachines gaat niet altijd over het gebruik van zo veel mogelijk zoekwoorden of iets dergelijks, het kan zo simpel zijn als het niet gebruiken van knoppen in uw navigatie. Gebruik altijd links voor uw navigatie, het is een goede ontwerpkeuze voor de lange termijn en het kan worden gedetecteerd door zoekmachines. Het zal uw site ook bruikbaarder maken (mits het goed ontworpen is). Gebruikers met slecht zicht bijvoorbeeld, die hun tekstgrootte verhogen, zullen hier vooral van profiteren; zowel als mobiele gebruikers zouden langer moeten wachten om uw knopafbeeldingen te laden, en vervolgens nog even wachten nadat ze erop geklikt waren toen hun updatestatus werd geladen! Segen van het gebruik van knopafbeeldingen als navigatie, met behulp van echte afbeeldingen zonder ondertitels is een slecht idee. Dit soort navigatie wordt nooit aanbevolen, tekst moet altijd worden gebruikt, en zoals vaak hierboven vermeld, in een standaardformaat.
Uiteindelijk bereiken we de meest omstreden en psychoanalytische van alle navigatietips, de bestelling! Er wordt vaak beweerd, met redelijk logische logica, dat de eerste en laatste links op een standaard navigatiebalk de hoogste prioriteit krijgen voor het onderbewuste, vandaar dat zoveel sites tegenwoordig een banner gebruiken als link naar een startpagina / bestemmingspagina, in plaats daarvan van het hebben van een traditionele Home- link aan het begin van de navigatie. Het ding met de altijd aanwezige Home-link is dat het zo vaak over het hoofd wordt gezien vanuit een eenvoudige verwachting dat het er zal zijn. Het maakt weinig verschil uit voor de browse-ervaring van de gemiddelde gebruiker, of het nu wel of niet is, en daarom wordt het niet echt geteld als 'eerste' link als je besluit daar een te plaatsen.
Afgezien daarvan zullen gebruikers natuurlijk links van links naar rechts bekijken, ervan uitgaande dat ze westers zijn en op die manier worden gelezen, zoals de meerderheid van uw gebruikers waarschijnlijk doet. Dit betekent dat de links met de minste individuele impact die zijn in het midden van het navigatiemenu, maar ze kunnen een collectief effect hebben dat mogelijk gevolgen heeft voor hoe het onderbewustzijn van de gebruiker de ervaring van uw site waarneemt. Dit wordt verder beschreven in mijn artikel verhalen vertellen met je ontwerpen , waarin ik uitleg hoe de volgorde waarin u uw menu-items plaatst een verhaal vertelt over de voortgang van een gebruiker via uw site. Deze theorie is veelal speculatie, maar het is logisch dat het hebben van een ondersteuningslink direct na een winkel / producten-een in uw menu kan leiden tot het niet-leveren van uw producten, en dat ondersteuning nodig is en voldoende wordt gebruikt om een plaats op uw hoofd te rechtvaardigen. navigatie menu.
Hoewel al dit advies relevant is voor de meeste traditionele websites en de bruikbaarheid voor de gemiddelde gebruiker verbetert, moet u deze tips niet als evangelie gebruiken. Alle sites en ontwerpen zijn verschillend en sommige kunnen baat hebben bij het negeren van enkele van de hierboven genoemde richtlijnen. Maak uw site vooral eerst bruikbaar en op de tweede plaats, uw bouncepercentage zal afnemen en u kunt verder bouwen op wat u heeft.
Bekijk de navigatie van andere sites en probeer na te denken over waardoor het werkt, niet werkt of zelfs onbruikbaar wordt. Nemen RockPaperShotgun , bijvoorbeeld. Het heeft een navigatiebalk, ja, en het zou standaard zijn geweest ongeveer 10 jaar geleden! Het werkt, maar het basisformaat en de vele links zorgen ervoor dat het heel secundair aanvoelt, en de site voelt alsof er iets ontbreekt in het grote gat naast de titelbanner, waar een navigatiebalk naartoe zou gaan; een upgrade naar een ontwerp met tabbladen kan dit verbeteren.
Of neem Google.com , een voor de hand liggend voorbeeld natuurlijk, deze is echter een beetje anders, omdat ze een aanhoudende bannernavigatie hebben voor een netwerk van sites. Je zult zien dat de link voor YouTube (de enige link waar het bannermenu niet aanhoudt) in het midden wordt geplaatst. Dit komt omdat YouTube vaak wordt gebruikt als een onafhankelijke site, in plaats van als onderdeel van het Google-netwerk, dus degradeert naar de minst belangrijke plek in de bar. Het vervolgkeuzemenu 'meer' bevindt zich aan het einde, zodat het aanvoelt als een verlenging van de oorspronkelijke balk, zonder dat de hoofdbanner hierdoor wordt verstopt. De anderen die je waarschijnlijk zelf hebt bedacht; de knop Zoeken als eerste gebruikt dezelfde redenering als de knop 'Home' en de koppeling Afbeeldingen is de op één na meest gebruikte, wat betekent dat u een minimale muis- en oogbeweging nodig hebt om erop te klikken. Zodra u begint het overzicht te doorbreken, zult u waarschijnlijk beginnen te zien hoeveel aandacht Google hieraan heeft besteed, en u kunt zien waarom zij een van de toonaangevende innovators op het gebied van online ontwerpen zijn.
Neem een kijkje en kijk of je kunt uitzoeken waarom de rest van de links is geplaatst waar ze zijn en denk er vervolgens over na of er verbeteringen zijn die je kunt aanbrengen in je navigatie.
Houd je je hier aan de tips? Geeft u de voorkeur aan navigatie op één niveau of uitgebreide vervolgkeuzemenu's? Laat het ons weten in de comments.
Uitgelichte afbeelding / thumbnail, wegwijzer afbeelding via Shutterstock.