Usability blog » focus

Website menu: maak duidelijk wat je te bieden hebt!

Karl Gilis — Thu, 24 Mar 2011 08:42:31 +0000

In dit artikel

Gebruik geen vage termen zoals ‘producten’, ‘diensten’ of ‘solutions’
Bouw je navigatie op rond je aanbod en de zaken die er echt toe doen
Voordelen?
- Bezoekers zien meteen wat je hen te bieden hebt
- Beter scoren voor die termen in Google

Verstop je aanbod niet achter vage termen!

De grote fout van veel website menu’s is dat ze vol staan met vage termen.

Enkele voorbeelden:

Producten
Collectie
Aanbod
Diensten / Services
Oplossingen / Solutions

Da’s jammer. Zeker als er in 1 navigatie meerdere van deze termen staan.

Dit bedrijf verkoopt solutions, products én services. Hoe vaag kan je zijn? Dit is een identiteitsloze navigatie. Miljoenen bedrijven over de hele wereld kunnen dit als navigatie gebruiken.

Je navigatie moet focussen op je aanbod. De dingen waarvoor de meeste bezoekers naar je website komen.

Waarom zijn duidelijke termen in je website menu zo belangrijk?

Omdat je website navigatie 3 belangrijke functies heeft:

1. Bezoekers de weg wijzen

Zorgen dat mensen het doel waarvoor ze naar je website komen, zo snel mogelijk kunnen bereiken. Zoals je hopelijk weet, komt elke bezoeker met een specifiek doel naar je website.

Hoe duidelijker en hoe meer veelzeggend de termen in je navigatie, hoe makkelijker mensen de weg zullen vinden.

2. Je aanbod in een oogopslag duidelijk maken

Je website menu staat bovenaan of aan de linkerkant. Je hebt ze zo vormgegeven dat ze opvalt. Zowat alle bezoekers lezen vluchtig je navigatie.

Hoe meer die termen zeggen, hoe sneller de bezoeker begrijpt wat jij te bieden hebt. En hoe makkelijker hij de navigatie zal gebruiken.

Op prutwoorden zoals ‘services’ en ‘products’ zal zo’n vluchtige bezoeker zelden klikken.

3. Beter vindbaar zijn in Google

De termen van je hoofdnavigatie staan op alle pagina’s van je website. Dat hoop ik toch. Zoals je weet, speelt de tekst van een link naar een pagina een grote rol in hoe Google die ‘ontvangende’ pagina gaat indexeren en ranken.

Hoe specifieker die termen zijn, hoe beter die pagina’s dus zullen scoren in Google.

Voorbeeld: Mobistar

Mobistar in 2007. Een erg volle navigatie met vage termen als ‘Mobistar aanbod’, ‘Online shop’, ‘Uw gsm’, ‘Info’ en het zeer interessante ‘Fun’. Tijdens user testing maakte 1 op 2 mensen in de navigatie een foute keuze.

Mobistar in 2011: 100% focus op het aanbod, met duidelijke termen.

Wat doen met minder belangrijke termen?

Als je in je menu de vage term ‘Aanbod’ vervangt door bijvoorbeeld ‘Internet’, ‘Telefonie’ en ‘Televisie’, blijft er minder ruimte over voor andere termen.

Dus moet je keuzes maken. Enkele adviezen:

Contact
Altijd mee in de hoofdnavigatie (tenzij je niet wilt dat mensen je contacteren).
Home
Liefst mee in de hoofdnavigatie. Geen plaats? Dan via een link ‘Home’ in een secundaire navigatie (zie bijvoorbeeld Mobistar) of opvangen door een goed geplaatst broodkruimelpad dat begint met ‘Home’.
Over ons
Voor grote en bekende bedrijven (bijvoorbeeld een automerk) totaal onbelangrijk. Geen probleem als dat in de footer staat.
Als kleiner, minder bekend bedrijf raden we aan om het mee in je hoofdnavigatie te zetten. Als dat niet lukt, verhuizen naar de footer.
Support of klantenzone
Als dat belangrijk is, mee in je hoofdnavigatie.
Blog, tips & tricks, veelgestelde vragen
In bijna alle gevallen: als navigatie-item verhuizen naar de footer. Laten we wel wezen: die rubrieken zijn er in de eerste plaats om mensen naar je site te lokken. Het is niet je core business.
Referenties
Die moeten verspreid staan over je hele website. En verzameld op een pagina in de rubriek ‘Over ons’.

