App-idee uitwerken

Een appconcept bevat meer dan een omschrijving van het algemene idee. Het beschrijft wat een gebruiker na het openen van de app ziet, welke keuzes beschikbaar zijn en wat er na iedere handeling gebeurt. Deze volgorde wordt ook wel de user flow of gebruikersroute genoemd.

Een app voor reserveringen kan bijvoorbeeld beginnen met een inlogscherm, gevolgd door een overzicht van beschikbare locaties of diensten. Daarna kiest de gebruiker een datum en tijd, controleert de ingevoerde gegevens en bevestigt de reservering. Iedere stap heeft een eigen scherm, invoerveld en technische actie.

Bij het uitwerken van een app-idee worden ook de verschillende gebruikersrollen zichtbaar. Een klant gebruikt mogelijk alleen de mobiele app, terwijl een medewerker via een beheeromgeving informatie aanpast. Een beheerder kan aanvullende rechten krijgen voor accounts, instellingen of rapportages. Door deze rollen afzonderlijk te beschrijven, wordt duidelijk welke onderdelen iedere gebruiker nodig heeft.

Vervolgens worden de gegevens binnen de app benoemd. Denk aan profielinformatie, productgegevens, afbeeldingen, documenten, locaties of berichten. Ook kan worden vastgelegd uit welke bron deze informatie afkomstig is. Sommige gegevens worden rechtstreeks in de app ingevoerd, terwijl andere informatie via een koppeling uit bestaande software komt.

Functies van de smartphone kunnen onderdeel zijn van het concept. Een app kan bijvoorbeeld gebruikmaken van de camera, locatiebepaling, pushmeldingen, biometrisch inloggen of een QR-scanner. Door deze onderdelen vooraf in de beschrijving op te nemen, kan de technische werking ervan binnen de app worden uitgewerkt.

De schermstructuur kan daarna worden weergegeven in wireframes. Dit zijn schematische tekeningen van de belangrijkste schermen, zonder dat de volledige visuele vormgeving al nodig is. Een wireframe laat zien waar knoppen, menu’s, teksten en invoervelden komen te staan.

Met een klikbaar model worden de schermen onderling verbonden. Gebruikers kunnen dan door de toepassing navigeren zonder dat de achterliggende software al is geprogrammeerd. Zo maakt een mock-up de opbouw en bediening van het app-idee zichtbaar voordat de technische ontwikkeling start.

Een app voor het registreren van voedseloverschotten

Van losse gedachte naar een concrete gebruikersroute

Een restaurantketen wil per vestiging vastleggen welke ingrediënten en bereide producten aan het einde van de dag overblijven. Het eerste app-idee bestaat uit een eenvoudige registratie via de smartphone.

De gebruiker opent de app en kiest eerst de eigen vestiging. Vervolgens wordt een productgroep geselecteerd, zoals groenten, zuivel of bereide gerechten. Per product kan een hoeveelheid worden ingevoerd en een foto worden toegevoegd. Na bevestiging verschijnt de registratie in het dagoverzicht.

Voor vestigingsmedewerkers blijft de app beperkt tot invoeren en terugkijken. Een regiomanager krijgt via een online omgeving toegang tot de registraties van meerdere locaties. Daar worden de beschikbare gegevens per datum, vestiging en productgroep weergegeven.

Tijdens de uitwerking wordt zichtbaar welke informatie voor iedere registratie nodig is. Naast het product en de hoeveelheid kan dat bijvoorbeeld de datum, locatie, eenheid en naam van de gebruiker zijn. Ook wordt duidelijk welke gegevens vooraf in het systeem aanwezig moeten zijn, zoals vestigingen, productgroepen en gebruikersaccounts.

De gebruikersroute bestaat uit een beperkt aantal gerichte schermen: inloggen, vestiging kiezen, product selecteren, hoeveelheid invullen, foto toevoegen en registratie bevestigen. Deze schermen kunnen eerst als wireframes worden vastgelegd en daarna in een klikbaar model met elkaar worden verbonden.

Ook de technische omgeving wordt concreter. De mobiele app verwerkt de invoer, een database slaat de registraties op en een webomgeving toont de beschikbare overzichten. Pushmeldingen kunnen worden toegevoegd wanneer gebruikers op een vastgesteld moment een registratie moeten uitvoeren.

Zo groeit de oorspronkelijke gedachte uit tot een omschreven digitale toepassing. De functies, gebruikersrollen, gegevens en schermen zijn herkenbaar voordat het programmeerwerk begint.