INHOUDSOPGAVE

Handboek website usability

ISBN 90 395 2101 8 | NUR 994 © 2003 Academic Service
Auteurs Peter Kassenaar en Oskar van Rijswijk

Inleiding | p1

  Download deze Inleiding [ 65 kB/pdf ]

Voor wie is dit boek bedoeld?
Wat zult u niet vinden in dit boek?
Indeling van dit boek
Hoe kunt u dit boek het beste gebruiken?
Website bij dit boek
Over de auteurs
Tot slot

[ Omhoog ]

Deel I - Theorie

1. Wat is usability | p11

1.1 Een korte geschiedenis van internet
1.1.1 Ontwikkeling

1.2 Ontwikkeling van HTML en verwante technieken
1.2.1 De geboorte van het web
1.2.2 De ontwikkeling van HTML
1.2.3 Wat betekent dit voor usability?

1.3 Een definitie van usability

1.4 Usability in het ontwerpproces

1.5 Waarom uw sites beter worden door usability-regels toe te passen

[ Omhoog ]

2. Algemeen: site-ontwerp | p31

2.1 Navigeren op de website

2.2 De doelen van websitenavigatie
2.2.1 Navigatie helpt de bezoeker om iets te vinden op de website
2.2.2 Navigatie maakt duidelijk waar de bezoeker is op de website
2.2.3 Navigatie biedt de bezoeker een houvast op de website
2.2.4 Navigatie maakt duidelijk wat de bezoeker kan vinden op de website
2.2.5 Navigatie toont de bezoeker hoe de website gebruikt kan worden
2.2.6 Navigatie geeft de bezoeker vertrouwen in de website

2.3 Navigeren volgens gegroeide gewoonten

2.4 Structuur en navigatie

2.5 Invulling geven aan de navigatiestructuur
2.5.1 Het uithangbord
2.5.2 De weg naar huis
2.5.3 De secties
2.5.4 De zoekdienst
2.5.5 De servicepagina´s

2.6 Vormgeven van de navigatiestructuur
2.6.1 De gehele pagina als navigatiestructuur
2.6.2 De navigatiestructuur aan de bovenkant van de pagina
2.6.3 De navigatiestructuur aan de zijkant van de pagina
2.6.4 Plaatsbepaling in de navigatiestructuur
2.6.5 Navigeren via uitklapmenu´s?

2.7 De homepage
2.7.1 Leg uit wie u bent en wat u doet
2.7.2 Leg uit wat er op uw website is te vinden en is te doen
2.7.3 Help de bezoeker te vinden wat hij nodig heeft
2.7.4 Geef het laatste nieuws
2.7.5 Een voorproefje van uw website

2.8 Een zoekdienst op de website
2.8.1 Zoekveld of zoeklink?

2.9 Servicepagina´s die op elke website thuishoren
2.9.1 Site map, de wegwijzer voor uw site
2.9.2 Bedrijfsinformatie
2.9.3 Contact
2.9.4 FAQ
2.9.5 Routebeschrijving
2.9.6 Nieuws
2.9.7 Persberichten
2.9.8 Vacatures
2.9.9 Privacy statement en Disclaimer

[ Omhoog ]

3. Specifiek: paginaontwerp | p67

3.1 Hoe het web ‘gelezen´ wordt
3.1.1 Wat de ontwerper denkt..
3.1.2 ...en wat de bezoeker doet
3.1.3 De taak die de bezoeker wil uitvoeren

3.2 Pagina´s om te scannen: een visuele hiërarchie

3.3 Sneltest: kenmerkende pagina-elementen identificeren

 Sneltest: extra voorbeelden

3.4 Paginabreedte: ontwerpen voor verschillende resoluties
3.4.1 Welke resoluties worden gebruikt?

3.5 De lengte van een pagina

3.6 Basiselementen op de pagina vormgeven
3.6.1 Het logo
3.6.2 De zoekdienst
3.6.3 Afbeeldingen
3.6.4 Advertenties
3.6.5 Tekst en kleurgebruik

3.7 Snelheid
3.7.1 Tips voor snelle pagina´s
3.7.2 CSS gebruiken om code te reduceren
3.7.3 Tabellen zelfstandig coderen
3.7.4 Geef de dimensies van afbeeldingen op

3.8 Frames?

[ Omhoog ]

4. Schrijven voor het web | p111

4.1 Inleiding

4.2 Lezen op het web
4.2.1 Een webtekst heeft hyperlinks
4.2.2 Een webtekst is er één van vele
4.2.3 Een webtekst is voor iedereen beschikbaar
4.2.4 Een webtekst staat op een beeldscherm

4.3 Structuur bieden met titels en koppen
4.3.1 Pictogrammen en tekst
4.3.2 Korte titels en koppen schrijven
4.3.3 Informatiedragende koppen en titels schrijven
4.3.4 Rustige titels en koppen schrijven

 Webschrijven: oefeningen

4.4 Hyperlinks schrijven
4.4.1 Geef een grafische hyperlink een tekst
4.4.2 Schrijf hyperlinks doelgericht
4.4.3 Ingebedde hyperlinks
4.4.4 Schrijf zelfstandige hyperlinks
4.4.5 De beste hyperlinks zijn dieplinks
4.4.6 Een hyperlink is blauw en onderstreept
4.4.7 Een bezochte hyperlink is paars en onderstreept
4.4.8 Een gewone hyperlink heeft geen pictogram nodig

4.5 Schrijven voor informatiepagina´s
4.5.1 Schrijf beknopt
4.5.2 Schrijf informatief en objectief
4.5.3 Breng structuur aan in de tekst