Nog enkele voorbeelden?

Die vind je in onderstaande slides. Klik linksonder op ‘Menu’ en dan ‘View Fullscreen’ om ze groter te zien. Klik hier als je geen presentatie ziet.

Lees zeker ook

Artikels die je zeker ook interesseren

Hebbes.be heeft het niet

Karl Gilis — Fri, 10 Dec 2010 12:55:52 +0000

Hebbes.be is een zoekertjessite. Lees dat woord nog eens: zoekertjessite.

Dan nu de ultieme quizvraag: wat ontbreekt er op de homepage van Hebbes?

Het antwoord: een grote zoekbox met een dikke vette knop ‘Zoeken’ die de hele website doorzoekt. Plaats die centrale zoekfunctie in de balk waar nu staat ‘En we zijn weg’. Al is dat waarschijnlijk wat veel mensen doen als ze zien dat er geen zoekfunctie is…

Oh ja, de zoekfunctie die je ziet is geen echte zoekfunctie. Je kan er de code ingeven van een zoekertje dat je in de krant hebt gezien. Alweer een fijn voorbeeld van crossmediale aanpak.

Wat hebben we vandaag geleerd?

Identificeren en inspelen op toptaken is echt wel belangrijk
Ik ga nog heel lang moeten doordrammen over zaken als focus voor iedereen het snapt
Mijn idee van hoe Google er zou uitzien als jij het had gemaakt, is niet zo ver van de waarheid als velen denken

Lees ook het artikel over hoe een goede zoekfunctie er moet uitzien.

Zelf iets bizars, onhandigs of keigoeds gezien?

Laat het ons weten via het contactformulier of e-mail.

Deze tip kreeg ik van Kristof Nizet.

Artikels die je zeker ook interesseren

Taalkeuze: 10 tips voor een goede taalkeuzepagina

Karl Gilis — Tue, 29 Jun 2010 08:55:09 +0000

Op een meertalige website is een taalkeuze onvermijdelijk. In een eerder artikel vertelden we al waarom een taalkeuzescherm eigenlijk geen goed idee is en legden we uit wat de alternatieven zijn.

Voor de diehards toch deze 10 tips voor een goed taalkeuzescherm.

1. Vermijd ballast voor de bezoeker

Het enige doel van het taalkeuzescherm is de juiste taalversie kiezen. De focus moet dus volledig daarop liggen.

Wat zijn de basisbouwstenen van een taalkeuzescherm?

Taalkeuze
Logo
Slagzin
Eventueel een mooie foto
Oh ja, als daar mensen op staan: laat ze kijken naar de taalkeuze.
De kijkrichting van de persoon op de foto bepaalt de kijkrichting van de bezoeker

Val de bezoeker niet lastig met een bedrijfsvoorstelling of ander proza.

De onduidelijke taalkeuze gaat verloren tussen tekst met redelijke domme links.

Zoeken naar de taalkeuze. De promo is trouwens niet aanklikbaar.

Proximus doet het behoorlijk goed. Behalve dan de kijkrichting van Jan met de pet...

2. Maak het enigszins nuttig voor Google

Voor Google is het taalkeuzescherm de homepage van uw website. Als het enige leesbare op dat scherm de taalkeuzes zijn, zal Google niet echt onder de indruk zijn van uw homepage (zie dit voorbeeld van Bridgestone).

U moet dus aan uw taalkeuzescherm zaken toevoegen die de pagina nuttig maken, zonder dat die ballast de bezoeker stoort.

