Book review: Don’t make me think van Steve Krug

Don't make me think - Steve Krug
Don't make me think - Steve Krug

 

Het boek “Don’t make me think” van Steve Krug is al bijna 20 jaar een must read voor digital professionals. Elke bladzijde van het boek staat vol met praktische Web Usability tips, tricks en guidelines, waarmee je elke app, website of webshop gebruiksvriendelijker kan maken. Lees mijn vijf learnings die ik uit het boek heb opgedaan in deze blogpost.

 

Overzicht van mijn vijf learnings uit het boek:

  1. Don’t make me think
  2. Neem zoveel mogelijk barrières weg
  3. hoe websites en apps gebruikt worden
  4. Bouw een goede navigatie
  5. Vergeet nooit je usability testing

 

Learning 1: Don’t make me think

Misschien wel de grootste learning die Steve Krug uit het boek mee wilt geven aan de lezers. Laat je bezoekers zo min mogelijk nadenken. De app schermen of website pagina’s moeten zoveel mogelijk zelfverklarend zijn. Als een gebruiker op een webpagina landt, moet ze de content op de pagina snel kunnen begrijpen en actie ondernemen. Uiteindelijk wil je natuurlijk dat de gebruikers hun tijd besteden aan de content op je website of het voltooien van een aankoop of contactopname. Je wilt natuurlijk niet dat bezoekers de helft van hun bezoektijd besteden aan het begrijpen van je navigatiestructuur of dat ze zelfs de weg kwijt raken op je website.

 

Voorbeeld case: iPhones product pages

De rustgevende user interface van de Apple website zorgt ervoor dat je je volledig kan focussen op de Apple producten. De navigatie van de pagina’s voelen natuurlijk waardoor je snel de juiste navigatiepaden kan ontdekken. De icoontjes van alle smartphone modellen zorgen ervoor dat je niet alle teksten hoeft te lezen om naar het juiste model te navigeren. Je scant simpelweg de opties en klikt het juiste model aan.

 

Voorbeeld case - Iphone product pages
Voorbeeld case – iPhone product pages

 

Learning 2: Neem zoveel mogelijk barrières weg

Het kan niet zo zijn dat je duizenden euro’s uitgeeft aan een mooie campagne en een gelikt design, terwijl je bezoekers direct de weg kwijt raken als ze op je landingspagina landen. Zorg ervoor dat je zoveel mogelijk barrières wegneemt voor je bezoekers. Elke click die ze doen op een knop moet zo vloeiend en gedachteloos mogelijk gaan. Daarnaast moeten ze het gevoel krijgen dat ze dichter op hun doel afgaan als ze door je website of app heen gaan. Ook moet het maken van keuzes zo makkelijk mogelijk gemaakt worden. Je komt nog teveel websites en apps tegen waarbij zelfs leuke keuzes aanvoelen als het doen van je administratie.

 

Voorbeeld case: Google Search Engine

als er een website is die sterk is in het verwijderen van barrières is het Google wel. Op de Search engine homepage staan de search bar en logo centraal weergegeven. De meeste bezoekers van de google homepage gebruiken alleen de search bar en Google zorgt ervoor dat deze bezoekers zo min mogelijk barrières opgelegd krijgen. De search bar en het logo nemen niet eens 20% in van de pagina (op een 13 inch scherm). De overige ruimte is voor een overgroot deel leeg.

Ook de search result pagina’s zijn voor een groot deel leeg, zodat de bezoekers zo min mogelijk afgeleid worden en gelijk op hun doel af kunnen gaan. Voor Google moet het verleidelijk zijn om zoveel mogelijk ruimte te gebruiken voor de advertenties. Toch zijn ze instaat om met een minimalistisch design zo min mogelijk barrières op te leggen voor hun gebruikers.

 

Voorbeeld Case - Google Search Engine
Voorbeeld Case – Google Search Engine

 

 

Learning 3: hoe websites en apps gebruikt worden

Als product owner of web analist kan je nog wel eens verrast worden als je ziet dat een groot deel van je bezoekers al snel weer vertrekt van je platform. Vele bezoekers vertrekken binnen enkele seconden weer van je website of gebruiken je app na 2 dagen niet meer.

Dit komt omdat bezoekers niet al je content aandachtig lezen, ze scannen je content en klikken verder. Door de vele vlieguren die je gebruikers maken op het web en in apps, hebben ze online navigeren als zesde zintuig ontwikkeld. Hierdoor hoeven je bezoekers niet alle content te lezen of alle opties te zien om een juiste beslissing te nemen. Al deze regels gelden alleen voor websites, webshops en apps met een goede usability.

 

