---
title: "Zelf een app ontwerpen: 6 beslissingen, geen 40 schermen"
description: "Kunt u uw eigen app ontwerpen?Wat een app ontwerpen kost, en hoe lang het duurtDe zes beslissingen die wel van u zijnWat u niet hoeft te beslissenAndroid, iPhon"
canonical_url: "https://nl.goodbarber.com/blog/app-ontwerpen/"
lang: nl
date: 2026-09-10
last_updated: 2026-09-14
---

# Zelf een app ontwerpen: 6 beslissingen, geen 40 schermen

[Terug](/blog/maak-het-waar-r13/)

# Zelf een app ontwerpen: 6 beslissingen, geen 40 schermen

Written by [Lesia PIETRI](https://nl.goodbarber.com/blog/author/lesia-pietri/)  on Donderdag 10 September 2026· Laatste update: Maandag 14 September 2026

## U hebt een app-project en u bent geen ontwerper. De echte vragen zijn of u het ontwerp zelf kunt doen, wat het kost om iemand in te huren, en hoe lang het duurt. Hier zijn de cijfers, en de zes beslissingen die het uiterlijk van een app werkelijk bepalen.

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97981783-68215817.jpg?v=1789027806.1968782)

1. [Kunt u uw eigen app ontwerpen?](#kunt-u-uw-eigen-app-ontwerpen)
2. [Wat een app ontwerpen kost, en hoe lang het duurt](#wat-een-app-ontwerpen-kost-en-hoe-lang-het-duurt)
3. [De zes beslissingen die wel van u zijn](#de-zes-beslissingen-die-wel-van-u-zijn)
4. [Wat u niet hoeft te beslissen](#wat-u-niet-hoeft-te-beslissen)
5. [Android, iPhone en het web](#android-iphone-en-het-web)
6. [En Figma dan?](#en-figma-dan)
7. [De checklist voordat u begint](#de-checklist-voordat-u-begint)
8. [Veelgestelde vragen](#veelgestelde-vragen)
9. [Waar te beginnen](#waar-te-beginnen)

De meeste adviezen over het ontwerpen van een app gaan ervan uit dat u al ontwerper bent. Onderzoek uw gebruikers, breng de flows in kaart, schets wireframes, ga naar high fidelity, draag over aan development. Dat is een echt proces, en het juiste proces voor een ontwerpteam.

Het is geen antwoord voor iemand met een app-project, een budget en geen achtergrond in design.

De vraag eronder is eenvoudiger. Kunt u uw eigen app ontwerpen, of moet u iemand betalen? Beide antwoorden zijn verdedigbaar. Wat volgt is wat elk van de twee kost, en waar het ontwerpwerk werkelijk uit bestaat zodra u de onderdelen weghaalt die een systeem voor u kan afhandelen.

## Kunt u uw eigen app ontwerpen?

Voor een content-app of een commerce-app: ja.

Nieuwsapps, community-apps, media- en podcastapps, cursusapps, apps voor lokale bedrijven, webshops. Ze zijn opgebouwd uit onderdelen die iedereen herkent: lijsten, artikelpagina's, productpagina's, een winkelwagen, een profiel, een zoekfunctie. Het ontwerpprobleem is goed begrepen, en het is duizenden keren opgelost.

Voor een game: nee. Voor een marktplaats zoals Airbnb of Booking: ook niet. Die apps ontlenen hun waarde aan bedrijfslogica op maat en niet aan hun schermen, en ze hebben een ontwikkelaar en een ontwerper nodig die samen werken aan iets dat nog niet bestaat. Is dat uw project, huur dan het team in. Dit artikel helpt u niet verder.

De reden dat de eerste lijst nu binnen bereik ligt, is niet dat ontwerpen makkelijker is geworden. Het is dat de ontwerpbeslissingen zijn uitgefactoriseerd. De sector noemt dat resultaat een design system: een geheel van fundamenten, componenten en regels die samenhangende schermen opleveren zonder dat iemand ze elke keer opnieuw tekent. Apple heeft er een. Google ook. En elk serieus productteam.

Het interessante is wat er gebeurt wanneer het design system in de tool zit die de app bouwt, in plaats van in een bestand dat uw ontwerper u aan het eind overhandigt.

| Uw project                                   | Zelf ontwerpen?       | Waarom                                                          |
| -------------------------------------------- | --------------------- | --------------------------------------------------------------- |
| Nieuws-, blog- of media-app                  | Ja                    | Lijsten, artikelpagina's en spelers zijn gevestigde patronen    |
| Podcast- of audio-app                        | Ja                    | Dezelfde patronen, plus een speler                              |
| App voor een lokaal bedrijf of een community | Ja                    | Standaard secties en navigatie                                  |
| Winkel of eCommerce-app                      | Ja                    | Catalogus, winkelwagen en afrekenen zijn opgeloste problemen    |
| App voor online cursussen                    | Meestal               | Herbruikbare contentstructuren, tenzij de leerlogica op maat is |
| Werkstroom op maat, conventionele schermen   | Het hangt ervan af    | Van hoeveel er echt nieuw is                                    |
| Marktplaats zoals Airbnb of Booking          | Nee, huur een team in | De waarde zit in de bedrijfslogica, niet in de schermen         |
| Game                                         | Nee, huur een team in | Interactie en visueel ontwerp op maat van begin tot eind        |

## Wat een app ontwerpen kost, en hoe lang het duurt

Dit is de vraag die niemand met een cijfer beantwoordt, dus hier zijn drie reeksen gegevens van bureaus die hun tarieven publiceren.

| Wat u koopt                                 | Gangbare prijsrange      |
| ------------------------------------------- | ------------------------ |
| Freelance ontwerper, eenvoudige mobiele app | 5.000 tot 15.000 dollar  |
| Bureau, eenvoudige mobiele app              | 15.000 tot 40.000 dollar |
| MVP van 10 tot 20 schermen                  | 6.000 tot 25.000 dollar  |
| Bureau, complexe mobiele app                | 40.000 tot 80.000 dollar |
| Per scherm                                  | 150 tot 500 dollar       |
| Per uur, freelance                          | 50 tot 150 dollar        |
| Per uur, bureau                             | 150 tot 250 dollar       |

De doorlooptijden komen bij alle bronnen op hetzelfde uit: vier tot acht weken voor een afgebakende MVP, zes tot twaalf weken voor iets groters. Dat is alleen de ontwerpfase, voordat er ook maar een regel van de app is gebouwd.

**Dit zijn ontwerpcijfers.** Ze dekken de ontwerpfase en niets anders. Geen ontwikkeling, geen back end, geen tests, geen publicatie in de stores, geen onderhoud. Een ontwerpofferte is niet de prijs van een app.

Lees die cijfers met een voorbehoud. Ze worden gepubliceerd door ontwerpbureaus, die ontwerp verkopen. Dat maakt ze de primaire bron over hun eigen tarieven, en een optimistische bron over hoeveel ontwerp uw project nodig heeft.

Het cijfer dat u het meeste vertelt, is dat per scherm. Het legt het kostenmodel bloot: elk scherm wordt getekend, dus elk scherm wordt gefactureerd. Twintig schermen kosten niet precies twintig keer een scherm, maar de rekening volgt de hoeveelheid tekenwerk die wordt geproduceerd en niet het aantal beslissingen dat u neemt, en hij groeit elke keer dat u een sectie toevoegt.

Dat is het model dat het vermijden waard is. Niet door slechtere schermen te tekenen, maar door de meeste ervan niet te tekenen.

Bij GoodBarber is er geen ontwerppost, omdat er geen schermen zijn om te factureren. Het design system hoort bij het abonnement: Content Apps beginnen bij 30 euro per maand bij jaarlijkse betaling, en de plannen die native apps voor iOS en Android publiceren beginnen bij 55 euro. Hosting, updates en de drie app-engines zitten in diezelfde prijs.

## De zes beslissingen die wel van u zijn

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97981783-68215820.jpg?v=1789027808.240892)

Dit is wat er van het ontwerpwerk overblijft zodra het systeem zijn deel heeft genomen. Zes beslissingen. U kunt ze allemaal op een middag nemen, en u kunt er later elke afzonderlijk van wijzigen zonder de app opnieuw te maken.

**1. Wat er in de app staat**

Uw secties, en hun volgorde. Een inhoudelijke beslissing voordat het een ontwerpbeslissing is, en degene die het meest bepaalt of de app goed voelt. Vijf secties die hun plek verdienen zijn beter dan vijftien die dat niet doen.

Vertrek van datgene waarvoor mensen de app zullen openen. Al het andere is secundaire navigatie.

**2. Hoe men erdoorheen navigeert**

Een tabbalk onderaan, een zijmenu, of een combinatie. Dit is de meest zichtbare beslissing van een mobiele app, en degene die de gebruiker voelt nog voordat er iets anders opvalt.

De vuistregel: een tabbalk voor drie tot vijf bestemmingen waar mensen voortdurend tussen wisselen, een menu voor alles wat af en toe bezocht wordt.

**3. Hoe een lijst eruitziet**

Dit is de beslissing die het meeste werk verzet, en degene die het vaakst wordt onderschat.

Een content-app bestaat grotendeels uit lijsten. Artikellijsten, productrasters, afleveringenlijsten, evenementenlijsten. Kies hoe een lijst wordt gepresenteerd en u hebt gekozen hoe het grootste deel van uw app eruitziet: beeld links of over de volle breedte, een kolom of twee, titel boven of onder, hoeveel tekst er te zien is voordat hij afbreekt.

GoodBarber levert meer dan 100 kant-en-klare layouts, en u kiest er een per sectie. Een magazineraster voor uw reportages, een compacte lijst voor nieuws, een carrousel met groot beeld voor de startpagina. Dezelfde inhoud, drie verschillende apps naargelang uw keuze.

**4. De kleur**

U kiest vier kleuren, geen dertig.

Een GoodBarber-thema definieert vier semantische kleurrollen, overal consequent toegepast. Semantisch betekent dat elke kleur een functie heeft en geen positie: de ene is de kleur van uw acties, de andere die van uw oppervlakken. Wijzig de rol en elk scherm dat hem gebruikt volgt.

Als het kiezen van vier kleuren die samengaan nu net het onderdeel is waar u tegenop zag: Genius Palette is een eigen AI die specifiek is getraind op leesbare app-kleur. En weet u precies wat u wilt, dan kunt u elke kleur afzonderlijk overschrijven, tot item voor item.

**5. De typografie**

Een lettertype, of twee als u wilt dat koppen contrasteren met de lopende tekst.

U kiest geen groottes. De typografie van GoodBarber is een systeem van 18 semantische niveaus, van displaykoppen tot badges, elk per apparaat gekalibreerd voor telefoon, tablet en desktop, met een regelhoogte van 1,2. U kiest het lettertype. De schaal ligt al vast.

**6. Uw icoon en uw splashscreen**

De twee beelden die geen enkel systeem voor u kan beslissen, omdat ze uw identiteit dragen en niet uw interface.

Het icoon is het lastigste uit deze lijst, en datgene waar echte tijd of echt geld in steken de moeite waard is. Het moet werken op 60 pixel, naast Instagram, op iemands startscherm. Eenvoudige vorm, weinig kleuren, geen tekst, in een oogopslag herkenbaar.

## Wat u niet hoeft te beslissen

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97981783-68215821.jpg?v=1789027810.3889062)

Alles wat hieronder staat, handelt het systeem af, op elk scherm, zonder een instelling die u moet leren.

**De witruimte.** Een guttersysteem schaalt per apparaat vanaf een basiswaarde: 16px op mobiel, 20px op tablet en desktop, met niveaus op de helft en het dubbele, en verticale stappen. Een enkele configuratie levert correcte witruimte op elk formaat.

**De typografische hiërarchie.** De 18 niveaus behouden hun onderlinge verhoudingen, welk lettertype u ook kiest.

**De leesbaarheid.** Paletten worden opgebouwd met contrast in gedachten, en elk bedieningselement behoudt een comfortabel aanraakgebied, ook wanneer het element klein oogt.

**Vormen, schaduwen, randen en toestanden.** Eenmaal gedefinieerd als atomen en overal hergebruikt, zodat een knop zich in de hele app als een knop gedraagt.

**De samenhang tussen schermen.** Dit is wat een app die ontworpen lijkt onderscheidt van een app die in elkaar gezet lijkt, en het is ook datgene wat een menselijke ontwerper met de hand moet onderhouden. Hier houdt het stand door constructie.

## Android, iPhone en het web

![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/97981783-68215822.jpg?v=1789027812.2889192)

U ontwerpt één keer. Eén configuratie levert drie uitvoeringen op: een native iOS-app, een native Android-app en een progressive web app.

Wat tussen die drie verschilt, hoort bij de platforms en niet bij u. Beide stores hebben hun eigen conventies, en het systeem respecteert ze. U onderhoudt geen drie ontwerpen, en u kiest niet tussen een app die er goed uitziet op iPhone en een die er goed uitziet op Android.

Eén ding om rekening mee te houden: een functie toevoegen of uw ontwerp wijzigen betekent opnieuw compileren, en dat geldt voor alle drie de uitvoeringen, de web app inbegrepen. Het is één handeling, maar niet een directe.

## En Figma dan?

Figma is waar de ontwerpsector werkt, en het is werkelijk uitstekend in wat het doet. Huurt u een ontwerper in, dan is Figma vrijwel zeker wat er gebruikt wordt, en wat u aan het eind krijgt aangeleverd.

Het onderscheid dat de moeite waard is om te begrijpen voordat u er weken in steekt: Figma levert een ontwerpbestand op, geen app. Een prachtig, precies en volledig gespecificeerd ontwerpbestand. Daarna moet iemand het bouwen, en daar duikt het tweede budget op, doorgaans groter dan het eerste.

Figma is de juiste tool wanneer uw app schermen nodig heeft die nog niet bestaan, en wanneer u de ontwikkelcapaciteit hebt om te bouwen wat u tekent. Voor een app die bestaat uit lijsten, artikelen, producten en een winkelwagen is het van nul tekenen van die schermen werk dat u twee keer betaalt: één keer om het te ontwerpen, één keer om het te bouwen.

En hebt u al een Figma-bestand van een ontwerper, dan is dat niet verloren. Uw kleuren, uw lettertype en uw voorkeuren qua layout zijn precies de zes beslissingen hierboven, al genomen.

## De checklist voordat u begint

Acht antwoorden, en uw ontwerp staat.

1. **Waar is de app voor, en wie opent hem?** Al het andere hangt hiervan af.
2. **Welke secties verdienen een plek, en in welke volgorde?** Vijf die elk een taak hebben, geen vijftien die een menu vullen.
3. **Welke daarvan gaan in de tabbalk?** Drie tot vijf bestemmingen waartussen men voortdurend wisselt. De rest gaat in het menu.
4. **Welke layout gebruikt elke sectie?** Eén keuze per sectie, en die bepaalt hoe het grootste deel van uw app eruitziet.
5. **Welke kleuren nemen de vier semantische rollen?** Begin met de kleur van uw acties en die van uw oppervlakken.
6. **Eén lettertype, of twee?** Twee als u wilt dat koppen contrasteren met de lopende tekst. U kiest geen groottes.
7. **Uw icoon, en uw splashscreen.** Houdt het icoon stand op 60 pixels, naast Instagram? Eenvoudige vorm, weinig kleuren, geen tekst.
8. **Zit hier iets echt op maat bij?** Als één onderdeel een ontwikkelaar en een ontwerper vraagt, kunt u dat beter nu weten dan achteraf.

## Veelgestelde vragen

**Wat is een design system?**

Een design system is een geheel van fundamenten, componenten en regels die samenhangende schermen opleveren zonder dat iemand ze elke keer opnieuw tekent. De fundamenten leggen kleur, typografie en ruimte vast, de componenten zijn de onderdelen die overal terugkomen, en de regels bepalen hoe die worden gecombineerd. Apple heeft er een, de Human Interface Guidelines, Google heeft Material Design, en elk serieus productteam heeft er ook een. Het verschil zit in waar het systeem woont: in een bestand dat een ontwerper aan het eind oplevert, of in de tool die de app bouwt. In het tweede geval worden de meeste schermen nooit getekend.

**Kunt u zelf een app ontwerpen zonder ontwerper te zijn?**

Voor een content- of commerce-app wel. Die apps zijn opgebouwd uit onderdelen die iedereen herkent: lijsten, artikelpagina's, productpagina's, een winkelwagen, een profiel, een zoekfunctie. Een design system neemt het herhalende werk over, de witruimte, de hiërarchie, het contrast en de samenhang tussen schermen, en laat u zes beslissingen. Voor een game of een marktplaats niet. Die ontlenen hun waarde aan bedrijfslogica op maat, en vragen een ontwikkelaar en een ontwerper.

**Wat kost het om een app te ontwerpen?**

Gepubliceerde bureautarieven zetten een eenvoudige app tussen 5.000 en 15.000 dollar bij een freelancer, en tussen 15.000 en 40.000 bij een bureau. Een complexe app loopt op van 40.000 tot 80.000. Dat zijn alleen ontwerpcijfers. Ontwikkeling, tests, publicatie en onderhoud zijn aparte budgetten. Als het design system deel uitmaakt van de tool die de app bouwt, is er helemaal geen ontwerprekening per scherm.

**Hoe lang duurt het om een app te ontwerpen?**

Vier tot acht weken voor een afgebakende MVP, zes tot twaalf weken voor iets groters. Dat is alleen de ontwerpfase, voordat er ook maar een regel van de app is gebouwd. Kiezen binnen een design system dat al bestaat, doet u op één middag, omdat de fundamenten en de componenten er al zijn.

**Wat zijn de zes beslissingen bij het ontwerpen van een app?**

Wat er in de app komt en in welke volgorde, hoe men erdoorheen navigeert, hoe een lijst eruitziet, kleur, typografie, en uw icoon met uw splashscreen. Al het andere, de witruimte, de typografische hiërarchie, de leesbaarheid, vormen en toestanden, en de samenhang tussen schermen, doet het design system in plaats van u.

**Heeft u Figma nodig om een app te ontwerpen?**

Nee. Figma is uitstekend en het is wat een ontwerper u zal opleveren, maar het produceert een ontwerpbestand, geen app. Iemand moet daarna bouwen wat dat bestand beschrijft, en dat tweede budget is meestal groter dan het eerste. Voor een app van lijsten, artikelen, producten en een winkelwagen levert een design system in de bouwtool de afgewerkte schermen direct op.

**Hoeveel kleuren moet een app hebben?**

Minder dan men denkt, en het gaat niet om het aantal maar erom dat elke kleur een taak heeft. Een GoodBarber-thema definieert vier semantische kleurrollen die overal consequent worden toegepast: de ene is de kleur van uw acties, de andere die van uw oppervlakken. Verander de rol en elk scherm dat hem gebruikt, volgt. Dertig los gekozen kleuren zijn geen rijkdom, het zijn dertig dingen die u met de hand samenhangend moet houden.

**Wat is het verschil tussen app-ontwerp en app-ontwikkeling?**

Ontwerp is het geheel van beslissingen dat de app zijn ordening en zijn uiterlijk geeft: de secties, de navigatie, de layouts, de kleur, de typografie, het icoon. Ontwikkeling is het bouwen van de werkende software: de code, de back end, de integraties, de tests, de publicatie in de stores. De cijfers in dit artikel zijn ontwerpcijfers. Ontwikkeling is een apart budget.

**Kunt u het ontwerp aanpassen nadat de app is gebouwd?**

Ja. De zes beslissingen rusten op een design system, dus een andere layout, kleurrol of lettertype werkt door in elk scherm dat hem gebruikt. Om de wijziging toe te passen moeten de iOS-app, de Android-app en de web-app opnieuw worden gebouwd. Dat is één handeling, maar niet onmiddellijk.

**Wanneer huurt u een professionele app-ontwerper in?**

Wanneer de waarde van de app zit in iets dat nog niet bestaat: nieuwe interacties, complexe werkstromen, zware bedrijfslogica op maat. Een game, een marktplaats zoals Airbnb of Booking. Voor een app die op conventionele patronen is gebouwd, betaalt u met uitbesteed schermontwerp vooral voor werk dat het design system al doet.

## Waar te beginnen

Open een sectie, kies een layout, wijzig de vier kleuren en bekijk uw eigen inhoud erin. Een kwartier vertelt u meer over het ontwerpen van uw app dan een week lezen over design.

U kunt [een gratis proefperiode van 30 dagen starten](https://nl.goodbarber.com/pricing/) zonder kaart en zonder u ergens aan te binden, en wilt u zien hoe diep het systeem gaat voordat u het aanraakt, dan is het volledige design system openbaar: fundamenten, atomen, componenten en de principes erachter, op [goodbarber.com/uxdesign](https://nl.goodbarber.com/uxdesign/).

**Bronnen.** Kosten- en doorlooptijdcijfers verzameld in september 2026 uit drie gepubliceerde tariefgidsen van bureaus: [Parallel](https://www.parallelhq.com/blog/app-design-cost), [Orbix Studio](https://www.orbix.studio/blogs/ux-ui-design-cost-guide) en [DesignMonks](https://www.designmonks.co/blog/ui-ux-design-cost). Zij zijn de primaire bron over hun eigen tarieven en een optimistische bron over hoeveel ontwerp een project nodig heeft. Het design system van GoodBarber dat in dit artikel wordt genoemd, is openbaar: [fundamenten, atomen, componenten en de principes erachter](https://nl.goodbarber.com/uxdesign/).

![Lesia PIETRI](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg)

Over de auteur[Lesia PIETRI](https://nl.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design

Ik ben Head of Product Design bij GoodBarber. Ik geef leiding aan het design van het product: het design system waarop elke app is gebouwd, de layouts waarmee je begint en het traject van idee tot gepubliceerde app. Mijn werk is dat iemand die nog nooit een designtool heeft geopend toch een app publiceert die er doordacht uitziet, scherm na scherm. Als designer in hart en nieren besteed ik mijn dagen aan de details die niemand benoemt: witruimte, contrast, het gewicht van een titel. Hier schrijf ik over het design van GoodBarber en over wat er nieuw is in het product: de features, de layouts en de thema's.

[Lees meer](https://nl.goodbarber.com/blog/author/lesia-pietri/)

[![LinkedIn](https://portal.ww-cdn.com/portal_static/svg/base2021/linkedin.3ed8162e2a2b.svg)](https://www.linkedin.com/in/lesia-pietri-150824116/)