Bingel

Acht op de tien Vlaamse basisscholen gebruiken het digitaal leerplatform Bingel. Leerkrachten en leerlingen vallen massaal voor het gebruiksgemak. "Het spelelement stimuleert de kinderen om nog meer oefeningen te maken."

Mijn rol

VAN IN is de grootste educatieve uitgever in België en maakt deel uit van Sanoma Learning. Een pionier op het vlak van adaptief leren en het inzetten van technologie om leerkrachten en leerlingen te ondersteunen.

In 2011 lanceerde VAN IN het digitaal leerplatform Bingel . Het platform was bedoeld om een betere leer- en onderwijservaring te bieden. O.a. door online oefeningen, digitale boeken, spelletjes, etc. voor leerlingen en digitale borden, lesvoorbereidingen, planning en studentenzorg voor leerkrachten. Na enkele succesvolle jaren bereikte het platform echter zijn limieten.

BiB-BoX - Leuk lezen op AVI-niveau.
Een eigen digitale boekenkast voor elk kind

Toen mijn opdracht voor Diddit was afgerond, werd ik geïntroduceerd in het Bingel team. De klantenbevraging was net afgerond en mijn eerste taak was het herwerken van de leraren module op basis van de verzamelde informatie.

Een van de grotere obstakels was het gedateerde design. Voor vele leerkrachten voelde Bingel aan als een vrijblijvende website en niet als de tool (app) dat hen ondersteunt in hun dagdagelijkse werking.

De belangrijkste problemen die ik probeerde op te lossen, waren onder meer:

  • Leerkrachten moet zoveel mogelijk het gevoel krijgen dat zij te maken hebben met een app, in plaats van een website.
  • Het gebrek aan duidelijkheid aanpakken over waar je bent en waar je heen wil. Oriëntatie bewaken binnen de diepe structuren van bepaalde secties, waarvoor meerdere klikken nodig zijn om ergens te komen.
  • Focus en eenvoud bieden aan schermen die teveel proberen te doen.
De user interface van Bingel: van website naar web app.
Van website naar web app.

Bingel Design

Naarmate het platform groeide, nam ook de uitdaging (en complexiteit) toe om nieuwe functionaliteiten te introduceren en deze op een consistente manier te integreren met de bestaande. In dit opzicht deelden ze dezelfde design uitdagingen als vele andere platform bouwers, namelijk hoe een consistente klantervaring aanbieden.

Om de efficiëntie te maximaliseren, hebben we gekozen voor een modulaire design aanpak, waarbij we voor herbruikbare componenten zijn gegaan die voor alle segmenten binnen het platform zouden dienen.

Het nieuwe design van de leraren module in Bingel.
Het nieuwe design van de leraren module.

Bingel (Web) Performance

Binnen Bingel werden enkele scripts frequent losgelaten om layoutmatige fouten te corrigeren op het scherm. Maar deze scripts bleken meer schade te berokkenen dan eerst gedacht. Naast memory leaks op iPad merkte ik ook hoge render- en scripting tijden op. Na dieper onderzoek en enkele slimme adaptaties kon ik aanzienlijke vooruitgang boeken.

  • Door aanpassingen aan HTML en CSS zagen we 5X snellere rendertijden.
  • De scripting tijd was bijna gehalveerd omdat er veel minder geherpositioneerd (reflows) moest worden.
  • En het "painten" zelf was met 48% gereduceerd.

Afbeeldingen

In Bingel wordt er massaal gebruik gemaakt van afbeeldingen. Deze afbeeldingen moeten zo licht mogelijk gemaakt worden, zonder té veel in te boeten op kwaliteit.

Het zijn echter de redacteuren die deze afbeeldingen opladen in het platform en juist daarom heb ik geopteerd in het gebruik van image management in de cloud via een content delivery network (CDN).

Bingel - Lichtstraal oefening.

Een CDN doet méér dan enkel het aanbieden van afbeeldingen. We kunnen heel wat taken overlaten aan een CDN. Denk maar aan schalen, uitsnijden, comprimeren, … Maar een CDN kan ook bepalen of .webp afbeeldingen door de browser worden ondersteund.

Bingel - CDN resultaten.
Verbluffende resultaten

Door de implementatie van een CDN wonnen we niet alleen bandbreedte (kleinere bestandsgrootte), maar onze laadtijden waren ook veel beter. In bovenstaande grafiek merken we zelfs compressies op van 98% en laadtijden konden we laten zakken van o.a. 772ms naar 18ms!

Bingel Analytics

In Vlaanderen blijft de groei zich doorzetten. Onze belangrijkste digitale doelstelling was om Bingel onmisbaar te maken voor lesgeven en leren in het basisonderwijs. De aanzienlijke groei van het aantal leraren dat taken toewijst en feedback geeft aan leerlingen, geeft ons het vertrouwen om van Bingel hét leerplatform voor het basisonderwijs te maken.

Cijfers om van te duizelen

Bingel België, Finland en Zweden tijdens schooljaar 2016 - 2017:

Unieke gebruikers | Bingel België, Finland en Zweden tijdens schooljaar 2016 - 2017 Bingel oefeningen | Bingel België, Finland en Zweden tijdens schooljaar 2016 - 2017 Bingel taken | Bingel België, Finland en Zweden tijdens schooljaar 2016 - 2017

Anno 2020, Bingel wordt ondertussen gebruikt door scholen in heel Europa, waaronder België, Nederland, Finland, Zweden en Polen. Alleen al in Vlaanderen is de kaap van 1 miljard Bingel oefeningen overschreden en worden er meer dan 500 000 oefeningen per dag gemaakt.

Persberichten

Benieuwd naar meer? Laten we kennismaken.

Bedankt voor jouw bezoek!