4.6 Schrijven voor servicepagina´s
4.6.1 Nieuws schrijven voor internet
4.6.2 Documenten aanbieden om te downloaden van internet
4.6.3 FAQ: het schrijven van vraag en antwoord

4.7 Onzichtbaar schrijven: codering voor tekst
4.7.1 De tekst in de titelbalk
4.7.2 Hyperlink-titles
4.7.3 De tekst van het webadres
4.7.4 Uw pagina beschrijven met metatags
4.7.5 Tekst leesbaar maken met CSS

[ Omhoog ]

5. Multimedia en usability | p153

5.1 Inleiding

5.2 Animatie
5.2.1 Wanneer is animatie wel nuttig?

5.3 Audio

5.4 Video

5.5 Flash en usability
5.5.1 Usability-problemen bij het ontwerpen met Flash
5.5.2 Designer-problemen bij het ontwerpen met Flash
5.5.3 Richtlijnen voor Flash-design
5.5.4 Flash-toekomst: one-page model

5.6 Het web als 3D-wereld
5.6.1 Richtlijnen

[ Omhoog ]

6. Usability en accessibility | p169

6.1 Inleiding

6.1.1 Accessibility
6.1.2 Algemene accessibility-initiatieven

6.2 Sites ontwerpen voor gebruikers met een visuele handicap
6.2.1 Gebruik van stylesheets
6.2.2 Gebruik van alt-teksten voor afbeeldingen
6.2.3 Ontbrekende alt-teksten

6.3 Motorische handicaps

6.4 Hulpmiddelen voor het ontwikkelen van toegankelijke websites
6.4.1 Accessibility-opties in Dreamweaver MX
6.4.2 Accessibility-opties in Flash MX
6.4.3 IBM Home Page Reader
6.4.4 Bobby
6.4.5 Overige richtlijnen

[ Omhoog ]

7. Usability en interactie | p201

7.1 Inleiding

7.2 Interactie met e-mail
7.2.1 E-mailadres als hyperlink
7.2.2 Nieuwsbrief of e-zine
7.2.3 Rondzendlijst

7.3 Interactie via webformulieren
7.3.1 Alternatieve keuzemogelijkheden
7.3.2 Eenvoud
7.3.3 Verplichte velden
7.3.4 Reactietermijn
7.3.5 Feedback en controle

7.4 Registreren op een website
7.4.1 Registratie: waarom niet?
7.4.2 Stap voor stap
7.4.3 Inloggen

7.5 Dingen doen op een website
7.5.1 Informatie opzoeken
7.5.2 Publiceren via een CMS
7.5.3 Producten bestellen
7.5.4 Bestanden downloaden

7.6 Communiceren met andere personen
7.6.1 De Helpdesk
7.6.2 Forum
7.6.3 Peiling
7.6.4 Virtuele clubs of communities

[ Omhoog ]

8. Usability en design | p245

8.1 Inleiding

8.2 Valkuil 1: Gij zult functioneel!
8.2.1 Hoe bepaalt u uw doelgroep?

8.3 Valkuil 2: het werkt, dus waarom zou ik het anders doen?

8.4 Valkuil 3: maar zo ziet onze brochure er ook uit
8.4.1 Gebruik de extra mogelijkheden die het web biedt

8.5 Ontwikkel een eigen stijl
8.5.1 Zwitsal en Douwe Egberts
8.5.2 Nike
8.5.3 Oculenti en Magnitude

[ Omhoog ]

9. Samenvatting: de belangrijkste usability-richtlijnen | p269

9.1 Inleiding

9.2 Tien gouden richtlijnen
9.2.1 Herkenbaarheid en bedrijfsinformatie
9.2.2 Navigatie
9.2.3 Snelheid
9.2.4 Zoeken
9.2.5 Opmaak
9.2.6 Schrijfstijl
9.2.7 Hyperlinks
9.2.8 Interactie
9.2.9 Accessibility
9.2.10 Afbeeldingen en multimedia

 Op www.w3use.nl staat een pagina met al deze richtlijnen.

Deel II - Praktijk

[ Omhoog ]

10. Praktijk: usability op het Nederlandstalige web | p277

10.1 Inleiding
10.1.1 Criteria
10.1.2 Uitleg
10.1.3 De sites op een rijtje

10.02 Efteling - www.efteling.nl
10.03 NOC*NSF - www.sport.nl
10.04 Rijksmuseum - www.rijksmuseum.nl
10.05 ANWB - www.anwb.nl
10.06 Nederlandse Spoorwegen - www.ns.nl
10.07 Rabobank - www.rabobank.nl
10.08 MSN België - www.msn.be
10.09 Bieslog - bieslog.vpro.nl
10.10 Publieke omroepen - www.omroep.nl
10.11 De Standaard - www.standaard.be
10.12 Nu.nl - www.nu.nl
10.13 Nederlands regering - www.regering.nl
10.14 Albert - www.albert.nl
10.15 Proxis - www.proxis.be
10.16 Wehkamp - www.wehkamp.nl

 Extra sitebesprekingen

[ Omhoog ]

Deel III - Naslag

Appendices

Checklists | p373

  Download deze checklists

a.1 Inleiding
a.2 Checklist Site-ontwerp
a.3 Checklist Paginaontwerp
a.4 Checklist Schrijven voor het web
a.5 Checklist Niet doen

Meer informatie over usability | p287

b.1 Inleiding
b.2 Websites over usability
b.3 Verschillende grote softwaremakers over usability
b.4 Nieuwsgroepen over usability
b.5 Discussieforums over usability
b.6 Overige literatuur

 Boekenlijst

Woordenlijst | p395

Register | p401

[ Terug omhoog ] [ Home] [Site map ]