Makkelijk en snel stockbeheer uitvoeren in de winkel voor Medi-Market

In samenwerking met Medi-Market kwamen we al snel tot de conclusie dat een Progressive Web App (PWA) de juiste oplossing was. Een PWA draait in de browser, maar gedraagt zich zoals gebruikers van een native app zouden verwachten: de PWA kan op het beginscherm worden geplaatst, is zichtbaar in de app switcher en kan onderdelen zoals de camera of de microfoon inschakelen. Omdat de app niet beschikbaar is in app stores, kunnen app-updates bovendien gepusht worden zonder te hoeven wachten op de goedkeuring van app store toezichthouders.

Aantrekkelijke UI en hoog gebruikerscomfort

Om de best mogelijke gebruikerservaring te leveren, kropen we in de huid van een winkelbediende. We hebben kritisch gekeken naar wat winkelmedewerkers nodig hebben en wat hun verwachtingen zijn. Bovendien hebben we goed onderzoek gedaan naar de Zebra handhelds met een touchscreen, waar de ASR PWA op draait, om erachter te komen hoe deze wordt gebruikt.

Vervolgens werkten we een voorstel uit dat we aan Medi-Market presenteerden. Op basis van hun feedback bleven we itereren (nieuwe iteraties ontwikkelen en uitproberen) om de componenten en schermen stap voor stap op te bouwen.

De belangrijkste informatie die de gebruiker nodig heeft, staat altijd bovenaan en in het midden van het scherm, zoals een inzoombare afbeelding. Ook de item- en andere codes zijn direct visueel herkenbaar aan de verschillende huisstijlkleuren en worden boven de 'vouw' weergegeven, d.w.z. zonder dat de gebruiker hoeft te scrollen.

Om deze uitdaging aan te gaan, hebben we een drieledige aanpak gevolgd:

Naast onze stapsgewijze Agile aanpak hebben we ook een aantal best practices voor mobiel ontwerp geïmplementeerd. Zo zijn alle interactieve elementen groot genoeg om met de vinger te worden aangevinkt en hebben we de belangrijkste actie-elementen op plaatsen geplaatst die gemakkelijk met de duim te bereiken zijn (duimzone). Dit verhoogt het gebruiksgemak en de efficiëntie van winkelpersoneel.

Bovendien is het UI-ontwerp responsief. Als Medi-Market ooit besluit om over te stappen op een ander handheld apparaat met een andere schermgrootte, zoals een tablet, zal de interface netjes meeschalen naar de nieuwe schermgrootte.

De Medi-Market ASR-applicatie draait nu op zo'n 120 handhelds.