Wat doen voor Google?

Een slagzin met daarin uw concreet aanbod, bij voorkeur aanklikbaar.
Onder de vouwlijn (of toch zo veel mogelijk buiten beeld) een opsomming van de belangrijkste onderdelen van uw website. Best gebaseerd op de top taken van uw bezoekers en trefwoordenonderzoek. Die kernwoorden zijn uiteraard links.

Thomas Cook: veel tekst, maar veel te weinig links. Jammer.

eBay: prominent in beeld de taalkeuze en enkele links. Onder de vouwlijn nog meer links.

3. Hoe lichter, hoe beter

Denk eraan: het enige doel van een taalkeuzescherm is de juiste taal kiezen. De pagina moet dus razendsnel op het scherm staan.

Slideshows, Flash-animaties en andere onzin hoort hier niet thuis. De taalkeuzepagina is geen uitstalraam van uw bedrijf. Daar dient de homepage voor.

Elke milliseconde extra laadtijd zorgt voor potentiële afhakers.

Er is niets mis met een sober taalkeuzescherm. Integendeel.

4. Schrijf de naam van de taal in de taal zelf

De hoofdreden: herkenbaarheid. Een Nederlandstalige moet niet nadenken als hij het woord ‘Nederlands’ ziet. Als er ‘Dutch’ staat, moeten de hersentjes eventjes beginnen werken.

Hoe minder de hersens van uw bezoekers moeten werken, hoe beter.

Afkortingen zijn dus ook geen goed idee, zeker niet als ze fout zijn.

Altijd een beetje jammer: taalkeuzes in het Engels.

Bij Max Havelaar doet de slagzin dienst als taalkeuze. Een slecht idee.

Quality in Performance misschien wel. Maar in afkortingen duidelijk niet.

5. Verstop de taalkeuze niet

Steek de taalkeuze niet in een Flash-animatie of in een dropdown.

Op een Flash-animatie moet de bezoeker wachten. Als hij met een iPhone of iPad surft, zelfs tot in de eeuwigheid.

Bij een dropdown zijn de keuzes niet onmiddellijk zichtbaar. Ze vereisen een klik met de muis. Dat is een hindernis. Op een taalkeuzescherm is elke hindernis dodelijk.

Zet gewoon de naam van de taal in de taal zelf, lekker groot in tekstformaat. Wreed moeilijk is dat niet.

Apple verstopt de taalkeuze achter een dropdown.

6. Gebruik geen vlaggen

Vlaggen dienen om mee te zwaaien. Of om een land aan te duiden. Vlaggen zijn geen symbolen voor talen.

Niet overtuigd? Welke vlaggen gebruikt u dan voor Nederlands, Frans of Engels?

Voilà. Meer gaan we daar niet over zeggen.

Nederlandstaligen mogen op de Belgische vlag klikken, Franstaligen op de Franse.

7. Maak alle boodschappen aanklikbaar

Omdat u dat plezant vindt, wilt u waarschijnlijk toch iets als ‘Welkom / Bienvenue / Welcome’ op het taalkeuzescherm. Maak die zaken ook aanklikbaar.

Mensen zien ‘Welkom’ staan, vinden dat bijzonder vriendelijk en willen daarop klikken. Als er dan niets gebeurt, voelen ze zich meteen al een pak minder welkom.

Dat geldt voor alle boodschappen die in een specifieke taal staan.

Zeer irritant: het aantrekkelijke en supergrote woord welkom dat niet aanklikbaar is.

Bij Canon zijn alle taaleigen boodschappen aanklikbaar.

8. Onthoud de taalkeuze in een cookie

Als ik vandaag uw website in het Nederlands wil bezoeken, ga ik dat morgen in 99,99% van de gevallen ook willen doen.

De kans dat ik vanavond een taalcursus volg en de resultaten daarvan morgen op uw website wil testen, is zeer klein. U moet die mogelijkheid dus niet open houden.

