Klikbare, interactieve designs in een vroeg stadium die nauwelijks te onderscheiden zijn van het eindproduct.
Duur: Meestal 5–15 dagen
Een prototype dat realistisch genoeg is dat mensen op het product reageren in plaats van op de placeholder. We maken klikbare prototypes met echte content, werkende toestanden en de micro-interacties die een interface laten aanvoelen als software in plaats van een diavoorstelling. We zetten ze in voor gebruikerstesten, voor demo's aan stakeholders of om een vraag te beantwoorden voordat de bouw begint.
- Klikbaar prototype
- Micro-interacties
- Testscenario's
- Een beantwoorde vraag
AI maakt het prototype in korte tijd, zodat mensen reageren op het product in plaats van op een placeholder; wij houden het trouw aan het ontwerp en bepalen welke vraag het moet beantwoorden.
Afbakenen
We bepalen samen welke vraag het prototype moet beantwoorden en welke taken een testpersoon daarvoor doorloopt. Die taken zijn van begin tot eind door te klikken; de rest staat wel in beeld, maar reageert niet.
- Wat wij doen
- Bepalen welke vraag het prototype moet beantwoorden.
- Hoe AI ons helpt
- Zet de taken op een rij die het prototype nodig heeft.
Maken
Klikbaar, met echte content en werkende toestanden in plaats van lorem ipsum.
- Wat wij doen
- Houden het prototype trouw aan het ontwerp.
- Hoe AI ons helpt
- Maakt het prototype in korte tijd, met echte content.
Verfijnen
We voegen de details toe die een klikmodel verraden als ze ontbreken: een knop die laat zien dat hij bezig is, een bevestiging na het opslaan, een scherm dat inschuift in plaats van verspringt.
- Wat wij doen
- Beoordelen welke details het prototype echt laten voelen.
- Hoe AI ons helpt
- Voegt de overgangen en feedbackstaten toe.
Inzetten
We zetten het voor gebruikers in een test of voor stakeholders in een demo. Waar mensen vastlopen of twijfelen, passen we het ontwerp aan, en de volgende ronde test de nieuwe versie.
- Wat wij doen
- Passen het ontwerp aan waar mensen vastlopen.
- Hoe AI ons helpt
- Clustert wat testers en stakeholders zeggen.
- Steeds vaker in code. Met AI maken we in korte tijd een prototype dat al dicht bij het echte product zit: echte schermen, echte interacties en waar het ertoe doet echte data. Gaat de vraag over één flow en is Figma sneller, dan kiezen we Figma.
- Veel ervan wel. Het zware werk zit in de flows en interacties, en die zijn na het prototype uitgedacht en getest. We werken meestal vanuit een design system en houden het prototype zo dicht mogelijk bij het echte product, dus schermen en componenten gaan vaak direct mee. Reken wel op nog een ronde: een prototype is er om feedback op te halen, en die feedback verandert dingen.
- Zo echt dat een testpersoon niet doorheeft dat het een prototype is. Dat bepaalt wat je terugkrijgt. Oogt het nep, dan gaat de feedback over het nep: 'zulke foto's gebruiken wij niet', 'deze tekst zegt me niets', of mensen die zich niet kunnen inleven in een grijze schets. Oogt het echt, dan reageren ze op het product zelf: of ze vinden wat ze zoeken en of ze snappen wat er gebeurt.
Staat je vraag er niet bij?Jasper beantwoordt hem graag.
De volgende functies op je roadmap ontwerpen
Je roadmap groeit je designteam boven het hoofd.
Testen of een idee werkt
Je wilt bewijs voordat er budget naar de bouw gaat.