Een nieuwe en mobiele website voor Mol
19 september, Mechelen
Startpunt
• Verouderde gemeentelijke website (sinds 2002)
• Stelselmatig aangepast en aangevuld met nieuwe functionaliteiten
• Menustructuur gedegradeerd tot onontwarbaar spinnenweb
• Visies op gebruiksvriendelijkheid veranderen
Oude website
Oogpunt organisatie
• ‘Alles is even belangrijk’
• Diensten (en zelfs sectoren) willen aanwezig zijn in de vorm die zij
kennen (organisatiestructuur)
• Interne blik en focus overheersen
Oogpunt bezoeker
• Focus op toptaken: waarvoor komt bezoeker?
• Waar vind ik de informatie voor mijn concrete vraag?
• Waar vind ik de formulieren voor mijn concrete aanvraag?
• Bij wie kan ik terecht voor meer informatie?
Bezoeker versus organisatie
• Resolute keuze voor de bezoeker
• Interne organisatiestructuur volledig loslaten
• Gemeente en OCMW integreren (overlappende dienstverlening)
• Verwachtingen bezoeker vormen
uitgangspunt nieuwe menustructuur en informatiearchitectuur
Bezoeker versus organisatie
Hoe komen we dit te
weten?
Google Analytics
• Interessant, maar…
• Geeft informatie over wat mensen doen op de website, niet wat ze
wilden doen.
• Bezoekers lopen verloren, klikken
‘verkeerd’ door verwarring,…
Gebruikersonderzoek
• Géén lange vragenlijst tijdens het bezoek
– Te lang: wordt niet ingevuld
– Vragenlijst ‘bezoedeld’ door bezoek
• Wél twee eenvoudige vragen vóór
bezoek (eerste secondes op pagina)
i.s.m. AG Consult
Gebruikersonderzoek
• Twee vragen
– Wat kom je vandaag doen op deze website? Wees zo specifiek mogelijk.
– Je bezoekt deze website als?
• Inwoner
• Toerist
• Werknemer
• Andere
Gebruikersonderzoek
• Open vraag
– Antwoord in eigen woorden
– Extra inzicht in hoe bezoekers denken én hun taalgebruik
Gebruikersonderzoek
• Representativiteit
– 500 antwoorden
– Automatisch verwerken: cloud tag – Manueel verwerken: antwoorden
interpreteren en clusteren
Resultaten
gebruikersonderzoek
Inwoner Kijken voor foto's van SWAP- en grabbelpas
Inwoner Nieuws lezen
Inwoner Openingsuren containerpark opzoeken
Inwoner Wekelijkse nieuwsbrief met activiteiten Mol lezen.
Inwoner uitleenobjecten van de bib controleren
Inwoner openingsuren van de graveerdienst (Ezaart) opzoeken
Inwoner ik zoek het telefoonnummer van de school van mijn dochter op.
Inwoner
filmprogramma 't Getouw van dit najaar zoeken (ps zoek er al enige tijd naar!)
Inwoner zoeken naar info voor een vernieuwing van mijn paspoort
Inwoner mijn zoon inschrijven op zwemles
Inwoner adresgegevens en telefoonnummer muziekschool zoeken
Inwoner openingsuren diensten opzoeken
Inwoner Informatie over de bibliotheek
Inwoner Openingsuren van de dienst bevolking
Resultaten
gebruikersonderzoek
• Toppers
– Openingsuren bibliotheek – Catalogus bibliotheek
– Openingsuren zwembad
– Openingsuren containerparken – Openingsuren bevolkingsdienst
– Nieuws (cfr. wekelijkse nieuwsbrieven) – Activiteiten (cfr. ‘Wat is er te doen?’) – Foto’s gemeentescholen
Resultaten
gebruikersonderzoek
• Weinig gezocht
– Specifiek productinformatie – Bestuurlijke informatie
– Algemene informatie over Mol
Opmaak wireframes
• Conclusies gebruikersonderzoek richtinggevend voor opmaak
wireframes
– Schematische voorstelling van de belangrijkste pagina’s
– Basis door AG Consult
– Verder uitgewerkt en verfijnd
– Voor elk type pagina zelf opgemaakt
Opmaak wireframes
Basisprincipes
• Alle informatie, maar gebruikersgericht
– Belangrijkste linksbovenaan:
contactgegevens & openingsuren – Linkerkolom: ‘Populair’
– Centraal: nieuws & activiteiten – Mediabalk onderaan
– Bovenaan: thematische structuur
Thematische structuur
• Theoretische denkoefening: risico’s op ‘organisatiedenken’
• Daarom: uitgetest via ‘card sorting methode’
Thematische structuur
• Mensen persoonlijk aangesproken
• Onder welke categorie zou je deze dienstverlening/taak zoeken?
• Verschillende veranderingen:
‘Verkeer & parkeren’, ‘Bestuur &
beleid’
Vaststellingen
• Nooit 100%
• Inwoners denken niet volgens je organisatiestructuur
• Menulabels moeten helder en eenduidig zijn (cfr. Leven)
Vaststellingen
• Ze werken ook met ‘uitsluiting’
– Niet te veel items (maximum 7)
– Meest ‘vage item’ vangt de onduidelijke antwoorden op
• Cfr. Probleem ‘Onze gemeente’: “Ah ja,
een parkeerkaart moet ik toch aanvragen bij onze gemeente?’
Productpagina’s
http://www.gemeentemol.be/product/78/elektronische-identiteitskaart-eid
• Volledige A-Z per thema, wel
populairste producten prominent op verschillende niveaus
– Homepagina – Fly-out
– Per themapagina
Productpagina’s
• Véél geschrapt (in vergelijking met oude website)
– 90% van de bezoekers komt voor 10%
van je pagina’s.
• Vast en bezoekersgericht productsjabloon
Productpagina’s
• Geen blabla, maar meteen to the point
• Verrijken met extra informatie
(reglementen, online aanvragen, externe links,…)
Productpagina’s
• Contactgegevens & openingsuren geïntegreerd
• Productsjablonen vooraf uitgewerkt, zodat deze klaar lagen
Module openingsuren
• Vaststelling: zéér belangrijk
• Maar: probleem van sluitingsdagen en afwijkingen in vast rooster
• Daarom: nieuwe functionaliteit laten ontwikkelen
http://www.gemeentemol.be/openingsuren-bibliotheek
Integratie gemeente &
OCMW
• OCMW eigen ‘homepagina’ (OCMW Mol populair in Google)
http://www.gemeentemol.be/ocmw of www.ocmwmol.be
• Wel integratie van de dienstverleningen gemeente en OCMW
Voorbeeld: http://www.gemeentemol.be/senioren
• Taakverdeling voor externen niet duidelijk, dus integreren
Multimedia
• Verwerkt via de ‘multimediabalk’
• Fotoalbums & filmpjes
• Komt terug op elk gewenst thema
www.gemeentemol.be
Integratie sociale media
• Alle share-opties voor producten, activiteiten, nieuwsberichten
• Vrij reageren op activiteiten en nieuwsberichten via forumtool Facebook
• Filmpjes via YouTube
Nieuwsberichten
• Opvallend: toch belangrijk gevonden door bezoekers (<-> bij bedrijven:
niemand komt voor je nieuws)
– Belang van frequente nieuwsbrieven
• Nieuwsbericht:
http://www.gemeentemol.be/nieuwsdetail/1092/borgerhou tsendijk-tijdig-open-voor-start-van-het-nieuwe-schooljaar
Activiteiten
• ‘Wat is er te doen?’
• Activiteitenkalender: eenvoudige filtermogelijkheden
• Activiteitendetail:
http://www.gemeentemol.be/activiteitendetail/2137/lichtst oet-ginderbuiten
Hoe mobiel?
• Hoofdsite: gebruiksvriendelijk voor tablet
• Voor smartphones: mobiele site als keuzeoptie (automatische detectie
schermbreedte)
Mobiele site?
• Nog meer durven schrappen
De cijfers?
De cijfers mobiel?
Gebruik ‘gewone’site
Gebruik mobiel
Populairste pagina’s
‘gewone’ site
Populairste pagina’s
Nog vragen?
Alvast bedankt voor de aandacht!
Hopelijk was het een beetje interessant!