Het is echt geen goed idee om 99,99% van de terugkerende bezoekers te storen door hen elke keer opnieuw dat dwaze taalkeuzescherm voor te schotelen.

Uiteraard moet uw website ook bezoekbaar zijn door mensen die geen cookie willen aanvaarden.

Taalkeuze onthouden is een best practice. Uitleggen hoe dat precies werkt, dan weer niet. Dat schrikt mensen af.

9. Geef binnen uw bedrijvengroep de taalkeuze mee door

Heeft uw bedrijf verschillende websites die voortdurend naar elkaar verwijzen? Stuur bezoekers dan meteen naar de juiste taalversie.

Niets zo irritant als altijd opnieuw een taalkeuze moeten maken. (Oké, huilende baby’s op een 20 uur durende vliegreis zijn net iets irritanter.)

10. Zie dat Google voorbij het taalkeuzescherm geraakt

U zou de eerste niet zijn die de taalkeuze achter Javascripts, onleesbare dropdowns, achterlijke Flash-brol of ondoordringbare cookieweefsels verstopt.

Doe dat dus niet.

Zoals we wel vaker zeggen: doe normaal, dat is al erg genoeg.

Hoe zit het met uw website usability?
Volg dan onze Usability workshop, laat een expert review doen of - de allerbeste oplossing – doe een gebruikerstest.

Artikels die je zeker ook interesseren

Homepage focus: Google

Karl Gilis — Thu, 17 Dec 2009 10:50:01 +0000

We hebben op deze blog al vaak gezegd dat het belangrijk is om de top taken van uw bezoekers te identificeren en uw website op te bouwen rond die top taken.

Waarvoor gebruikt u Google?

Stel die vraag aan 100 mensen en gegarandeerd antwoorden er minstens 99 iets in de aard van “zoeken”.

Op een mooie afstand van deze koploper zal er een klein groepje achtervolgers zijn met onder meer Gmail en Google Maps.

Nog veel verder eindigen zaken als Google Adwords, AdSense, Analytics etc. Zaken die niet bekend zijn bij het grote publiek, maar alleen bij een niche van mensen actief in de webwereld.

Top taak: zoeken

Omdat de absolute toptaak op Google zoeken is, focust de vernieuwde homepage 100% op zoeken.

Vreemd?
Absoluut niet. Dit is waarvoor minstens 99% van de mensen naar Google komt. Geef het volk wat het volk wil.

Achtervolgers en peloton: minder prominent

Wie met zijn muis over het scherm beweegt, krijgt meer te zien. De andere toptaken zoals Gmail en Maps staan in de topbalk. Pas onderaan staan de zaken waar Google echt geld mee verdient: de advertentieprogramma’s en bedrijfsoplossingen.

Straf?
Op zich niet. Maar veel mensen durven dit niet op hun eigen website.

Google plaatst de zaken die zorgen voor inkomsten een beetje op de achtergrond. Veel bedrijfsleiders en webverantwoordelijken durven dat niet. Maar bij Google beseffen ze dat het niet het advertentieprogramma op zich is dat voor inkomsten zorgt, maar de miljoenen mensen die elke dag ‘googelen’ omdat de website zo briljant eenvoudig is.

De top taken voor uw website identificeren?

Wij helpen u graag op weg via een grondig gebruikersonderzoek.
Zo kan u uw website baseren op feiten in plaats van meningen en gevoelens.

Verwante artikels

Artikels die je zeker ook interesseren

Plan België: Usability Awards 2009 juryprijs non-profit of overheidswebsite

Karl Gilis — Mon, 23 Nov 2009 09:48:57 +0000

De website van Plan België werd op de Usability Awards 2009 bekroond met de juryprijs voor ‘Meest gebruiksvriendelijke non-profit of overheidswebsite’.

Voornaamste pluspunten Plan België

1. Creatief en gebruiksvriendelijk

