crash course in informatie-architectuur
DESCRIPTION
Nog niet zo heel lang geleden vroeg de Ambrassade ons om 32 communicatiemedewerkers uit de jeugdsector in te wijden in de geheimen van de Informatie-architectuur. Naast een stevige inleiding over usability kwamen we terecht bij de 10 concepten die een Informatie architect mee moet hebben.TRANSCRIPT
![Page 1: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/1.jpg)
CRASH COURSEIn Informatie-architectuur
![Page 2: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/2.jpg)
Hallo! Ik ben Hannes.
![Page 3: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/3.jpg)
![Page 4: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/4.jpg)
Informatie architectuur
![Page 5: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/5.jpg)
![Page 6: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/6.jpg)
![Page 7: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/7.jpg)
Enkele projecten waar ik aan meewerkte...
![Page 8: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/8.jpg)
![Page 9: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/9.jpg)
![Page 10: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/10.jpg)
Iedereen wordt er blijer van.
Waarom is usability belangrijk?
![Page 11: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/11.jpg)
Usability... wat is dat eigenlijk?
![Page 12: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/12.jpg)
Wikipedia
“Iets is gebruiksvriendelijk wanneer een beoogde eindgebruiker het effectief, efficiënt en naar tevredenheid kan gebruiken.”
![Page 13: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/13.jpg)
![Page 14: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/14.jpg)
![Page 15: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/15.jpg)
![Page 16: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/16.jpg)
![Page 17: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/17.jpg)
![Page 18: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/18.jpg)
![Page 19: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/19.jpg)
![Page 20: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/20.jpg)
![Page 21: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/21.jpg)
‣ Eenvoudig te leren
‣ Efficiënt in gebruik
‣ Makkelijk onthouden hoe het werkt
‣ Fouten voorkomend en duidelijke feedback
‣ ‘Plezant’ om te gebruiken
Gebruiksvriendelijk...
![Page 22: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/22.jpg)
![Page 23: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/23.jpg)
Soms een evenwicht zoeken..
![Page 24: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/24.jpg)
Eenvoudig te leren?
![Page 25: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/25.jpg)
Het belang van gebruikerstesten...
![Page 26: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/26.jpg)
![Page 27: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/27.jpg)
![Page 28: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/28.jpg)
BasisprincipesWaar moet je zéker op letten?
![Page 29: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/29.jpg)
snelheid
consistentie
6
inhoud
typografie
toegankelijkheid
technologie
![Page 30: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/30.jpg)
1. Consistentie
![Page 31: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/31.jpg)
‣ Logo
‣ Taalselectie
‣ Home-knop
Verwachtingen
‣ Navigatie
‣ Broodkruimel
‣ Zoekveld
![Page 32: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/32.jpg)
![Page 33: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/33.jpg)
‣ Links boven
‣ Link naar homepage
‣ Optioneel met tagline
Logo
![Page 34: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/34.jpg)
![Page 35: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/35.jpg)
‣ Rechts boven
‣ ISO (NL - FR - DE)
‣ Toon alle opties, ook de actieve taal
‣ Geen vlagjes!
Taalselectie
![Page 36: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/36.jpg)
![Page 37: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/37.jpg)
‣ Eerste knop in hoofdnavigatie
‣ Altijd ‘home’
Home-knop
![Page 38: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/38.jpg)
![Page 39: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/39.jpg)
‣ Hoofdnavigatie horizontaal bovenaan
‣ Subnavigatie links
‣ Vermijden: onderaan of rechts
Navigatie
![Page 40: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/40.jpg)
‣ Helemaal onderaan, in de footer
‣ Privacy statement, disclaimer, sitemap
Secundaire navigatie
![Page 41: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/41.jpg)
![Page 42: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/42.jpg)
‣ Toont actieve pagina in hiërarchie
‣ Onder de hoofdnavigatie
‣ Klikbaar, behalve actieve pagina
‣ Zonder ‘je bent hier: ’
Broodkruimel
![Page 43: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/43.jpg)
![Page 44: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/44.jpg)
‣ Rechts boven
‣ Gevaarlijk!
‣ Bezoekers verwachten Google-niveau
Zoekveld
![Page 45: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/45.jpg)
![Page 46: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/46.jpg)
Het is duidelijk
‣ waar je vandaan kwam‣ waar je nu bent‣ waar je naartoe kan gaan
in de visuele taal die andere websites ook
spreken
Consistentie geeft houvast
![Page 47: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/47.jpg)
snelheid
✔ consistentie
6
inhoud
typografie
toegankelijkheid
technologie
![Page 48: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/48.jpg)
2. Typografie
![Page 49: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/49.jpg)
Mensen schrijven meer naar elkaar dan ze bellen.
“The web is text.”
![Page 50: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/50.jpg)
‣ Ideaal: tot ongeveer 55 karakters per regel
‣ Flexibele layout: gebruik maximumbreedte
Leeslengte
![Page 51: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/51.jpg)
![Page 52: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/52.jpg)
![Page 53: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/53.jpg)
‣ Minstens 14px
‣ Moderne browsers schalen alles
‣ “ A A A ” is overbodig
Lettergrootte
![Page 54: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/54.jpg)
Geschreefd of schreefloos?
Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
Ed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
Op een scherm: schreefloos (sans-serif)
![Page 55: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/55.jpg)
snelheid
✔ consistentie
6
inhoud
✔ typografie
toegankelijkheid
technologie
![Page 56: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/56.jpg)
3. Snelheid
![Page 57: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/57.jpg)
Wat volgt is de hoeveelheid tijd die een bezoeker wil spenderen om uit te zoeken hoe een website werkt:
![Page 58: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/58.jpg)
0
![Page 59: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/59.jpg)
‣ Snel laden (technisch)
‣ Focus (inhoud)
‣ Scanbaar (structuur)
Bezoekers hebben geen geduld
![Page 60: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/60.jpg)
Korte quiz
![Page 61: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/61.jpg)
![Page 62: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/62.jpg)
![Page 63: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/63.jpg)
![Page 64: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/64.jpg)
![Page 65: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/65.jpg)
✔ snelheid
✔ consistentie
6
inhoud
✔ typografie
toegankelijkheid
technologie
![Page 66: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/66.jpg)
4. Toegankelijkheid
![Page 67: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/67.jpg)
‣ Cross-browser, cross-platform
‣ Anysurfer
Bouw een toegankelijke website
![Page 68: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/68.jpg)
‣ IE8, IE9, Chrome, Firefox, ...
‣ tablets & smartphones!
‣ muis en keyboard of touch‣ Webstandaarden!
Cross-browser, cross-device
![Page 69: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/69.jpg)
![Page 70: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/70.jpg)
![Page 71: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/71.jpg)
![Page 72: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/72.jpg)
‣ Kwaliteitslabel
‣ Website toegankelijk voor iedereen,
ook voor mensen met een
functiebeperking
Anysurfer
![Page 73: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/73.jpg)
‣ Grootste bron van traffiek
‣ SEO!
![Page 74: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/74.jpg)
✔ snelheid
✔ consistentie
6
inhoud
✔ typografie
✔ toegankelijkheid
technologie
![Page 75: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/75.jpg)
5. Technologie
![Page 76: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/76.jpg)
‣ Flash
‣ Ajax
‣ Video
‣ HTML 5
Altijd nieuwe technologie
![Page 77: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/77.jpg)
Technologie mag geen drijfveer zijn.
Denk na over de waarde.
![Page 78: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/78.jpg)
![Page 79: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/79.jpg)
✔ snelheid
✔ consistentie
6
inhoud
✔ typografie
✔ toegankelijkheid
✔ technologie
![Page 80: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/80.jpg)
6. Inhoud
![Page 81: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/81.jpg)
Vers en fris!
![Page 82: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/82.jpg)
Een website is zoals ondergoed.Ververs elke dag.
![Page 83: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/83.jpg)
‣ Kies relevante onderwerpen
‣ Relevant nieuws
‣ SEO vs. bezoeker
Publiceer op regelmatige basis
![Page 84: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/84.jpg)
‣ Schrap pagina’s die niet bezocht worden
‣ Kijk af en toe of inhoud nog up-to-date is
‣ SEO vs. bezoeker
Hou statische inhoud vers
![Page 85: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/85.jpg)
Publiceren, updaten, ...Iedere keer langs IT-dienst of webbouwer?
![Page 86: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/86.jpg)
![Page 87: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/87.jpg)
‣ Content Management System
‣ De motor van de website
‣ Makkelijk zélf inhoud bewerken
‣ SEO!
CMS
![Page 88: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/88.jpg)
![Page 89: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/89.jpg)
![Page 90: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/90.jpg)
Een CMS moet je toelaten om het dagelijkse beheer van je website onafhankelijk en zonder technische kennis uit te voeren.
![Page 91: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/91.jpg)
✔ snelheid
✔ consistentie
6
✔ inhoud
✔ typografie
✔ toegankelijkheid
✔ technologie
![Page 92: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/92.jpg)
Dus die 6 basisprincipes toepassen en we zijn er?
![Page 93: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/93.jpg)
Bijna.
![Page 94: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/94.jpg)
‣ Ontwerpen & bouwen
‣ Observeren
‣ Optimaliseren
De gebruiker staat centraal
![Page 95: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/95.jpg)
Magic that happens in an IA-brain.
IA mindset
![Page 96: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/96.jpg)
‣ Aandacht voor eindgebruiker
‣ Testen met échte gebruikers
‣ Duurzaam
‣ Kwaliteit
User-centered werken
![Page 97: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/97.jpg)
‣ Welke 5 zaken komen bezoekers voor
‣ Liefst met enquête, analytics data én met
KeyWordResearch
‣ Vaak: openingsuren en adresgegevens
Toptaken
![Page 98: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/98.jpg)
‣ Leg alles op een hoop
‣ Prioriseer en ontdubbel
‣ Schrap!
‣ Maak je boomstructuur
Verzamelen en schrappen
![Page 99: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/99.jpg)
Aan de slag!
10 geheime aandachtspunten
![Page 100: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/100.jpg)
‣ Toptaken!
‣ About page?
‣ Actieknop
‣ Liefst 5 max 7
Hoofdnavigatie
![Page 101: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/101.jpg)
‣ Dankzij Google
‣ Waar ben ik, waar ga ik naartoe
‣ Belang van de homepage
‣ Related content
Elke pagina = startpagina
![Page 102: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/102.jpg)
‣ Blijf gefocust
‣ Kiezen of lezen
‣ Compenseren met ‘related’
‣ eindig met CTA (like, volg, koop)
Overzicht-Detail
![Page 103: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/103.jpg)
‣ Onderaan
‣ Verschillend qua uitzicht
‣ Text: WAT - DOEN
‣ moet niet altijd kopen zijn
Call To Action
![Page 104: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/104.jpg)
‣ Voor wie de weg kwijt is
‣ Voor wat anders in de weg staat
‣ Algemene engagement (nieuwsbrief-
facebook)
Footer
![Page 105: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/105.jpg)
‣ Onder elkaar
‣ text-form-text-form
‣ Geen afleiding
‣ Enkel wat strikt* nodig is
Formulieren
![Page 106: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/106.jpg)
‣ Altijd alles onder elkaar: hiërarchie
‣ Leeslengte op grote schermen
‣ Navigatiepatronen
‣ Durven weglaten.
Mobile first/Mobile in mind
![Page 107: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/107.jpg)
‣ Zo weinig mogelijk
‣ In de juiste volgorde
‣ Combineer tot nieuwe
‣ Haal ze uit een API
Relevante filters
![Page 108: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/108.jpg)
‣ Wordt nauwelijks bekeken
‣ Mobiele surfers
‣ Alternatieven: nog op vallender, minder
noodzakelijk (bijv. filters)
De rechter kant
![Page 109: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/109.jpg)
‣ Keuzepagina van de volledige website
‣ Wel erg emotioneel
‣ Branden-direct trafiek
‣ AIDA
Homepage
![Page 110: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/110.jpg)
Nee, echt waar.
Meten is weten
![Page 111: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/111.jpg)
Een website is zoals een schip
![Page 112: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/112.jpg)
1. Statistieken
2. Expert audit
3. Gebruikerstest
Meten, evalueren, bijsturen
![Page 113: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/113.jpg)
‣ Google Analytics
‣ Hoeveel, van waar, welk pad, ...
‣ Kwantiteit, geen kwaliteit
‣ Continu
‣ Gratis (doe-het-zelf)
1. Statistieken
![Page 114: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/114.jpg)
‣ Analyse van bestaande website
‣ Basisfouten komen naar boven
‣ Toetsing aan de theorie
‣ Praktisch advies en tips
2. Expert audit
![Page 115: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/115.jpg)
‣ Ervaren van échte gebruikers
‣ Toetsing aan de praktijk‣ Ideale methode
‣ Praktisch advies en tips
3. Gebruikerstest
![Page 116: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/116.jpg)
‣ Begin met een goeie strategie‣ Bezoekers aantrekken heeft alleen
zin bij optimale usability!
‣ Usability beïnvloedt conversie
‣ Meten is weten
Conclusie
![Page 117: Crash course in informatie-architectuur](https://reader033.vdocuments.net/reader033/viewer/2022052821/554906c3b4c9055d458b604b/html5/thumbnails/117.jpg)
‣ http://www.goodui.org