Home
In week 1 zijn de projectgroepen gevormd en hebben we de eerste briefing gekregen van opdrachtgever Cyd Stumpel. Tijdens dit gesprek is de context van de Visdeurbel uitgelegd: een interactieve ervaring rondom de Weerdsluis in Utrecht, waarbij bezoekers vissen kunnen spotten en de sluis kunnen helpen bedienen.
Daarnaast is besproken welke data beschikbaar is via Umami-analytics, zoals:
- bezoekerslocaties
- browser- en OS-data
- tijdstippen van activiteit
- vismeldingen en uploads
Ook zijn technische randvoorwaarden besproken, waaronder de bestaande WordPress/PHP-omgeving, JSON-export van data en aandacht voor toegankelijkheid en WCAG-richtlijnen.
De eerste week stond grotendeels in het teken van verkennen, schetsen en experimenteren.
Er zijn verschillende concepten onderzocht voor het visualiseren van de data, waaronder:
- interactieve wereldkaart
- tijdlijnvisualisaties
- aquarium- en visconcepten
- dashboards
- radar- en ringvisualisaties
- interactieve viskaarten en detailpagina’s
Tijdens het ontwerpproces lag de focus op:
- variatie in schetsen en iteraties
- aansluiting op de huisstijl van de Visdeurbel
- toegankelijkheid
- visuele duidelijkheid
- interactie en engagement
Feedback vanuit coaches en opdrachtgever benadrukte het belang van:
- meer iteraties laten zien
- duidelijke context in visualisaties
- sterke mobiele layouts
- consistente styling via een gezamenlijke style guide
Er is gewerkt aan meerdere interactieve prototypes met D3.js en Canvas API, waaronder:
- een interactieve 3D-wereldbol met bezoekersdata
- een ringkalender op basis van uur- en dagdata
- radar- en netwerkvisualisaties
- een interactieve tijdlijn van visactiviteit
- bubble- en pack-diagrammen
Belangrijke technieken:
- D3.js
- SVG-animaties
- TopoJSON
- Canvas rendering
- async data loading (
fetch) - IntersectionObserver
- responsive layouts
De eventdata zijn verwerkt van CSV/JSONL naar compacte JSON-bestanden voor gebruik in de prototypes. Daarbij is gewerkt aan:
- aggregatie van eventdata
- filtering per periode (week/maand)
- visualisatie van activiteitspieken
- koppelingen tussen visdata en bezoekersdata
Naast datavisualisatie is ook gekeken naar interactieve onderdelen voor gebruikersbetrokkenheid.
Er is een concept ontwikkeld waarbij:
- gebruikers op vissen kunnen klikken
- een detailpagina met visinformatie opent
- vissen aangekleed kunnen worden met verzamelbare items
Het doel hiervan is om de website speelser te maken en de retention van bezoekers te verhogen.
Uit de eerste feedbacksessies kwamen een aantal belangrijke inzichten naar voren:
- houd visualisaties begrijpelijk en geef voldoende context
- niet alle beschikbare data is relevant voor eindgebruikers
- grote verschillen in datasets vragen om betere schaalverdelingen
- mobiele bruikbaarheid moet vroeg meegenomen worden
- toegankelijkheid moet structureel onderdeel zijn van het ontwerp
- meer itereren en experimenteren levert sterkere concepten op
Daarnaast is besproken dat het project waarschijnlijk volgens een agile/scrum-aanpak verder ontwikkeld wordt, zodat concepten tussentijds aangepast kunnen worden op basis van feedback.
Voor week 2 ligt de focus op:
- kiezen van een definitieve richting
- opzetten van een gezamenlijke style guide
- bepalen van de technische stack/frameworks
- verder uitwerken van prototypes
- voorbereiden van de eerste presentatie voor Studio Moan
- verbeteren van responsiveness en toegankelijkheid