Business case: Screenrecordings

Screenrecording en heatmap toops zoals Hotjar en Crazy Egg kunnen je goed helpen bij het analyseren van het gebruikersgedrag. De tools zijn toegankelijk en simpel in gebruik. Dankzij de screenrecording functionaliteiten kan je zien hoe de gebruikers al je product features gebruiken. Eigenlijk zou het voor elke product owner en product team verplicht moeten zijn om na livegang het gebruik van de product features nogmaals te analyseren.

 

Learning 4: Bouw een goede navigatie

Niet geheel een nieuw onderwerp op Conversiedesign, maar wel weer goed om te benadrukken. In mijn voorgaande blog schreef ik over desktop en mobiele navigatie. Het is een belangrijk onderwerp, omdat er geen succesvolle websites, webshops of apps bestaan zonder een sterke navigatie. Een goede navigatie vertelt je waar je bent als bezoeker en waar je naar toe moet gaan om je doel te bereiken.

 

Stick to the classics

Interactie designers hoeven gelukkig niet elke keer het usabilty wiel opnieuw uit te vinden. Als gebruikers zijn we gewend om een website of webshop menu rechts of links in de header te vinden. Als we op het logo klikken van een website, komen we weer terug op de homepage en de search bar is meestal ook in de header te vinden. Bij een webshop ga je gemakkelijk naar het winkelwagentje van een webshop door letterlijk op het winkelwagen icoontje te klikken (, meestal ook rechts boven in de header). Maak gebruik van bekende usability features, omdat je bezoekers deze al begrijpen zonder zich er in te hoeven verdiepen.

 

Weten waar je bent

Apps, websites en webshops hebben al snel honderden of duizenden pagina’s. Gebruikers bezoeken je platform vaak maar kort en kunnen bij hun webshop- of website-bezoek op verschillende pagina’s landen. Daarnaast bevatten websites, webshops en apps vele navigatiepaden die je af kunt gaan. Door al deze elementen kunnen je bezoekers al snel de weg kwijt raken. Maak gebruik van breadcrumbs, duidelijke categorieën en plaats alle features en content overzichtelijk op je pagina’s.

 

Clickable

Je doelgroep moet binnen één oogopslag het navigatiepad vinden die ze nodig hebben om hun doel te behalen. Knoppen en links moeten eruit zien alsof je er op kan klikken en de opties moeten duidelijk weergegeven worden.

 

Business case: Headers van drie elektronica webshops

De webshop headers van Bol.com, Coolblue.nl en Mediamarkt.nl zijn vrijwel identiek omdat ze allemaal het wiel niet opnieuw uitvinden. Bezoekers zijn gewend geraakt om het winkelwagentje rechtsboven te vinden. In het midden vind je bij elk van de webshops een searchbar en links boven wordt het logo weergegeven. Zelfs de inlogknoppen voor je persoonlijke account hebben allemaal dezelfde locatie.

Een website, webshop of app met een goede usability, weet wanneer het conventionele navigatie elementen moet gebruiken en wanneer het design mag afwijken.

 

Headers van drie elektronica webshops
Headers van drie elektronica webshops

 

Learning 5: Vergeet nooit je usability testing

Zonder usability testing geen goede usability. Bij usability testing laat je gebruikers taken voltooien op je app, website of webshop. Deze testen gebruik je puur om te kijken of de gebruikers tegen obstakels oplopen. Zelf als team werk je al zo lang aan website of app, dat je het concept zeker nog een keer moet testen bij iemand met een frisse blik.

In het boek don’t make me think geeft Steve Krug aan dat je niet veel geld uit hoeft te geven om usability tests uit te voeren en dat je het zelf ook prima kan aanpakken.

 

Conclusie

Don’t make me think is een echte must read voor alle digital experts. In eerste instantie is het boek geschreven voor UX Designers, Interaction Designers, CRO experts en Front end developers. Maar uiteindelijk moet iedereen binnen een digitaal team wat de do’s en don’ts zijn van websites, webshops en apps. Web usability hoort een hoge prioriteit te hebben voor het gehele digitale team en niet alleen voor de UX’ers of Designers.

 

 

Geef een reactie

Het e-mailadres wordt niet gepubliceerd.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.