Van oude glorie naar hedendaagse gids
Wie naar de website van de Vlaamse Milieumaatschappij surft, is niet meteen onder de indruk. Een wat verouderde look, versnipperde informatie, Excel-grafieken en goed verstopte data: de webstek schreeuwt om een stevige make-over. Omdat ze bij de VMM verder wilden gaan dan een uiterlijke ingreep en op zoek waren naar een fundamentele nieuwe aanpak, kwamen ze bij ons aankloppen. En wij deden natuurlijk met veel goesting open. Want een product opbouwen vanuit de behoefte en noden van de eindgebruiker, dat moet je ons niet leren. En dus besloten we samen met de klant te evolueren naar een service brand, een merk dat ten dienste staat van de burger. Alleen: hoe maak je van een verouderde data-gedreven website een relevante gids die niet alleen toegankelijk is voor de burger, maar hem ook een helpende hand aanreikt?
Wat deden we?
- UX en webdesign
Onze aanpak: de dubbele diamant van service design
Wel, dat doe je door te vertrekken van service design. Maar de burger centraal zetten en rekening houden met alle noden, mogelijkheden én problemen die daarbij komen kijken, is geen walk in the park. Bij Bridgeneers doen we dat dan ook volgens de regels van de kunst. Enter: the Double Diamond, een methodiek die probleemoplossend denken stimuleert en complexe vraagstukken op een doordachte en efficiënte manier helpt oplossen. Wij loodsten de VMM door de 4 cruciale fasen van deze aanpak.
Discover
Context is alles. Daarom is het zo belangrijk om alle informatie en variabelen te verzamelen die mogelijk zijn. En dat doen we met zoveel mogelijk perspectieven aan tafel, van de doorsnee gebruiker zelf tot echte kenner van het VMM-aanbod. In dit geval gingen we rond de tafel zitten voor twee workshops. Via ‘empathy mapping’ creëerden we eerst ‘user personas’ o.b.v. gebruikersonderzoek: Wie zijn de verschillende types bezoekers? Wat verwachten zij, welke noden hebben ze en welke functionaliteiten zijn belangrijk? Daarna gingen we aan de slag met ‘content mapping’: het in kaart brengen en clusteren van contentsilo’s zodat we een globale schets konden
maken van de informatiearchitectuur/sitemap en high-level schetsen van paginatypes. Resultaat: de scope voor de nieuwe website en daarmee het framework voor de volgende fase.
Define
Tijd om de blauwdruk van de website vorm te geven op basis van onze informatieronde in fase 1. Dat doen we met een high-level structuur en een uitgewerkte sitemap. Daarnaast definiëren we de UX principes die we willen hanteren en schetsen we de belangrijkste pagina’s en klikpaden. Ten slotte werken we in deze fase ook een datastrategie uit. Die bestaat uit een MACRO-niveau (data over thema’s en projecten heen), een MESO-niveau (data per thema en project) en MICRO-niveau(in depth-data die de andere niveaus voeden). Deze fase is vooral een kwestie van strategische keuzes maken en de krijtlijnen bepalen van hoe de oplossing eruit moet zien.
Design
Die strategische keuzes vertalen we dan door naar concrete pagina’s a.d.h.v. wireframes. Zo werkten we de website en de verschillende pagina’s in detail uit, kreeg de inhoud een plaats en werden alle functionaliteiten concreet. Via een eerste gebruikerstest o.b.v. een prototype verzamelden we vervolgens relevante feedback die we meteen toepasten op de wireframes. Die wireframes vertaalden we op hun beurt dan weer door naar webdesign. Dat deden we helemaal volgens de brand guidelines: we passen kleurgebruik, typografie, animaties en datavisualisatie coherent toe op alle pagina’s. En nadat we de feedback van een tweede gebruikerstest toepasten, viel het webdesign in zijn definitieve plooi.
Deliver
De effectieve ontwikkeling van de website viel buiten de scope van onze opdracht, maar we stelden een duidelijke briefing op voor de ontwikkelaar. Daarin zat een uitgebreide functionele beschrijving a.d.h.v. de gevalideerde webdesigns, met een gedetailleerde beschrijving van de werking en de verschillende delen van de website. De betaversie van de vernieuwde website is momenteel in volle ontwikkeling. Zodra die klaar is plannen we een derde gebruikerstest waar we samen met eindgebruikers de website volledig zullen doortesten en alle puntjes op de ’i’ zetten. Want we blijven steeds nauw betrokken bij de volledige ontwikkeling. Zo kunnen we de kwaliteit van het door ons opgeleverde concept, de webdesigns en de beoogde werking blijven bewaken.
Het resultaat: een gebruiksvriendelijk platform
Via onze geijkte methodiek hebben we, in co-creatie met VMM en effectieve eindgebruikers, de verouderde en versnipperde website die niet voldeed aan de huidige web- standaarden, omgevormd tot een helder en gebruiksvriendelijk platform. Die voldoet nu niet alleen aan alle normen qua design en toegankelijkheid (WCAG-normen), je vindt er nu ook een behapbare, heldere en logische datastructuur die leesbaar is en waar iedereen relevante informatie op maat kan vinden.