Omdat de websites van de meeste usabilityguru’s er niet meteen erg sexy uitzien (Useit.com iemand?), denken veel mensen dat gebruiksvriendelijkheid een synoniem is voor saai.

Dat dit absoluut niet waar is, bewijst Plan België.

Uit het juryrapport:

Grafisch creatief uitgewerkt en toch gebruiksvriendelijk
Aanstekelijk design
Aantrekkelijke site die overtuigend werkt

Of hoe totaal verschillende mensen los van elkaar hetzelfde zeggen. Ook dat is usability…

2. Goede categorisering en navigatie

De hoofdnavigatie (Wat doet plan, Steun plan, Over plan) is kort en duidelijk. Ook de indeling binnen die rubrieken is behoorlijk goed.

Die categorisering wordt verder in de verf gezet door de indeling van de rubriekpagina’s.

3. Focus op top taken

De top taken van de website (met name Planouder worden en een Gift doen) staan doorheen de website in de kijker. De hele website is als het ware rond die top taken opgebouwd.

4. Goede, gelaagde content

De website is gelukkig meer dan een oproep ‘geef ons uw geld’. Er staat heel veel inhoud op.

Twee zaken vallen daarbij op:

De teksten zijn goed geschreven en aangepast aan het web.
De inhoud wordt in ‘laagjes’ aan de bezoeker getoond, waardoor de bezoeker de informatie niet in één lading over zich heen krijgt.

Kan er niets beter?

Tuurlijk wel. Alles kan altijd beter.

Een paar verbeterpunten uit het juryrapport:

De look & feel van de website is op zich al redelijk druk. Op zich kan dat geen kwaad, maar door het overaanbod van cross-links in de rechterbalk worden sommige pagina’s té druk. Te veel zaken schreeuwen om de aandacht en dat werkt contraproductief. Zorg dat elke pagina een duidelijke focus heeft
De broodkruimel is verre van ideaal. Lees onze 7 tips voor een goede broodkruimel
Zoekresultaten kunnen beter, vooral de voorstelling ervan. De zinnen in de zoekresultaten, moeten duidelijk maken waarover de pagina’s gaan. Lees onze tips voor een goede zoekresultatenpagina
Niet echt fantastisch in Internet Explorer 6, op dit ogenblik toch nog goed voor minstens 10% van de bezoekers. Recente cijfers over schermresoluties

Benieuwd wat er goed en minder goed is aan uw website?

Artikels die je zeker ook interesseren

11 tips om van bezoekers klanten te maken

Karl Gilis — Sun, 14 Jun 2009 23:12:45 +0000

Hoe maakt u zo veel mogelijk klanten van al die bezoekers en toevallige passanten op uw website? Als u deze 11 tips toepast, bent u goed op weg.

Wat moet u doen?

Neem een kop koffie of warme chocomelk
Bekijk de presentatie
Pas uw website aan

Tip: om de presentatie op volledig scherm te bekijken, klik op het icoonje met de tekst ‘Full’.

Turn Visitors Into Customers – 11 tips

Bekijk meer presentaties van AGConsult

Heeft deze presentatie u wakker geschud?
Wij helpen u graag met de optimalisatie van uw website.

Artikels die je zeker ook interesseren

Homepage focus: Lukoil versus Esso

Karl Gilis — Mon, 25 May 2009 07:52:27 +0000

Waarvoor bezoeken mensen de website van bedrijven als Lukoil, Esso, Shell, Q8 etc.? Wat zijn de top taken op deze websites? Waarop moeten hun homepages focussen?

Denk er even over na. Maak een kort lijstje van 2 tot 4 top taken die zo’n website volgens u meteen zou moeten beantwoorden. Vergelijk dat lijstje dan met de realiteit.

Lukoil

Bij Lukoil ligt de focus op

Tankstation zoeken
Prijzen
Fleetkaart voor bedrijven

Leuke extra: lijst tankstations voor op je GPS

