Week 3
6 t/m 10 januari
Last updated
Was this helpful?
6 t/m 10 januari
Last updated
Was this helpful?
Op 6 januari kwamen wij weer bijeen. We gingen nogmaals langs de feedback van de afgelopen keer. Na het bespreken begonnen wij met het maken van schetsen.
Verdergaand op deze schetsen werd het groter uitgetekend.
Aan de hand van het nieuwe idee hebben we een korte presentatie in elkaar gezet.
In de tussentijd is Lennart aan de slag gegaan met de data omzetten naar code. Zie hieronder een aantal screenshots die hij met ons deelden tijdens dit proces.
Op 7 januari gingen wij weer richting hilversum om de opdrachtgever een update te geven over waar in het proces wij nu zijn. Op het idee wat we nu pitchen kregen wij natuurlijk ook weer feedback.
Ga het testen met echte data om te kijken of het er ook echt zo uit gaat zien.
Elk klikbaar ding moet eigenlijk 40x40 pixels zijn
Hoe gaat de gebruiker de hele visualisatie zien in een keer? Horizontaal of werken met viewports?
Filter optie moet duidelijker naar voren komen in hoe het wordt vormgegeven.
We gaan de data opschonen. Daarna gaan we een eerste prototype maken om te kijken of het gaat werken zoals we het nu in ons hoofd hebben. Na het uitproberen van de functionaliteit gaan we ons verder focussen op de vormgeving voor de presentatie op vrijdag.
In deze fase zijn we het idee al technisch aan het opzetten. Zie hieronder screenshots van hoe de eerste versie van de website er uit ziet.
Voor het verder uitwerken was het ook nodig om de uitgelichte bedrijven te bepalen. We zijn door alle artikelen en uitzendingen van pointer gegaan en in een document genoteerd welke bedrijven daar in voor komen.
Anahid [1 artikel]
Naborgh [2 artikelen en 1 uitzending]
Altenastaete [2 artikelen en 1 uitzending]
De kroon [1 artikel]
Aventura [1 artikel]
Labyrint [1 uitzending]
De volgende stap is om ook beter te gaan kijken naar de vormgeving. Jesse en Eva hebben hier de grootste verantwoordelijkheid voor. Tijdens de meetup voor de presentatie op vrijdag 10 januari verdelen we een aantal taken.
Jesse gaat zich focussen op het filtermenu bovenin
Eva maakt gifjes voor de uitgelichte bedrijven en kijkt hoe de procenten winst mooier/beter kunnen worden weergegeven.
De onderstaande screenshot kunnen als een soort inspiratie voor de vormgeving van onze datavisualisatie.
Filtermenu als uitklapmenu zoals ze het hebben op dit voorbeeld (aan de rechterkant) dit werkt ook goed voor mobile.
In het filtermenu checkboxes in plaats van radiobuttons zodat je meerdere soorten zorg kan aanvinken (de "alles" knop is dan overbodig)
Aan de linkerkant de procenten als een soort scrollbar voor de procenten. Indelen per 10 procent niet duidelijk. Het lijkt net alsof het dan een soort groep is die bij elkaar hoort en allemaal 10% zijn.
Een heel overzicht toevoegen, zodat je ziet waar je bent in het geheel
Informatieblokjes die je krijgt als je over de bolletjes heen hovert verder uitwerken, meer informatie of visueel ook toevoegen. Dan maak je klikken overbodig.
De gifjes automatisch afspelen, alleen met hoveren is niet echt mobile first
Focussen op de vormgeving!
Misschien onderaan delen via facebook
Wat we nu aan het begin hebben als introductietekstje als een pop up. Dan is de startknop als het ware het wegklikken van de pop up. De zoekbalk werd sowieso al verwijderd.
De bolletjes mogen kleiner (misschien met procenten zodat het meer responsive is)
De feedback ging deze week veel gedetailleerder in op wat we op dit moment hebben. Aankomende week zullen we aan de slag gaan met elk van deze punten,
