Don't Make Me Think Krug

Herken je dit? Urenlang staren naar een website, hopend dat je eindelijk vindt wat je zoekt. Frustrerend, toch? We kennen het allemaal. En als ontwerper, developer of content creator wil je natuurlijk voorkomen dat jouw gebruikers dit ook ervaren. Gelukkig is er een boek dat je kan helpen om die frustratie te vermijden en intuïtieve, gebruiksvriendelijke websites te creëren: "Don't Make Me Think" van Steve Krug.

Waarom "Don't Make Me Think"?

De titel, "Don't Make Me Think", vat de kern van het boek perfect samen. Het draait allemaal om het reduceren van cognitieve belasting. Krug legt uit dat gebruikers websites scannen, niet lezen. Ze zijn op zoek naar snelle antwoorden en willen niet nadenken over hoe een website werkt. Ze willen gewoon hun doelen bereiken. Denk aan het verschil tussen een gebruiksaanwijzing lezen en intuïtief aan de slag kunnen met een nieuw apparaat. Het tweede is wat we nastreven.

Het Utiliteits Principe

Krug baseert zich impliciet op het utiliteits principe, een belangrijk ethisch kader dat stelt dat de beste handeling degene is die het meeste geluk voor het grootste aantal mensen oplevert. In de context van webdesign betekent dit dat de beste website degene is die de meeste gebruikers zo efficiënt en aangenaam mogelijk helpt hun doelen te bereiken.

Een studie gepubliceerd in het Journal of Usability Studies onderstreepte dit principe. Het toonde aan dat gebruikers een website met een intuïtieve interface significant hoger beoordelen, zelfs als ze exact dezelfde informatie bevat als een minder intuïtieve site. De gebruikerservaring maakt dus een enorm verschil.

De Kernprincipes van "Don't Make Me Think"

Krug destilleert een aantal cruciale principes die je direct kunt toepassen:

• Zelf-evidentie: Alles op de pagina moet vanzelfsprekend zijn. Gebruikers zouden niet hoeven na te denken over wat ze moeten doen. Denk aan duidelijke labels, herkenbare iconen en een logische sitestructuur.
• Visuele hiërarchie: Maak gebruik van visuele signalen om de belangrijkste elementen te benadrukken. Gebruik grootte, kleur, contrast en positionering om de aandacht van de gebruiker te leiden.
• Breken met conventies: Wees voorzichtig met het breken van conventies. Gebruikers verwachten dat bepaalde elementen zich op een bepaalde plaats bevinden en dat ze op een bepaalde manier werken. Afwijkingen kunnen verwarring veroorzaken.
• Get rid of half-pages: Vermijd "half-pages" - pagina's die weinig toevoegen en de workflow onderbreken. Streef naar efficiëntie.

Voorbeeld: De 3 vragen die elke pagina moet beantwoorden

Krug benadrukt dat elke pagina direct antwoord moet geven op drie cruciale vragen:

• Waar ben ik? (Duidelijke navigatie en paginatitel)
• Wat is dit? (Duidelijke beschrijving van de pagina-inhoud)
• Wat kan ik hier doen? (Duidelijke call-to-actions en functionaliteit)

Praktische Toepassingen en Tools

Hoe pas je deze principes nu daadwerkelijk toe?

• Gebruikers testen: Krug is een groot voorstander van gebruikers testen. Zelfs met een klein aantal gebruikers (bijvoorbeeld 5) kun je al waardevolle inzichten verkrijgen. Je kunt bijvoorbeeld een 'think aloud' test doen, waarbij gebruikers hardop denken terwijl ze een taak op je website uitvoeren. Observeer hun gedrag en luister naar hun feedback.
• Heuristische evaluatie: Voer een heuristische evaluatie uit, waarbij je je website beoordeelt aan de hand van een set van erkende bruikbaarheidsprincipes (heuristieken). De Nielsen Norman Group biedt bijvoorbeeld een uitgebreide lijst met heuristieken voor user interface design.
• A/B testing: Experimenteer met A/B testing om verschillende ontwerpvarianten te vergelijken en te bepalen welke variant het beste presteert.
• Wireframing en Prototyping: Gebruik wireframes en prototypes om je ideeën te visualiseren en te testen voordat je begint met de daadwerkelijke ontwikkeling. Tools zoals Figma, Sketch en Adobe XD zijn hiervoor ideaal.

Voorbeeld: Verbeter de navigatie

Stel, je merkt tijdens gebruikerstesten dat gebruikers moeite hebben om de contactpagina te vinden. Pas de navigatie aan:

• Zorg ervoor dat de 'Contact' link prominent aanwezig is in de hoofdnavigatie en de footer.
• Gebruik een duidelijk en herkenbaar icoon naast de 'Contact' link.
• Overweeg een breadcrumbs navigatie om gebruikers te helpen hun weg terug te vinden.

Toegankelijkheid: Een Cruciale Overweging

Een belangrijk aspect van "Don't Make Me Think" is de impliciete oproep tot toegankelijkheid. Een website die gemakkelijk te gebruiken is voor mensen met een beperking, is over het algemeen ook gebruiksvriendelijker voor iedereen. Denk aan:

• Alternatieve tekst voor afbeeldingen (alt text): Zorg ervoor dat elke afbeelding een beschrijvende alt text heeft, zodat screenreaders de afbeelding kunnen uitleggen aan visueel beperkte gebruikers.
• Voldoende contrast: Gebruik voldoende contrast tussen tekst en achtergrond om de leesbaarheid te verbeteren voor gebruikers met een visuele beperking.
• Keyboard navigatie: Zorg ervoor dat de website volledig te bedienen is met het toetsenbord, voor gebruikers die geen muis kunnen gebruiken.

De Web Content Accessibility Guidelines (WCAG) zijn een internationaal erkende standaard voor webtoegankelijkheid. Het is raadzaam om deze richtlijnen te volgen bij het ontwerpen en ontwikkelen van je website.

Conclusie: Investeer in Gebruiksvriendelijkheid

"Don't Make Me Think" is geen dik boek vol technische details, maar een praktische gids met principes die je direct kunt toepassen. Het is een investering in gebruiksvriendelijkheid die zich terugbetaalt in tevreden gebruikers, hogere conversies en een betere reputatie. De principes zijn tijdloos en relevant, ongeacht de technologie of de trend. Vergeet niet: een intuïtieve website is een website die werkt voor de gebruiker. Maak het ze dus niet te moeilijk!

Door de principes van Krug toe te passen, creëer je niet alleen betere websites, maar ook een betere online ervaring voor iedereen. En dat is iets waar we allemaal van profiteren.