Downloaded 17 times
Uploaded byWijs
Crash course in informatie-architectuur
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.
Crash course in informatie-architectuur
- 1.
- 2.
- 4.
- 7. Enkele projecten waarik aan meewerkte...
- 10. Waarom is usabilitybelangrijk? Iedereen wordt er blijer van.
- 11. Usability... wat isdat eigenlijk?
- 12. “Iets is gebruiksvriendelijkwanneer een beoogde eindgebruiker het effectief, efficiënt en naar tevredenheid kan gebruiken.” Wikipedia
- 21. Gebruiksvriendelijk... ‣ Eenvoudig te leren ‣ Efficiëntin gebruik ‣ Makkelijk onthouden hoe het werkt ‣ Fouten voorkomend en duidelijke feedback ‣ ‘Plezant’ om te gebruiken
- 23. Soms een evenwichtzoeken..
- 24.
- 25. Het belang vangebruikerstesten...
- 28. Basisprincipes Waar moet jezéker op letten?
- 29.
- 30.
- 31.
- 33. Logo ‣ Links boven ‣ Link naarhomepage ‣ Optioneel met tagline
- 35. Taalselectie ‣ Rechts boven ‣ ISO (NL- FR - DE) ‣ Toon alle opties, ook de actieve taal ‣ Geen vlagjes!
- 37. Home-knop ‣ Eerste knop inhoofdnavigatie ‣ Altijd ‘home’
- 39. Navigatie ‣ Hoofdnavigatie horizontaal bovenaan ‣ Subnavigatielinks ‣ Vermijden: onderaan of rechts
- 40. Secundaire navigatie ‣ Helemaal onderaan,in de footer ‣ Privacy statement, disclaimer, sitemap
- 42. Broodkruimel ‣ Toont actieve paginain hiërarchie ‣ Onder de hoofdnavigatie ‣ Klikbaar, behalve actieve pagina ‣ Zonder ‘je bent hier: ’
- 44.
- 46. Consistentie geeft houvast Hetis duidelijk ‣ waar je vandaan kwam ‣ waar je nu bent ‣ waar je naartoe kan gaan in de visuele taal die andere websites ook spreken
- 47.
- 48.
- 49. Mensen schrijven meernaar elkaar dan ze bellen. “The web is text.”
- 50. Leeslengte ‣ Ideaal: tot ongeveer55 karakters per regel ‣ Flexibele layout: gebruik maximumbreedte
- 53. Lettergrootte ‣ Minstens 14px ‣ Moderne browsersschalen alles ‣ “ A A A ” is overbodig
- 54. Geschreefd of schreefloos? Opeen scherm: schreefloos (sans-serif) 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.
- 55.
- 56.
- 57. Wat volgt isde hoeveelheid tijd die een bezoeker wil spenderen om uit te zoeken hoe een website werkt:
- 58.
- 59. Bezoekers hebben geengeduld ‣ Snel laden (technisch) ‣ Focus (inhoud) ‣ Scanbaar (structuur)
- 60.
- 65. 6 ✔ consistentie toegankelijkheid ✔ typografie technologie ✔snelheid inhoud
- 66.
- 67. Bouw een toegankelijkewebsite ‣ Cross-browser, cross-platform ‣ Anysurfer ‣ Google
- 68. Cross-browser, cross-device ‣ IE8, IE9,Chrome, Firefox, ... ‣ tablets & smartphones! ‣ muis en keyboard of touch ‣ Webstandaarden!
- 72. Anysurfer ‣ Kwaliteitslabel ‣ Website toegankelijk vooriedereen, ook voor mensen met een functiebeperking
- 73. Google ‣ Grootste bron vantraffiek ‣ SEO!
- 74. 6 ✔ consistentie ✔ toegankelijkheid ✔typografie technologie ✔ snelheid inhoud
- 75.
- 76.
- 77. Technologie mag geendrijfveer zijn. Denk na over de waarde.
- 79. 6 ✔ consistentie ✔ toegankelijkheid ✔typografie ✔ technologie ✔ snelheid inhoud
- 80.
- 81.
- 82. Een website iszoals ondergoed. Ververs elke dag.
- 83. Publiceer op regelmatigebasis ‣ Kies relevante onderwerpen ‣ Relevant nieuws ‣ SEO vs. bezoeker
- 84. Hou statische inhoudvers ‣ Schrap pagina’s die niet bezocht worden ‣ Kijk af en toe of inhoud nog up-to-date is ‣ SEO vs. bezoeker
- 85. Publiceren, updaten, ... Iederekeer langs IT-dienst of webbouwer?
- 87. CMS ‣ Content Management System ‣ Demotor van de website ‣ Makkelijk zélf inhoud bewerken ‣ SEO!
- 90. Een CMS moetje toelaten om het dagelijkse beheer van je website onafhankelijk en zonder technische kennis uit te voeren.
- 91. 6 ✔ consistentie ✔ toegankelijkheid ✔typografie ✔ technologie ✔ snelheid ✔ inhoud
- 92. Dus die 6basisprincipes toepassen en we zijn er?
- 93.
- 94. De gebruiker staatcentraal ‣ Ontwerpen & bouwen ‣ Observeren ‣ Optimaliseren
- 95. IA mindset Magic thathappens in an IA-brain.
- 96. User-centered werken ‣ Aandacht vooreindgebruiker ‣ Testen met échte gebruikers ‣ Duurzaam ‣ Kwaliteit
- 97. Toptaken ‣ Welke 5 zakenkomen bezoekers voor ‣ Liefst met enquête, analytics data én met KeyWordResearch ‣ Vaak: openingsuren en adresgegevens
- 98. Verzamelen en schrappen ‣ Legalles op een hoop ‣ Prioriseer en ontdubbel ‣ Schrap! ‣ Maak je boomstructuur
- 99. 10 geheime aandachtspunten Aande slag!
- 100.
- 101. Elke pagina =startpagina ‣ Dankzij Google ‣ Waar ben ik, waar ga ik naartoe ‣ Belang van de homepage ‣ Related content
- 102. Overzicht-Detail ‣ Blijf gefocust ‣ Kiezen oflezen ‣ Compenseren met ‘related’ ‣ eindig met CTA (like, volg, koop)
- 103. Call To Action ‣ Onderaan ‣ Verschillendqua uitzicht ‣ Text: WAT - DOEN ‣ moet niet altijd kopen zijn
- 104. Footer ‣ Voor wie deweg kwijt is ‣ Voor wat anders in de weg staat ‣ Algemene engagement (nieuwsbrieffacebook)
- 105. Formulieren ‣ Onder elkaar ‣ text-form-text-form ‣ Geen afleiding ‣ Enkelwat strikt* nodig is
- 106. Mobile first/Mobile inmind ‣ Altijd alles onder elkaar: hiërarchie ‣ Leeslengte op grote schermen ‣ Navigatiepatronen ‣ Durven weglaten.
- 107. Relevante filters ‣ Zo weinigmogelijk ‣ In de juiste volgorde ‣ Combineer tot nieuwe ‣ Haal ze uit een API
- 108. De rechter kant ‣ Wordtnauwelijks bekeken ‣ Mobiele surfers ‣ Alternatieven: nog op vallender, minder noodzakelijk (bijv. filters)
- 109. Homepage ‣ Keuzepagina van devolledige website ‣ Wel erg emotioneel ‣ Branden-direct trafiek ‣ AIDA
- 110. Meten is weten Nee,echt waar.
- 111. Een website iszoals een schip
- 112. Meten, evalueren, bijsturen 1.Statistieken 2. Expert audit 3. Gebruikerstest
- 113. 1. Statistieken ‣ Google Analytics ‣ Hoeveel,van waar, welk pad, ... ‣ Kwantiteit, geen kwaliteit ‣ Continu ‣ Gratis (doe-het-zelf)
- 114. 2. Expert audit ‣ Analysevan bestaande website ‣ Basisfouten komen naar boven ‣ Toetsing aan de theorie ‣ Praktisch advies en tips
- 115. 3. Gebruikerstest ‣ Ervaren vanéchte gebruikers ‣ Toetsing aan de praktijk ‣ Ideale methode ‣ Praktisch advies en tips
- 116. Conclusie ‣ Begin met eengoeie strategie ‣ Bezoekers aantrekken heeft alleen zin bij optimale usability! ‣ Usability beïnvloedt conversie ‣ Meten is weten
- 117.