PS: De rode lijn duidt aan waar in een resolutie van 1024 x 768 ongeveer de vouwlijn ligt.

Esso

Esso.be leidt bezoekers naar de homepage van ExxonMobil. Daar zal ongetwijfeld een waanzinnig interessante interne redenering achter zitten, maar die kan de bezoeker echt niet schelen. Die vraagt zich waarschijnlijk gewoon af: “Euhm, bestaat Esso niet meer?’.

Bij Esso/ExxonMobil ligt de focus op

Het razend interessante ‘Outlook for Energy 2030′
Nieuws
Nog meer nieuws (de echte pagina is nog veel langer, zo’n 10 scrolls)
Beurskoers

Verder: enkele handige links.

PS: De rode lijn duidt aan waar in een resolutie van 1024 x 768 ongeveer de vouwlijn ligt.

Wat stond er op uw lijstje?

Als nuchtere medemens had u waarschijnlijk ook ‘tankstation zoeken’ en ‘prijzen’ op uw lijstje staan. En eventueel ook iets over ‘tankkaarten’ en ‘levering stookolie’.

Met andere woorden: Lukoil maakt de juiste keuzes en Esso slaat de bal compleet mis.

Bent u Lukoil of Esso?

Kijk eens naar uw eigen homepage. Focust u net als Lukoil op de belangrijke zaken? Of verveelt u uw bezoeker met saaie nieuwsberichten en verwijzingen naar hoe geweldig u wel bent?

Schaamteloze reclame
Als specialist in gebruikersonderzoek kan AGConsult u helpen met het definiëren van de top taken voor uw website.

Artikels die je zeker ook interesseren

Focus: de basis van een goede webpagina

Karl Gilis — Tue, 19 May 2009 09:00:50 +0000

Lezend in ‘Learning to see creatively’, een boek over fotografie van Bryan Peterson, viel het me op hoeveel parallellen er zijn tussen een goede foto en een goede webpagina.

Focus!

Een paar citaten van Peterson:

“Amateurs often end up with pictures that have too many points of interest. The resulting lack of direction and subsequent confusion alienates the eye, forcing it to move on, seeking satisfaction elsewhere.”
“Without order you have chaos. With chaos comes stress. With stress comes the inability to perform well.”

Dat klopt. Ook voor websites.

Slechte webpagina’s hebben te veel focuspunten. Het gevolg: de ogen weten niet waar kijken, en de bezoeker is weer weg naar Google om elders bevrediging te zoeken.

Het is onvoorstelbaar hoe vaak we tijdens gebruikerstesten mensen tilt zien slaan omdat ze niet weten waar ze moeten kijken. Door overvolle pagina’s slagen ze er niet meer in de belangrijke dingen ook daadwerkelijk te zien.

Minder is meer

Voor een opdracht voor een reisbrochure moest Peterson een foto nemen die ‘Amsterdam en Nederland’ moest uitstralen.

Poging 1 (linksboven)
Bloemen, fietsen, een gracht en duifjes (die hij zelf eten gaf om ze in beeld te houden). Resultaat: te veel aandachtspunten. Gepruts.
Poging 2 (rechtsboven)
Duifjes weg en de achtergrond proberen te vereenvoudigen door een voorbijrijdende tram. Resultaat: nog steeds te druk.
Poging 3 (onder)
Een radicaal ander standpunt en focus op de basis: tulpen, de fietsen en op de achtergrond het rustgevende water. Resultaat: een rustige foto met maximale impact.

Focus. Dat is wat elke goede website moet hebben, vanaf de homepage tot de detailpagina. Alleen die dingen in beeld brengen die er echt toe doen.

Net zoals Google op de homepage blijft focussen op de zoekfunctie, ondanks de tientallen tools die ze intussen hebben.

Schaamteloze reclame
AGConsult helpt bedrijven en overheden al sinds 2001 hun online focus vinden.
Benieuwd of wij een beter standpunt kunnen vinden voor uw website? Contacteer ons.