DRK: Neem een gebruiker bij de hand

476 views

Published on

Gebruiksvriendelijkheid is niet enkel een zaak van verstaanbare teksten. In de gemeentelijke website werd elk aspect onder de loupe genomen: boomstructuur, navigatie, schikking. Door het werken met contextuele informatie wordt een gebruiker bij de hand genomen. Een toekomstblik leert hoe de huidige websites alle technologie in huis hebben om nog meer doelgroepgerichte informatie aan te bieden.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

DRK: Neem een gebruiker bij de hand

  1. 2. Neem een gebruiker bij de hand Chris Vanhuyse, Informatieambtenaar Stad Harelbeke Bart Noels, projectmedewerker Intercommunale Leiedal
  2. 3. Gebruiker?
  3. 4. Doelgroep websites <ul><li>Burgers die wonen of actief zijn in een gemeente en de regio </li></ul><ul><li>> </li></ul><ul><li>ruimer dan “gebruikers gemeentediensten” </li></ul>
  4. 6. Doelgroep > doelgroepen <ul><li>Politici, ambtenaren,… </li></ul><ul><li>Gebruikers gemeentediensten </li></ul><ul><li>Toeristen </li></ul><ul><li>Jongeren, ondernemers, sportievelingen, erfgoedkenners,… </li></ul>
  5. 7. Algemeen concept <ul><li>Doelgroep: breed publiek, niet alleen inwoners (vb. pendelaars , bedrijven, toeristen,…) </li></ul><ul><li>Gebruikersgerichte interface: </li></ul><ul><ul><li>navigatie </li></ul></ul><ul><ul><li>functionaliteit </li></ul></ul><ul><ul><li>inhoudelijk </li></ul></ul><ul><li>Look & feel: zakelijk, betrouwbaar maar niet saai </li></ul>
  6. 9. Inhoudstypes: soorten inhoud <ul><li>“ Gewone” inhoud: pagina’s opgehangen in thematische boomstructuur </li></ul><ul><li>Inhoud die kan “ingeplugd” worden, bijv.: </li></ul><ul><ul><li>adres </li></ul></ul><ul><ul><li>evenement </li></ul></ul><ul><ul><li>nieuwsbericht </li></ul></ul><ul><ul><li>producten </li></ul></ul><ul><ul><li>… Deze is ook bereikbaar via overzichtspagina’s </li></ul></ul>
  7. 10. structuur adressen producten events pagina Trefwoord Of manueel gelinkt pagina pagina pagina nieuws
  8. 11. Gebruiksvriendelijk en vindbaar: Gebruikersperspectief
  9. 12. Vinden van informatie: <ul><li>thematische navigatie </li></ul><ul><ul><li>horizontale balk </li></ul></ul><ul><ul><li>op homepagina: bovenaan “doormat” </li></ul></ul>
  10. 13. Boomstructuur <ul><li>Principes </li></ul><ul><ul><li>Identiek voor alle gemeenten (eerste en tweede niveau) </li></ul></ul><ul><ul><li>Thema gericht </li></ul></ul><ul><ul><li>Accenten horen niet thuis in een boomstructuur </li></ul></ul><ul><ul><ul><li>Vb. Zwembad, kinderopvang, … </li></ul></ul></ul><ul><ul><li>Boomstructuur is slechts 1 van de 3 manieren om informatie te ontsluiten </li></ul></ul>
  11. 14. Gebruiksvriendelijk en vindbaar: Boomstructuur x 12
  12. 15. Gebruiksvriendelijk en vindbaar: Boomstructuur
  13. 16. Gebruiksvriendelijk en vindbaar: Boomstructuur
  14. 17. Vinden van informatie: <ul><li>modulenavigatie </li></ul><ul><ul><li>elke pagina </li></ul></ul><ul><ul><li>leidt naar de hoofdpagina van dit soort informatie </li></ul></ul>
  15. 21. Vinden van informatie: <ul><li>plug-ins </li></ul>
  16. 22. structuur adressen producten events pagina Trefwoord Of manueel gelinkt pagina pagina pagina nieuws
  17. 23. Gebruiksvriendelijk en vindbaar: Contextuele informatie
  18. 24. Vinden van informatie <ul><li>Hot items: nieuws in de kijker </li></ul><ul><li>Links naar doelgroepen -overzicht </li></ul><ul><li>Contextueel vermelden van relevante informatie op een pagina (bijv. adres, evenementen,…) </li></ul><ul><li>“ Call to actions” = aanzetten om iets te doen (bijv. abonneren op nieuwsbrief) </li></ul>
  19. 25. Vinden van informatie: <ul><li>Zoekmotor </li></ul>
  20. 26. Gebruiksvriendelijk en vindbaar: Google zoekmotor
  21. 27. Vinden van informatie: <ul><li>Zoekmotoren: </li></ul><ul><ul><li>Correcte XHTML (= templates + inhoud!) </li></ul></ul><ul><ul><li>Geoptimaliseerde inhoud </li></ul></ul><ul><ul><li>Leesbare URL’s </li></ul></ul><ul><ul><li>… </li></ul></ul><ul><li>Andere: </li></ul><ul><ul><li>Hyperlinks van andere sites </li></ul></ul><ul><ul><li>Andere publicaties </li></ul></ul><ul><ul><li>… </li></ul></ul><ul><ul><li>Belang van korte en leesbare URLs… </li></ul></ul><ul><li>Externe bronnen </li></ul>
  22. 28. Gebruiksvriendelijk en vindbaar: Anysurfer
  23. 29. Gebruiksvriendelijk en vindbaar: Taalgebruik
  24. 30. Zeven basisprincipes teksten <ul><li>Segmentering </li></ul><ul><li>Relevantie </li></ul><ul><li>Labeling </li></ul><ul><li>Consistentie </li></ul><ul><li>Integreer tekst, afbeeldingen en hyperlinks </li></ul><ul><li>Toegankelijkheid </li></ul><ul><li>Hiërarchie van segmenten en labels </li></ul>
  25. 31. Het werk is niet af <ul><li>Alle bouwstenen zijn er: taxonomieën, producten, nieuws, adressen, pagina’s,… + een platform + CSS die afgestemd kan worden </li></ul><ul><li>Nu: </li></ul><ul><li>Doelgroepportalen </li></ul><ul><li>Verdere integratie informatie van politie, ocmw, gemeentebedrijven,… </li></ul><ul><li>Inhoudelijke coherentie en verbetering binnen sectoren via regionaal overleg (bv jeugd, burgerzaken, vrije tijd,…) </li></ul>

×