ARTIKELEN

Wij delen graag onze kennis en inzichten
Business Case

UX-design visuele voortgang leerlingen

De Bolster heeft ons gevraagd om een nieuwe versie van Compas.io te ontwerpen en ontwikkelen. De Bolster is een school voor jongeren met een speciale onderwijs- en begeleidingsvraag. Een school waar leerlingen hun kwaliteiten en talenten leren gebruiken, maar ook hun grenzen te herkennen en erkennen.


De uitdaging

Met Compas.io kunnen docenten, aan de hand van toets scores, de voortgang van leerlingen in kaart brengen. Het idee is om de scores doormiddel van vier categorieën (Willen, Zijn, Kunnen, Weten) visueel te vertalen naar een wieldiagram. Het doel van Compas.io is om samen met de leerling op een duidelijke en visuele manier de voortgang te kunnen bespreken. Het Compas laat zien waar de leerling op dat moment staat en toont de mogelijkheden tot groei en verbetering (het toekomstperspectief).  


Onze Aanpak

We zijn begonnen door samen met de Bolster kritisch te kijken naar de indeling van de ‘oude’ Compas applicatie en de nieuwe inzichten en wensen te formuleren. Op basis hiervan hebben wij interactie ontwerpen gemaakt en vervolgens de complete User Interface ontworpen. Voor de ontwikkeling van de applicatie hebben we met ons team volgens de SCRUM-methodiek gewerkt, zodat we op basis van de gewenste functionaliteiten snel naar een eerste online versie toe konden werken.

  

BC_Compasio


Het Resultaat

Op dit moment staat versie 1.0 online. We zijn druk bezig om de applicatie constant door te ontwikkelen en te optimaliseren op basis van nieuwe wensen, inzichten en gebruikersdata. De grootste uitdaging binnen het project was het omzetten van de ingevoerde data naar een visuele vertaling in een wieldiagram. Hiervoor hebben we gebruik gemaakt van D3.js, dit JavaScript framework is gemaakt voor datavisualisatie.



Versie 2.0

In September 2016 hebben we een nieuwe versie van Compas.io gelanceerd. Voor de nieuwe versie hebben we de applicatie opnieuw gebouwd in een ander framework (Meteor.js). Dit maakt het mogelijk om meer functionaliteiten 'in browser' te laten gebeuren, hierdoor is de applicatie sneller geworden in het gebruik. We hebben de visualisatie opnieuw gebouwd in D3.js en hebben de diagram interactief gemaakt. Nu kunnen gebruikers direct in de diagram de score aangeven. Verder is de interface verder geoptimaliseerd.


BC_Compas-io-2-0

Ontdek hoe Daily Creations jouw bedrijf kan helpen met User Experience Design!

Lees ook

Assessment Week Grafisch Lyceum Utrecht

Assessment Week Grafisch Lyceum Utrecht

Daily Creations 23-02-2017 in Business Case
Webdesign Veldhuis & Kemper

Webdesign Veldhuis & Kemper

Daily Creations 15-09-2016 in Business Case