Waarom maak je een wireframe zonder kleur?

Een wireframe zonder kleur maak je om één reden: kleur kaapt het gesprek.

Laat je een gekleurd ontwerp zien, dan gaat het binnen dertig seconden over de tint van de knop.

Terwijl de vraag op tafel ligt of die knop op de goede plek staat.

Wat grijs oplevert

Iedereen kijkt naar hetzelfde: de volgorde, de verhoudingen en wat opvalt. Precies de dingen die er in deze fase toe doen.

Meer daarover lees je bij visuele hiërarchie.

Het tweede voordeel

Werkt een indeling in grijs, dan werkt hij met kleur zeker. Andersom gaat niet op.

Meer daarover lees je bij wat een wireframe is.

Het derde voordeel

Niemand raakt gehecht aan een grijs blok. Weggooien doet geen pijn, en dat maakt het gesprek eerlijker.

Meer daarover lees je bij usability.

Wat ik toch inkleur

1. Eén accent voor de belangrijkste knop.
2. Een lichte tint voor secties die van elkaar verschillen.
3. Rood voor een waarschuwing of foutmelding.
4. Verder niets.

Die eerste is nodig omdat je anders niet kunt laten zien wat de bezoeker moet doen.

Wanneer kleur wel meekomt

Zodra de indeling vaststaat en akkoord is. Dan pas heeft praten over stijl zin.

Meer daarover lees je bij design system.

Ook geen echte foto’s

Een sterke foto trekt net zo hard aan de aandacht als kleur. Kruisjes in een kader zijn genoeg.

Meer daarover lees je bij het verschil met een mockup.

Veelgestelde vragen hierover