Academie voor Communicatie & Implementatie Usability en toegankelijkheid van websites door Thea vd Geest en Marijn Tijhuis...
Mediamaal
Toegang en toegankelijkheid  Academie voor communicatie en implementatie Thea van der Geest 12 april 2010
Zoeken …..
…  en vinden?
Toegang en toegankelijkheid  voor mensen met beperkingen <ul><li>Filmpje Drempels Weg </li></ul>
Contact met e-overheid Behoefte, recht, plicht Systeem met gewenste en/of  zinvolle informatie, diensten, etc.  Toegang To...
De website van uw organisatie <ul><li>Is uw site makkelijk en plezierig te gebruiken? Hoe weet u dat? </li></ul><ul><li>Is...
Gebruiksgemak (usability) <ul><li>Algemene principes, zoals consistent, aandacht richtend, leerbaar, tolerant </li></ul><u...
Digitale vaardigheden <ul><li>-  Bediening: ‘knoppenkunde’ </li></ul><ul><li>Handelingen, bijvoorbeeld downloaden </li></u...
Complexe zoekvragen <ul><li>Open vraag als startpunt </li></ul><ul><li>M eer dan één goed antwoord of adequate oplossing <...
Mentaal model en zoeksucces <ul><li>Gebruikersonderzoek </li></ul><ul><ul><li>30 burgers, recent naar overheidsinfo gezoch...
Voorbeeld: scenario 3 <ul><li>3. </li></ul><ul><li>Stel u voor… </li></ul><ul><li>U heeft voor het eerst in uw leven een h...
Hoe en waar zoeken ze?  Overheid online Overheid offline Anders online Anders offline 1 Rijbewijs verlopen 5 25 0 0 2 Nieu...
Zoekstrategie ë n <ul><li>Bedenken bij welke instantie ze moeten zijn </li></ul><ul><li>Als ze het weten, rechtstreeks con...
Google: Teruggaaf jongeren regelen 1 2 15
Zoektermen en zoeksucces <ul><li>Scenario: wegenbelasting voor een kampeerbusje </li></ul>Trefwoord: Wegenbelasting Overhe...
Zoekdoel leidt tot zoekvraag <ul><li>Aanleidingen: </li></ul><ul><li>Gebeurtenissen of veranderingen in het leven van de i...
Kritische factoren voor ontwerpers inhoud <ul><li>Redeneren vanuit de situatie van de burger (mentaal model van  life even...
maak je website toegankelijk voor alle doelgroepen
Even voorstellen intermediair  tussen de klant en de techniek, website,  toegankelijk,  digitale,  vormgever /  webbouwer ...
Een toegankelijke website <ul><li>Toegang bieden aan bezoekers met een beperking </li></ul><ul><li>Waarmerk DrempelVrij </...
doelgroepen van een toegankelijke website
Welke doelgroepen? <ul><li>Functiebeperking </li></ul><ul><li>Maar ook.. </li></ul>Henk , 59 jaar, directeur adviesbureau,...
Zelf personas maken <ul><li>Wat is je typische ‘gemiddelde’  klant/bezoeker die in een digitale risicogroep valt? </li></u...
voordelen naast toegankelijkheid
Nog wat doelgroepen
Nog meer voordelen <ul><li>Onderhoudbaar </li></ul><ul><li>Sneller </li></ul><ul><li>Klaar voor de toekomst </li></ul>
aan de slag! met toegankelijkheid
Technisch verhaal? <ul><li>Tekst / redactioneel </li></ul><ul><li>Kleuren </li></ul><ul><li>Leesniveau </li></ul><ul><li>G...
Tekstueel alternatief <ul><li>Alt teksten </li></ul><ul><ul><li>Wat is er te zien </li></ul></ul><ul><ul><li>Zinvol </li><...
Tekst <ul><li>Relatieve tekstgrootte </li></ul><ul><ul><li>Tekst vergroten mogelijk maken </li></ul></ul><ul><ul><li>Achte...
Scheiding inhoud en presentatie <ul><li>Scheiding inhoud en presentatie </li></ul><ul><ul><li>Basis voor toegankelijkheid ...
Semantiek <ul><li>Koppen </li></ul><ul><ul><li>Hiërarchie </li></ul></ul><ul><ul><li>Scanbaar </li></ul></ul><ul><ul><li>Z...
Links <ul><li>Links </li></ul><ul><ul><li>Zelfde venster </li></ul></ul><ul><ul><li>Zinvolle naam </li></ul></ul><ul><ul><...
Kleuren <ul><li>Betekenis </li></ul><ul><li>Contrast </li></ul><ul><li>Kleurenblindheid </li></ul>tools:  We are color bli...
Javascript / Flash / etc. <ul><li>Geen uitgangspunt </li></ul><ul><ul><li>“ unobtrusive” </li></ul></ul><ul><li>Maar onder...
Video <ul><li>Geluid </li></ul><ul><li>Transcriptie </li></ul><ul><li>Ondertiteling </li></ul><ul><li>Gebarentolk </li></u...
Handig <ul><li>Firefox Web Developer toolbar  https://addons.mozilla.org/en-US/firefox/addon/60 </li></ul><ul><li>Color co...
Vragen? <ul><li>Marijn Tijhuis </li></ul><ul><li>Mediamaal </li></ul><ul><li>[email_address] </li></ul><ul><li>030 275 95 ...
 
ROI Webkwaliteit <ul><li>Meten is weten: wat weet je?  </li></ul><ul><ul><li>Formulier invullen </li></ul></ul><ul><li>ROI...
Webrichtlijnen <ul><li>125 (!) stuks, waarvan 65 WCAG 1.0 </li></ul><ul><li>Technisch georienteerd (achterkant van de webs...
Wat is het rendement van Webrichtlijnen?  <ul><li>Volgens 12 bedrijven en organisaties: </li></ul><ul><li>(naast beoogde e...
Wat is het rendement van Webrichtlijnen? <ul><li>Negatief: </li></ul><ul><li>Richtlijnen voor statische pagina’s </li></ul...
Uitnodiging <ul><li>Aan het werk met toegankelijkheid of Webrichtlijnen?  </li></ul><ul><li>Neem deel aan ons onderzoek: <...
Van harte uitgenodigd IPCC 2010   Communication in a Self-Service Society Enschede, 7 - 9 juli 2010 ewh.ieee.org/soc/pcs
Upcoming SlideShare
Loading in …5
×

Toegang en toegankelijkheid

904 views

Published on

Presentatie over gebruiksvriendelijkheid, toegang en toegankelijkheid van websites. Gegeven door Thea van der Geest (Universiteit Twente) en Marijn Tijhuis (Mediamaal) aan de Academie voor Communicatie en Implementatie van Mediamaal.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
904
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Vraag stellen wie recentelijk als burger of ondernemer informatie gezocht heeft (mijn eigen voorbeelden): belastingvrij schenken (belastingdienst), schuurtje herbouwen (Gemeente). Was het makkelijk om te vinden wat je zocht (in mijn geval niet). Presentatie gaat over zoeksucces – en hoe je kunt vaststellen of je gebruikers succesvol zoeken- paar in de praktijk goed toepasbare methoden van gebruikersonderzoek.
  • Toegang en toegankelijkheid

    1. 1. Academie voor Communicatie & Implementatie Usability en toegankelijkheid van websites door Thea vd Geest en Marijn Tijhuis 13 april 2010
    2. 2. Mediamaal
    3. 3. Toegang en toegankelijkheid Academie voor communicatie en implementatie Thea van der Geest 12 april 2010
    4. 4. Zoeken …..
    5. 5. … en vinden?
    6. 6. Toegang en toegankelijkheid voor mensen met beperkingen <ul><li>Filmpje Drempels Weg </li></ul>
    7. 7. Contact met e-overheid Behoefte, recht, plicht Systeem met gewenste en/of zinvolle informatie, diensten, etc. Toegang Toegankelijkheid Gebruiksgemak Acceptatie
    8. 8. De website van uw organisatie <ul><li>Is uw site makkelijk en plezierig te gebruiken? Hoe weet u dat? </li></ul><ul><li>Is uw site toegankelijk? Zo ja, wat heeft u daarvoor gedaan? </li></ul><ul><li>Welke score haalt uw website op de Webrichtlijnen? En wat betekent dat? </li></ul><ul><li>Is uw site succesvol? Haalt u de investering eruit? Hoe weet u dat? </li></ul>
    9. 9. Gebruiksgemak (usability) <ul><li>Algemene principes, zoals consistent, aandacht richtend, leerbaar, tolerant </li></ul><ul><li>Bepaald door vaardigheden gebruiker </li></ul><ul><li>Afhankelijk van het doel en de persoonlijke situatie van de gebruiker </li></ul><ul><li>Afhankelijk van de gebruikscontext </li></ul><ul><li>Geen satisfier , maar een dissatisfier </li></ul><ul><li>Voorwaarde voor een goede ‘user experience’ </li></ul>
    10. 10. Digitale vaardigheden <ul><li>- Bediening: ‘knoppenkunde’ </li></ul><ul><li>Handelingen, bijvoorbeeld downloaden </li></ul><ul><li>Gebruik, bijvoorbeeld zoeken met zoekmachine </li></ul><ul><li>Strategisch toepassen, bijvoorbeeld beslissen of je bezwaar maakt tegen WOZ-beschikking </li></ul>
    11. 11. Complexe zoekvragen <ul><li>Open vraag als startpunt </li></ul><ul><li>M eer dan één goed antwoord of adequate oplossing </li></ul><ul><li>Evalueren of informatie in context van toepassing is </li></ul><ul><li>Zoekvraag is stap in gecompliceerd proces </li></ul><ul><li>Zoeker moet info uit meerdere bronnen combineren </li></ul><ul><li>De gezochte informatie is dynamisch en verandert in de loop der tijd </li></ul>
    12. 12. Mentaal model en zoeksucces <ul><li>Gebruikersonderzoek </li></ul><ul><ul><li>30 burgers, recent naar overheidsinfo gezocht </li></ul></ul><ul><ul><li>“ Ik zocht informatie bij het CWI, UWV, gemeente E. en de belastingdienst want ik wilde een uitkering aanvragen.” </li></ul></ul><ul><ul><li>12 scenario’s voorgelegd </li></ul></ul><ul><ul><ul><li>Jargonvrij geformuleerd </li></ul></ul></ul><ul><ul><ul><li>“ Wat zou u doen? …. Wat zou u zeggen/intypen?” </li></ul></ul></ul><ul><li>Analyse van gebruikte zoektermen </li></ul><ul><ul><li>54.654 zoekwoorden ingetypt in interne zoekmachine </li></ul></ul><ul><ul><li>100 meest gebruikte zoekopdrachten externe zoekmachines </li></ul></ul><ul><ul><li>Zoekresultaten met zoektermen uit gebruikersonderzoek </li></ul></ul>
    13. 13. Voorbeeld: scenario 3 <ul><li>3. </li></ul><ul><li>Stel u voor… </li></ul><ul><li>U heeft voor het eerst in uw leven een huis gekocht. […] In plaats van de huur, moet u nu maandelijks de hypotheek betalen. […] U zult meer belasting terugkrijgen dan u gewend was. U weet dat het mogelijk is dit bedrag in maandelijkse termijnen terug te krijgen. </li></ul><ul><li>Hoe zou u het aanpakken om uit te zoeken hoe u maandelijks geld terugkrijgt van de belasting? </li></ul>
    14. 14. Hoe en waar zoeken ze? Overheid online Overheid offline Anders online Anders offline 1 Rijbewijs verlopen 5 25 0 0 2 Nieuw paspoort 9 18 1 2 3 Teruggaaf jongeren 16 10 1 3 10 Kinderopvang 4 4 7 15 11 Levensloop spaarregeling 5 1 15 9 12 Vergoeding fysiotherapie 1 1 10 18
    15. 15. Zoekstrategie ë n <ul><li>Bedenken bij welke instantie ze moeten zijn </li></ul><ul><li>Als ze het weten, rechtstreeks contact opnemen (balie, telefoon) </li></ul><ul><li>Als ze de site kennen: URL + interne zoekmachine </li></ul><ul><li>Als ze de site niet kennen: Google </li></ul><ul><li>Zoeksucces sterk afhankelijk van gekozen zoektermen </li></ul><ul><li>“ Inzoomend” zoeken komt veel voor </li></ul>
    16. 16. Google: Teruggaaf jongeren regelen 1 2 15
    17. 17. Zoektermen en zoeksucces <ul><li>Scenario: wegenbelasting voor een kampeerbusje </li></ul>Trefwoord: Wegenbelasting Overheid.nl: 3290 Geen antwoord Google: 246.000 1
    18. 18. Zoekdoel leidt tot zoekvraag <ul><li>Aanleidingen: </li></ul><ul><li>Gebeurtenissen of veranderingen in het leven van de informatiezoeker </li></ul><ul><li>Initiatieven van de kant van de overheid/zender </li></ul><ul><li>Zoekvragen: </li></ul><ul><li>Ontstaan in een context die door de informatiezoeker bepaald en ge ï nterpreteerd wordt </li></ul>
    19. 19. Kritische factoren voor ontwerpers inhoud <ul><li>Redeneren vanuit de situatie van de burger (mentaal model van life event, stappenplan) </li></ul><ul><li>Passend taalgebruik (klantwoordenboek, slimme zoekmachine) </li></ul><ul><li>Ordening en labeling informatie </li></ul><ul><li>Doelgroep goed kennen </li></ul><ul><ul><li>Voorkennis correct inschatten </li></ul></ul><ul><ul><li>Denk niet over ‘de’ gebruiker, maar over specifieke (groepen) gebruikers </li></ul></ul>
    20. 20. maak je website toegankelijk voor alle doelgroepen
    21. 21. Even voorstellen intermediair tussen de klant en de techniek, website, toegankelijk, digitale, vormgever / webbouwer / webvertaler , webdesigner, reizen, communicatie, mensen, punk-rock, internet , pro-wrestling kijken, zombiefilms , Thais koken en eten, rare engelse boeken, metal, communicatiemiddelen , 27 , nieuwe gadgets, ontwerpen , haring op zaterdag, reisverhalen, road-trips met vrienden, cult cinema , woordgrappen , Zuid Oost Azië, ambient, Friends kijken , fotografie, hardlopen, klassiek, rare dingen uit Japan , front –end , USA, mediteren , thee en koffie drinken, muziek ( maken) , gamen, usability , punkshowtjes bezoeken.
    22. 22. Een toegankelijke website <ul><li>Toegang bieden aan bezoekers met een beperking </li></ul><ul><li>Waarmerk DrempelVrij </li></ul><ul><ul><li>Prioriteit 1 (16 richtlijnen) </li></ul></ul><ul><ul><li>Prioriteit 2 (30 richtlijnen) </li></ul></ul><ul><li>Webrichtlijnen (125 richtlijnen) </li></ul>
    23. 23. doelgroepen van een toegankelijke website
    24. 24. Welke doelgroepen? <ul><li>Functiebeperking </li></ul><ul><li>Maar ook.. </li></ul>Henk , 59 jaar, directeur adviesbureau, dol op Apple producten, brildragend, veel reizen, kleurenblind Samira , 33 jaar, moeder, pretparken bezoeken, 2 jaar in Nederland Jeffrey , 21 jaar, student sociologie, dansfeesten, Blackberry, concentratiestoornis
    25. 25. Zelf personas maken <ul><li>Wat is je typische ‘gemiddelde’ klant/bezoeker die in een digitale risicogroep valt? </li></ul><ul><li>Creëer een persona voor deze klant </li></ul><ul><li>Creëer een gebruiksscenario </li></ul><ul><ul><li>een veelvoorkomende (of juist een complexe) taak </li></ul></ul><ul><ul><li>die relatief vaak door een lid van een digitale risicogroep moet worden uitgevoerd. </li></ul></ul><ul><li>Welke mogelijke hindernissen zie je? </li></ul>
    26. 26. voordelen naast toegankelijkheid
    27. 27. Nog wat doelgroepen
    28. 28. Nog meer voordelen <ul><li>Onderhoudbaar </li></ul><ul><li>Sneller </li></ul><ul><li>Klaar voor de toekomst </li></ul>
    29. 29. aan de slag! met toegankelijkheid
    30. 30. Technisch verhaal? <ul><li>Tekst / redactioneel </li></ul><ul><li>Kleuren </li></ul><ul><li>Leesniveau </li></ul><ul><li>Gebruiksvriendelijkheid </li></ul>
    31. 31. Tekstueel alternatief <ul><li>Alt teksten </li></ul><ul><ul><li>Wat is er te zien </li></ul></ul><ul><ul><li>Zinvol </li></ul></ul><ul><ul><li>Breder dan alleen afbeeldingen </li></ul></ul><ul><ul><ul><li>Tabellen </li></ul></ul></ul><ul><ul><ul><li>Grafieken </li></ul></ul></ul><ul><ul><ul><li>Video </li></ul></ul></ul><ul><ul><li>Wat doet een knop </li></ul></ul>tools: Web developer toolbar
    32. 32. Tekst <ul><li>Relatieve tekstgrootte </li></ul><ul><ul><li>Tekst vergroten mogelijk maken </li></ul></ul><ul><ul><li>Achtergrond en voorgrond kleuren </li></ul></ul><ul><ul><li>Knoppen en formulieren </li></ul></ul><ul><ul><li>A A A </li></ul></ul>
    33. 33. Scheiding inhoud en presentatie <ul><li>Scheiding inhoud en presentatie </li></ul><ul><ul><li>Basis voor toegankelijkheid </li></ul></ul><ul><ul><li>Controle over je inhoud </li></ul></ul>tools: Web developer toolbar
    34. 34. Semantiek <ul><li>Koppen </li></ul><ul><ul><li>Hiërarchie </li></ul></ul><ul><ul><li>Scanbaar </li></ul></ul><ul><ul><li>Zoekmachines </li></ul></ul><ul><li>Maar ook </li></ul><ul><ul><li>Formulieren </li></ul></ul><ul><ul><li>Lijsten </li></ul></ul><ul><ul><li>Tabellen </li></ul></ul><ul><ul><li>Afkortingen </li></ul></ul><ul><ul><li>Citaten </li></ul></ul>tools: Web developer toolbar
    35. 35. Links <ul><li>Links </li></ul><ul><ul><li>Zelfde venster </li></ul></ul><ul><ul><li>Zinvolle naam </li></ul></ul><ul><ul><ul><li>Klik hier </li></ul></ul></ul><ul><ul><ul><li>URL </li></ul></ul></ul>Meer weten? Webrichtlijnen: Links en nieuwe vensters / Een goede linktekst schrijven Jacob Nielsen: Top Ten Web-Design Mistakes of 2002
    36. 36. Kleuren <ul><li>Betekenis </li></ul><ul><li>Contrast </li></ul><ul><li>Kleurenblindheid </li></ul>tools: We are color blind Color contrast check Vischeck
    37. 37. Javascript / Flash / etc. <ul><li>Geen uitgangspunt </li></ul><ul><ul><li>“ unobtrusive” </li></ul></ul><ul><li>Maar ondersteunend </li></ul>tools: Web developer toolbar Lynx viewer
    38. 38. Video <ul><li>Geluid </li></ul><ul><li>Transcriptie </li></ul><ul><li>Ondertiteling </li></ul><ul><li>Gebarentolk </li></ul>tools: Toegankelijke video Overheids Media Player
    39. 39. Handig <ul><li>Firefox Web Developer toolbar https://addons.mozilla.org/en-US/firefox/addon/60 </li></ul><ul><li>Color contrast analyser http://juicystudio.com/services/luminositycontrastratio.php </li></ul><ul><li>Accessibility Lynx Viewer https://www.accessibility.nl/internet/tools/lynxviewer </li></ul><ul><li>W3C Validator http://validator.w3.org/ </li></ul><ul><li>Toegankelijke video http://www.toegankelijkevideo.nl/ </li></ul><ul><li>Vischeck http://www.vischeck.com </li></ul><ul><li>Webrichtlijnen Quickscan http://www.webrichtlijnen.nl/toetsen/ </li></ul><ul><li>Overheids Media Player http://www.minvws.nl/video/default.asp </li></ul><ul><li>Accessibility leesniveau https://www.accessibility.nl/internet/tools/leesniveau_tool </li></ul>
    40. 40. Vragen? <ul><li>Marijn Tijhuis </li></ul><ul><li>Mediamaal </li></ul><ul><li>[email_address] </li></ul><ul><li>030 275 95 75 </li></ul><ul><li>web mediamaal.nl </li></ul><ul><li>linkedin linkedin.com/in/marijntijhuis </li></ul><ul><li>twitter @marijntijhuis </li></ul>
    41. 42. ROI Webkwaliteit <ul><li>Meten is weten: wat weet je? </li></ul><ul><ul><li>Formulier invullen </li></ul></ul><ul><li>ROI van werken met Webrichtlijnen </li></ul><ul><ul><li>Verplichting voor sites van rijksoverheid </li></ul></ul><ul><ul><li>Toegankelijkheid verplicht voor tal van publieke en overheidssites </li></ul></ul><ul><ul><li>Wat zijn kosten en baten van implementatie? </li></ul></ul><ul><ul><ul><li>MinEZ-Project 2010-2011 </li></ul></ul></ul><ul><ul><ul><li>Eind maart: startbijeenkomsten met bedrijven en bouwers </li></ul></ul></ul>
    42. 43. Webrichtlijnen <ul><li>125 (!) stuks, waarvan 65 WCAG 1.0 </li></ul><ul><li>Technisch georienteerd (achterkant van de website) </li></ul><ul><li>Soms zeer gedetailleerd </li></ul><ul><ul><ul><li>Gebruik het dfn ( definition) element voor het aangeven van termen elders gedefineerd in een definitielijst. </li></ul></ul></ul><ul><li>Soms zeer globaal </li></ul><ul><ul><ul><li>Gebruik taal die de bezoeker begrijpt: beperk het gebruik van jargon, moeilijke termen en afkortingen </li></ul></ul></ul>
    43. 44. Wat is het rendement van Webrichtlijnen? <ul><li>Volgens 12 bedrijven en organisaties: </li></ul><ul><li>(naast beoogde effecten) </li></ul><ul><li>Fungeert als kwaliteitstandaard </li></ul><ul><ul><li>Minder intern overleg, sneller besluit, lagere kosten </li></ul></ul><ul><li>Vergroot vindbaarheid zoekmachines </li></ul><ul><li>Vergroot bruikbaarheid mobiele telefoon </li></ul><ul><li>Reduceert ‘bandbreedte’ dataverkeer </li></ul><ul><li>Vergroot onderlinge uitwisselbaarheid </li></ul><ul><li>Vorm van Maatschappelijk Verantwoord Ondernemen </li></ul>
    44. 45. Wat is het rendement van Webrichtlijnen? <ul><li>Negatief: </li></ul><ul><li>Richtlijnen voor statische pagina’s </li></ul><ul><li>Enkele richtlijnen kosten onevenredig veel moeite/geld </li></ul><ul><li>‘ Retrofitting’ is duur </li></ul><ul><li>Geringe winst aan usability </li></ul><ul><li>Richtlijnen worden gepresenteerd als toets (alle 125 goed) </li></ul><ul><li>Keurmerk/bewijs ontbreekt </li></ul>
    45. 46. Uitnodiging <ul><li>Aan het werk met toegankelijkheid of Webrichtlijnen? </li></ul><ul><li>Neem deel aan ons onderzoek: </li></ul><ul><li>3 business cases (met ondersteuning) </li></ul><ul><li>50 bedrijven/organisaties via monitor </li></ul><ul><li>150 bedrijven/organisaties vullen enquetes in </li></ul><ul><li>t.m.vandergeest (at) utwente.nl </li></ul>
    46. 47. Van harte uitgenodigd IPCC 2010 Communication in a Self-Service Society Enschede, 7 - 9 juli 2010 ewh.ieee.org/soc/pcs

    ×