4.8 KiB
+++ title = "dont_make_me_think" draft = false tags = [ "books", "dont_make_me_think" ] date = "2013-03-12" +++
Don't Make me Think
Author: Steve Krug
Subtitle: A common sense approach to Web usability (SE)
1. Don't make me Think
If something is hard to use, I just don't use it as much.
Duidelijkheid is belangrijker bij een website overzicht dan iets wat denkwerk vereist - vandaar de titel van het boek. Niet moeten nadenken hoe exact iets gebruikt moet worden, maar iets als vanzelfsprekend aanzien.
2. How we really use the Web
Niemand leest een hele webpagina, men scant sommige tekst blokken en werpt een snelle "blik" op elke pagina.
Facts of life:
- We don't read pages, we scan them.
- We don't make optimal choices, we satisfice. (We klikken niet altijd op de beste link maar de meest aannemelijke)
- We don't figure out how things work, we muddle through. (Als we iets vinden dat werkt, blijven we dit gebruiken)
3. Billboard design 101
- Maak een duidelijke visuele hiërarchie op de website:
- Hoe belangrijker iets, hoe meer aanwezig (groter lettertype bvb)
- dingen die logischerwijze samenhoren ook effectief samen plaatsen (menu groepen)
- Visueel dingen "nesten"
-
Gebruik conventies in plaats van alles opnieuw uit te vinden.
-
Maak duidelijk wat klikbaar is
-
Vermijd een te "drukke" website (door bvb te veel borders rond menu's te plaatsen)
5. Omit needless words
Vigorous writing is concise. A sentence should contain no unnecessary words, a paragraph no unnecessary sentences, for the same reason that a drawing should have no unnecessary lines and a machine no unnecessary parts. ((William Strunk Jr. and E.B. White, The elements of style))
- Happy talk must die (welkom op onze blablabla website die blablablayawn doet)
- Instructions must die (klik hier en volg stap 1 tot en met 224 blabla)
6. Street signs and Breadcrumbs
People won't use your website if they can't find their way around it.
Vergelijk op een website iets zoeken met in een warenhuis iets zoeken. Je kan ofwel "browsen" door te navigeren met plaatjes in de rijen, ofwel direct aan personeel vragen waar object x ligt. Als je na een tijdje nog altijd niet gevonden hebt wat je zoekt verlaat je de winkel. Plaats daarom een zoek formulier zo zichtbaar mogelijk, en zorg voor correcte en duidelijke navigatie.
Extra problemen met internet browsen: we hebben geen idee van schaalbaarheid, geen idee van directie of locatie... Een website zou 5 basis elementen altijd aanwezig moeten hebben:
- Site ID (linksboven, kan op een homepage meer plaats innemen)
- Een manier om naar de homepage te gaan (buiten klikken op het logo)
- Een manier om te zoeken
- "Utilities" (basis links zoals hoe x doen)
- Secties (de navigatie)
De homepage is hierop een uitzondering (zie volgend stuk)
Pagina benaming is ook heel belangrijk: consistent, op de juiste plaats en altijd aanwezig.
Navigatie
"You are here" -> breadcrumbs (best bovenaan te plaatsen)
- Altijd bovenaan plaatsen
- Gebruik > tussen levels in
- Gebruik een kleiner lettertype
- Gebruik "you are here" prefix
- Zet laatste item in bold (huidige pagina dus)
- Dit is geen vervanging voor een volledige pagina naam!
Tabs als navigatie
- Leggen zichzelf uit
- Moeilijk om te missen
- Mooi met de juiste style (evt JS)
- Ze stellen een fysieke fichebak voor (geven de illusie dat een actieve tab "naar voren" komt, met extra contrast)
7. Home Page
De homepage zou voor de volgende zaken moeten zorgen:
- Site identiteit, missie (waar dient de site voor?)
- Site hiërarchie (wat kan ik hier vinden? Wat doe ik hier?)
- Zoeken!
- Stukjes om te teasen, content promo (stukken van een artikel, tijd-gerelateerde content)
- Promotie, reclame deals, ...
- Snelkoppelingen naar bepaalde (belangrijkere) secties buiten de navigatie om
- Registratie indien nodig
Aangezien iedereen iets anders zoekt op een website, maar er slechts één homepage is, moet deze zo robuust mogelijk gemaakt worden zodat alle surfers specifiek voor hun voldoende informatie kunnen verzamelen om te beslissen of ze op de juiste pagina zitten of niet, en dan eventueel over te gaan naar zoeken of navigatie zelf.
Het moet duidelijk zijn vanaf de home page wat de site doet, wat ze te bieden heeft, en ook wat niet! Gebruik hiervoor als hulp een tagline.
Home page navigatie kan uniek zijn ten opzichte van de rest van de webpagina. Het logo kan bijvoorbeeld ook groter en duidelijker aanwezig zijn. Het is wel de bedoeling dat alles consistent samen loopt.
Vermijd overmatig gebruik van comboboxen, zeker als navigatie! (Of pulldown menu's). Ze verbergen de eigenlijke menu items, zijn snel onoverzichtelijk en moelijk om te scannen voor onze ogen.