Verbeterde gebruikerservaring voor bestuurders van elektrische voertuigen door een nieuwe benadering van API-beheer

Zapmap

Zap-Map_hero illustration_large
Overzicht

API's effectiever beheren om de gebruikerservaring te verbeteren

AND Digital werkte samen met Zapmap om app-gebruikers een betere, naadloze ervaring te bieden door hun laadsnelheid met 400% te verlagen. Dit deden ze door gebruik te maken van bounding boxes die een nauwkeurigere logica gebruikten om hun API-calls te ondersteunen.

Zap-Map_hero illustration-05
de klant

Over Zapmap

Zapmap is de grootste app en hét digitale platform in het Verenigd Koninkrijk voor bestuurders van elektrische voertuigen. Ze kunnen hiermee zoeken naar beschikbare oplaadpunten, langere elektrische ritten plannen, betalen voor het opladen en updates delen met andere EV-rijders.

Met bijna 10 jaar ervaring in de EV-sector, dekt de database van Zapmap ongeveer 95% van alle openbaar beschikbare oplaadpunten in het Verenigd Koninkrijk. In tegenstelling tot hun concurrenten zijn ze niet gebonden aan overeenkomsten met derden. Dit betekent dat Zapmap-klanten altijd de beste oplaadoptie voor hun voertuig en reis kunnen vinden, ongeacht de aanbieder.

Zapmap is een maatschappelijk gedreven bedrijf en heeft als missie om de overstap naar elektrische voertuigen te versnellen en te helpen bij het streven naar koolstofvrije mobiliteit.

Zap-Map_hero illustration-06-4
de vraag

Het creëren van een schaalbare oplossing voor internationale uitbreiding

In de bestaande API-implementatie van Zapmap kregen gebruikers gelijktijdig honderden Points of Interest te zien. Dit leidde tot een bijzonder onoverzichtelijke kaart en een verwarrende en frustrerende ervaring, vooral als ze alleen maar een oplaadpunt in de buurt probeerden te vinden of hun reis probeerden te plannen. Dit kwam doordat Zapmap een regiogebonden API gebruikte voor het hele Verenigd Koninkrijk, waardoor alle data van het Verenigd Koninkrijk tegelijkertijd werden geladen.

Met internationale uitbreiding in het verschiet zag Zapmap in dat dit niet alleen problematisch was voor huidige gebruikers, maar ook voor nieuwe markten. Daarom benaderden ze AND Digital voor de ontwikkeling en implementatie van een nieuw bounding box prototype dat schaalbaar was en prioriteit zou geven aan verschillende data om betere gebruikerservaringen te creëren. Waar hun gebruikers zich ook bevonden of naartoe reisden.

Voordat ze het prototype konden leveren, werkte AND samen met Zapmap aan de eerste analyses en experimenten. Zo konden we uiteindelijk een aantal aanbevelingen doen voor het schalen en ontwikkelen van de oplossing die verder gingen dan de oorspronkelijke opdracht.

Zap-Map_hero illustration-07
de uitdaging

Snelheid was essentieel

Vanwege de op handen zijnde internationale uitrol en een aantal lopende projecten in de backlog van Zapmap, was een snelle levering belangrijk. Het proces begon met een twee weken durende technische Discovery, waarbij zowel de experts van AND als het team van Zapmap betrokken waren. We voerden verschillende workshops uit binnen korte tijd:

  • De Zapmap API analyseren om aanbevelingen te doen voor verdere optimalisatie recommendations.
  • Prototype Android- en iOS-apps bouwen die de nieuwe API's van Zapmap voor het laden van points of interest (POI's) op een kaart integreerden.
  • Verkennen van variabele laadstrategieën, in-app caching en nieuwe API-parameters zodat aan de doelstelling om data efficiënter te laden voldaan kon worden door het aantal POI's te beperken.

Zapmap koos AND Digital voor dit project vanwege onze diepgaande en brede expertise in het snel ontwikkelen en leveren van innovatieve mobiele apps, en voor ons uitgebreide werk voor andere klanten in de elektrische voertuigen (EV) industrie. Daarnaast pasten de culturen van beide bedrijven zo goed bij elkaar, dat de integratie van de teams bijzonder soepel en efficiënt verliep.

Zap-Map_hero illustration-08-1

“Vanaf onze eerste scoping meeting wist AND het project binnen enkele weken te versnellen door het leveren van app-developers en een gespecialiseerde consultant met mapping expertise. De samenwerking met AND Digital was een zeer positieve ervaring. Zapmap kijkt ernaar uit om verder samen te werken aan toekomstige projecten.”

Ben Lane Co-Founder and CTO
de oplossing

Consistente en gelijkmatig verdeelde data, snel en effectief geleverd

We experimenteerden met de API om logica te implementeren die bepaalde welke datapunten per regio moesten worden geladen. Dit zorgde op elk zoomniveau voor een consistente, gelijkmatige dichtheid van data op de kaart, omdat alleen de belangrijkste POI's per regio werden geladen. Door de app te beperken tot een maximum van 120 datapunten per keer, konden we de gebruikerservaring eenvoudig verbeteren door de overvloed te verminderen. Dit vermindert ook het aantal API-calls per zoomniveau, omdat regionale verzoeken één keer worden gedaan en daarna in de cache worden opgeslagen. Ook de usability is verbeterd door de implementatie van een schakelbare gridoverlay die regionale onderverdelingen helpt visualiseren.

Onze oplossing hielp de Zapmap app om:

  • Te vermijden dat dezelfde pagina/regio met data meer dan één keer wordt geladen
  • Het aantal netwerkverzoeken tot een minimum te beperken
  • Het geheugengebruik tot een minimum te beperken
  • Te voorkomen dat de kaart overvol raakt met te veel oplaadpunten
  • De details te vergroten als de kaart wordt ingezoomd

Zapmap is hiermee klaar voor het opschalen naar nieuwe internationale markten.

Zap-Map_hero illustration-09
de Resultaten

Verhoogde schaalbaarheid, snellere laadtijden en een betere gebruikerservaring

Het prototype van de app is ontworpen voor een grotere viewport, waardoor de regionale onderverdelingen beter zichtbaar zijn en er ruimte is voor een tekstvenster. Het tekstvenster toont live de afmetingen van het aantal regio's in beeld, waardoor een duidelijker beeld ontstaat van hoe het systeem werkt op verschillende schalen.

Met dit prototype konden we duidelijke resultaten leveren voor Zapmap:

Points Of Interest - VOOR

Ongeveer 25,000 POIs tegelijk geladen

Ongesegmenteerd en ongefilterd, ze werden alleen geladen en getoond

Points Of Interest - NA

Ongeveer 250 POIs tegelijk geladen*

Logisch laden op basis van gebruikerslocatie en nabijheid

*Gemiddeld over 8, 12 en 16 regio's in kaartweergave

API Requests - VOOR

<5 seconds per API verzoek

API-aanvragen waren traag door de grote hoeveelheid data

API Requests - NA

Gemiddelde duur van 1.2 seconden per API-verzoek

De laadsnelheid verbeterde gemiddeld met meer dan 400% en zorgde voor een aanzienlijke verbetering in gebruik.

Load Speed - VOOR

>5 seconden om alle POI's te laden

Door trage laadsnelheid en onoverzichtelijke kaarten konden gebruikers data niet goed bekijken.

Load Speed - NA

Gemiddelde laadtijd van 190 milliseconden voor 200 POI's 

Aanzienlijke verbetering in snelheid en efficiëntie

Hoe kunnen we je helpen?

Neem contact met ons op om jouw digitale ambities te bespreken.

Contact us