Wegwijzers: gebruikers helpen bij het navigeren door inhoud
Navigeren naar onbekende informatie op het web vereist hulpmiddelen.
Deze hulpmiddelen hebben geen agenda of verteken de manier waarop reclame doet. In plaats daarvan helpen navigatiehulpmiddelen mensen het juiste pad te vinden op basis van hun interesses.
Wegwijzers zijn een soort navigatiehulp. Ze bieden de informatie die mensen nodig hebben om hun eigen beslissingen te nemen tijdens het zoeken en surfen op internet.
Moet een ontwerper zich zorgen maken over het verliezen van lezers door een website? Veel websites strijden om aandacht door het publiek te lokken met levendige illustraties, pakkende typografie en rijke gebruikersinterfaces.
Naast aantrekkelijk zijn, proberen andere websites ook nuttig te zijn. Het doel van usability is niet om aandacht te krijgen, maar om herhaalbezoeken te krijgen. Reclame verliest lezers, in de zin dat het hen naar andere websites leidt, terwijl bruikbaarheid erover gaat te zorgen dat ze niet verdwalen.
Net als hun echte tegenhangers zijn webgebaseerde 'wegwijzers' visuele aanwijzingen die mensen door nieuw territorium leiden. In de fysieke wereld vertrouwen mensen op oriëntatiepunten, kaarten, bewegwijzering en gezichtslijnen om hun weg te vinden door een onbekend territorium.
Online gaat men op beschrijvende links, navigatiebalken en rubrieken op de pagina. Real-world en virtuele wegwijzers hebben hetzelfde doel: mensen helpen het beste pad naar hun bestemming te vinden.
Hyperlinks zijn overdreven kansen
Het web zou niet werken zonder koppelingen. Toch negeren bezoekers en ontwerpers koppelingen vaak als eenmalige gebeurtenissen. Klik, laad en dat is alles. Maar de juiste informatie kan eenvoudige hyperlinks omzetten in nuttige borden die bezoekers naar de informatie leiden die ze zoeken.
Hyperlinks zijn alleen zo zinvol als hun klikbare tekst. Een slecht ontworpen link laat mensen zich afvragen of de link een klik waard is. De woorden in en rond een link moeten mensen informeren over wat de link doet (bijv. Doorverwijzen naar een andere pagina of website, een bestand downloaden, enz.) En wat het verlaten van de huidige pagina de moeite waard maakt.
- “ Klik hier om door onze verzameling detectiveverhalen en misdaadverhalen te bladeren. "
- "Blader door onze collectie detective en misdaadverhalen .”
- “ Blader door onze verzameling detectiveverhalen en misdaadverhalen .”
De voorbeelden hierboven lijken hetzelfde te betekenen, maar er zijn belangrijke verschillen:
- Het eerste voorbeeld gebruikt de uitdrukking "klik hier". De effectiviteit van deze zin is lang gedebatteerd . Beide W3C en grote zoekmachines aangeven dat zoekwoorden in links nuttiger zijn dan generieke woordgroepen. Dat wil zeggen dat mensen die op zoek zijn naar detectiveverhalen meer geneigd zijn te zoeken naar 'detective' dan naar 'klik hier'.
- Het tweede voorbeeld krijgt de meeste links naar de minste woorden. Elke koppeling op zich is minder specifiek dan 'detectiveverhalen', maar kan meer geschikt zijn, afhankelijk van hoe de inhoud op de gelinkte websites is georganiseerd.
- Er zijn twee voordelen aan een link zoals die in het derde voorbeeld. Ten eerste heeft de link trefwoorden, wat betekent dat er geen twijfel bestaat over waar het naartoe leidt. Ten tweede is het totale klikbare gebied groter; kleine links vereisen meer precisie van de bezoeker.
Ontwerp voegt betekenis toe aan koppelingen
Helaas zijn overweldigende mensen met informatie mogelijk. Bijvoorbeeld:
Een paar dingen om op te merken:
- We hebben het grootste deel van de tekst verplaatst naar het kenmerk 'titel' [title]. De meeste browsers tonen de titel alleen wanneer de gebruiker zijn cursor boven de link houdt, waardoor de rommel op de pagina wordt verminderd.
- We hebben "Lees meer over" buiten de link gelaten. Of zinsdelen zoals "klik hier voor ..." en "meer zien ..." afhangen van iemands stijl, maar over het algemeen is het het beste om zo weinig mogelijk niet-sleutelwoorden te gebruiken.
- In browsers die HTML5 en CSS3 ondersteunen, de
relkenmerk geeft het type van een koppeling aan. Ontwerpers die gebruiken CSS-attribuutselectoren met aangenomenrelwaarden in staat zullen zijn om links naar hun relevantie te stijlen. - We hebben een pictogram gebruikt om aan te geven dat de link gebruikers naar een andere website brengt. Pictogrammen kunnen dubbelzinnig zijn, maar een hint is beter dan niets.
Een waarschuwing: vermijd herhalende woorden van de aanklikbare tekst in het titelattribuut. Als u uw lezers niets nieuws vertelt, heeft het geen zin om het te vermelden. Bijvoorbeeld…
Effectieve navigatiebalken: meer dan de som van hun links
Elke koppeling kan nuttig zijn, maar de beste begeleiding die een website biedt, moet in de navigatiebalk worden weergegeven.
Een navigatiebalk is een lijst met links naar belangrijke delen van een website. Navigatiebalken worden meestal bovenaan of links op elke pagina van een website geplaatst en verschillen van uiterlijk. Goed gemaakte bars bieden meer dan alleen links. Ze:
- Geef bezoekers een idee van het doel en de prioriteiten van de website.
- Dienen als een vereenvoudigde sitemap.
- Geef de locatie van de huidige pagina op die kaart aan.
- Vertel bezoekers waar ze al zijn geweest.
Zelfs als ze dun zijn, verdienen navigatiebalken meer dan om te worden gedegradeerd naar de rand van een lay-out. Een niet-effectieve navigatiebalk is vaag of nutteloos en kan dergelijke problemen hebben als:
- Linktekst die op elke website te vinden is. 'Startpagina', 'Over', 'Services' en 'Contact' zijn mogelijk correct, maar deze koppen zijn te generiek om een gevoel van identiteit of doel te geven.
- Alle links op dezelfde manier gestileerd. Op een complexe website is een eenvoudige lijst met links niet alleen nutteloos, het is ronduit onvriendelijk.
- Links die naar de verkeerde pagina's wijzen of naar pagina's die niet bestaan.
Zelfs als een bezoeker besluit niet te klikken, is de link mogelijk nog steeds een succes. Laten we zeggen dat een bezoeker het e-mailadres van een bedrijf wil. De navigatiebalk op de website van het bedrijf biedt mogelijk veel keuzes:
Huis | Diensten | Jouw rekening | Diensten | Geschiedenis | Careers | Tarieven en beleid | Contact
De voor de hand liggende keuze is "Contact". En doordat ze duidelijk fout zijn , vertellen de andere links de bezoeker om er niet op te klikken. Vanuit het oogpunt van inhoudsjacht zegt deze navigatiebalk:
Nee | Nee | Nee | Nee | Niet aannemelijk | Kan zijn | Nee | Waarschijnlijk
Kan een navigatiebalk vol zijn met "nee" s? Zeker als de website niet heeft wat de gebruiker wil. Goede navigatie gaat niet over het geven van het antwoord tegen elke prijs. Het leidt mensen eenvoudigweg naar de inhoud die ze willen met de minste ambiguïteit. Het doel van een effectieve navigatiebalk is dan om zoveel mogelijk links om te zetten in 'ja' of 'nee'.
Wegwijzers zijn gereedschappen
Zoals alle gereedschappen zijn wegwijzers een middel om oplossingen te ontwikkelen, maar zijn het zelf geen oplossingen. Het doel van wegwijzers is om het voor lezers te vereenvoudigen, niet om een laagje complexiteit toe te voegen.
Web-gebaseerde wegwijzers mogen mensen niet naar hun bestemming lokken. Integendeel, de ontwerper moet mensen vertellen wat er beschikbaar is en hen in staat stellen om te beslissen waar ze naartoe gaan.
Exclusief geschreven voor Webdesigner Depot door Ben Gremillion. Ben is een webdesigner die communicatieproblemen met beter ontwerp oplost.
Hoe maak je content eenvoudiger te navigeren? Wat is de moeilijkste website die je ooit hebt moeten doorzoeken? Deel uw verhalen in het opmerkingengedeelte hieronder.