App laten ontwerpen
Wat is een app-ontwerp?
Wie eerst laat ontwerpen en daarna pas laat bouwen, betaalt vooraf een paar dagen extra en haalt dat er ruim uit. Een knop verplaatsen in een tekening kost een half uur. Diezelfde knop verplaatsen in een app die al gebouwd is, kost een week, plus het opnieuw nakijken of alles nog werkt.
Het gaat niet alleen over hoe het eruitziet. Het gaat vooral over wat mensen ermee moeten kunnen. Hoe vaak moet iemand tikken voor de handeling die hij honderd keer per dag doet? En wat ziet hij als hij iets verkeerd invult?
Wat je aan een app-ontwerp hebt
Een app-ontwerp verdient zichzelf twee keer terug. Eerst tijdens het bouwen, daarna tijdens het gebruiken. Dit zijn de vier dingen die het meest opleveren.
Veranderen nu het nog niets kost: In een tekening verzet je een knop in tien minuten. In een gebouwde app ben je zo een dag verder, inclusief het opnieuw nakijken. Discussies over de vorm horen dus hier thuis, en niet later.
Een offerte waar je iets aan hebt: Met een uitgewerkt app-ontwerp rekent iedereen op dezelfde tekening. Je krijgt een prijs met veel minder ruimte voor onverwacht meerwerk, en je kunt offertes eerlijk naast elkaar leggen.
Minder uitleggen achteraf: Een app die logisch loopt, hoef je niet uit te leggen aan nieuwe collega's. Dat scheelt inwerktijd. En het scheelt vragen aan die ene collega die het wel weet en er nooit aan toekomt.
Eén stijl die blijft kloppen: Je krijgt een setje bouwblokken: knoppen, formulieren, meldingen, kleuren en lettergroottes. Wat er volgend jaar bij gebouwd wordt, past er vanzelf bij in plaats van er los naast te staan.
Voor wie is dit
Ontwerpen wordt interessant zodra er meer dan een handvol schermen komt, of zodra meer dan één persoon er een mening over heeft.
- Je hebt een idee voor een app en wil zien wat het wordt voordat je er geld in steekt
- Je offertes liggen tienduizenden euro's uit elkaar, omdat niemand hetzelfde voor zich ziet
- Je huidige app wordt nauwelijks gebruikt en je hebt geen idee waar mensen afhaken
- Je moet je collega's meekrijgen, en met een lijst eisen op papier overtuig je niemand
- Je hebt meerdere apps of portalen en ze zien er alle vier anders uit
Wat je krijgt
- Een overzicht van alle schermen en hoe je van het ene naar het andere komt
- Uitgewerkte tekeningen van de belangrijkste schermen, op telefoonformaat en op laptopformaat
- Een klikbaar model dat je op je eigen telefoon doorloopt en aan je collega's laat zien
- Een setje bouwblokken met kleuren, lettergroottes en knoppen, nagekeken op leesbaarheid
- Elk scherm ook in de vervelende varianten: nog leeg, iets fout ingevuld, of propvol. Daar gaat het in de praktijk mis
- De ontwerpbestanden zelf, zodat je er ook bij een andere bouwer mee terechtkunt
Hoe we het bouwen
Luisteren. We praten met de mensen die de app straks elke dag gebruiken, niet alleen met degene die hem betaalt. Een uur meekijken bij iemand die dit werk nu doet, levert meer op dan tien pagina's met eisen.
Schetsen. Eerst grof en in grijstinten. Dan gaat het gesprek over de volgorde en de inhoud, en niet over de vraag of dat blauw wel het goede blauw is. Klopt de route eenmaal, dan maken we het af in jouw huisstijl.
Uitproberen. We leggen het klikbare model voor aan vijf mensen uit je doelgroep en kijken waar ze twijfelen. Vijf is genoeg om de grootste struikelblokken boven tafel te krijgen. Bij de zesde hoor je vooral hetzelfde nog een keer.
Wat kost een app-ontwerp?
Een app-ontwerp voor een afgebakende app van tien tot vijftien schermen is een overzichtelijke klus. Gaat het om een omgeving met verschillende soorten gebruikers en tientallen schermen, dan loopt dat op.
De prijs hangt af van het aantal schermen, het aantal soorten gebruikers, en of we mogen voortbouwen op een huisstijl die er al is. Een test met vijf deelnemers begroten we los, inclusief het verslag met wat je er vervolgens mee moet.
Aan een tekening zelf loopt niets maandelijks door. Zodra de app gebouwd is, komt daar wel hosting en onderhoud bij. Wil je alleen het app-ontwerp en daarna zelf verder, of met een andere bouwer? Prima. Je krijgt de bestanden mee.
Waarom Mediavisie Web
Wij ontwerpen en bouwen allebei, in eigen huis. Daardoor is het app-ontwerp dat je krijgt ook echt te bouwen binnen je budget. Geen mooie tekening waar de bouwer later omheen moet werken.
Of iedereen ermee kan werken, kijken we al in de tekening na: genoeg verschil tussen letter en achtergrond, letters die groot genoeg zijn, knoppen waar een duim op past, en teksten die een schermlezer kan voorlezen. Achteraf repareren kost meer dan het meteen goed tekenen.
En je zit nergens aan vast. De ontwerpbestanden en de bouwblokken zijn van jou. Al die jaren hebben ons geleerd dat klanten die weg kunnen, meestal blijven.
Waar je op moet letten
Een app-ontwerp voorspelt niet of je app straks ook echt gebruikt gaat worden. Het haalt de fouten uit de route, maakt de bouw goedkoper en de prijs beter te voorspellen. Maar of je doelgroep zit te wachten op wat je maakt, weet je pas als er iets draait. Zet daarom liever een klein stuk snel live dan dat je een half jaar aan een compleet app-ontwerp werkt.
De techniek eronder
Alle techniekWaar we het mee bouwen.
-
Voorkant
Vue
Voor schermen waarin veel gebeurt zonder dat de pagina opnieuw laadt. Alleen waar het nodig is, niet als standaard.
-
Taal
TypeScript
JavaScript met types eromheen. Een verkeerde veldnaam valt op tijdens het bouwen in plaats van bij je bezoeker.
-
Bouwstap
Vite
Voor applicaties met een eigen voorkant. Je ziet een wijziging in de browser voordat je terug bent geklikt.
-
Opmaak
Tailwind CSS
Voor applicatieschermen waarin snelheid van bouwen zwaarder weegt dan een eigen opmaaktaal.
-
Achterkant
Node.js
Voor bouwstappen en voor koppelingen die de hele dag door berichten verwerken.
-
Testen
Playwright
Doorloopt je site als een echte bezoeker in een echte browser. Ook de toegankelijkheidscontrole draait hierin mee.
Werkwijze
Hoe we het aanpakken.
Van het eerste gesprek tot doorbouwen na livegang. Vier fases, en je weet bij elke fase wat er af is en wat er nog komt.
-
1 tot 2 weken
Uitzoeken
Wat er moet komen en wat er al ligt
We brengen in kaart welke systemen mee moeten, wie het straks beheert en waar het vorige traject op vastliep. Daar komen de uitzonderingen boven water die later de planning bepalen.
Lees verder over Uitzoeken -
Eén week
Afbakenen
Van wensenlijst naar een plan met een prijs
We knippen het werk in stukken die los opgeleverd kunnen worden, en zetten er een prijs en een volgorde op. Daarbij spreken we af wat er in de eerste versie zit en wat later komt.
Lees verder over Afbakenen -
6 tot 12 weken
Ontwerpen en bouwen
Eerst de schermen, dan de techniek eronder
Je kijkt vanaf de eerste week mee op een testomgeving. We leveren in rondes op, te beginnen met het deel dat het meeste werk uit handen neemt, zodat je stuurt op wat je ziet.
Lees verder over Ontwerpen en bouwen -
Doorlopend
Doorbouwen
Na livegang begint het pas
Updates, bewaking en nieuwe functies, met een vast aanspreekpunt dat je project kent. We meten wat er gebruikt wordt, en dat bepaalt waar we het volgende kwartaal aan werken.
Lees verder over Doorbouwen
Zo ziet dat er in de praktijk uit
Alle casesWij werken onder andere voor
Aan de slag
Iets te bouwen?
Vertel wat er moet komen. We denken mee over techniek, haalbaarheid en wat het kost, ook als het plan nog niet rond is.