UI/UX-design

Interfaceontwerp dat het contact met echte gebruikers overleeft

Wij ontwerpen interfaces op basis van bewijs: wat mensen proberen te doen, waar ze nu vastlopen, en wat de bouw realistisch kan dragen.

Redesigns die alles veranderen en niets verbeteren

Een redesign begint meestal omdat de site of het product gedateerd aanvoelt. Het eindigt met een nieuwe visuele taal, een nieuwe set componenten, en een conversie die ongeveer staat waar hij stond — soms lager, omdat een vertrouwde interface werd vervangen door een onbekende en niemand mat welke onderdelen wél werkten.

De reden is dat het uiterlijk de opdracht was. Niemand stelde vast bij welke stap mensen vastliepen, wat ze probeerden te bereiken, of welke elementen van de oude interface het resultaat droegen. Ontwerpbeslissingen werden dus op smaak genomen, en dat is onweerlegbaar en daarmee ontoetsbaar.

De andere veelvoorkomende misser is het spiegelbeeld: prachtige ontwerpbestanden die niet te bouwen zijn zoals getekend, of die veertig knopvarianten beschrijven zonder systeem erachter. Ontwerp dat de realisatie negeert, wordt een onderhandeling tijdens de ontwikkeling, en die onderhandeling wordt meestal gewonnen door wat het snelst gaat.

Wat het werk oplevert

Onderzoek in verhouding tot de beslissing

Analyse van statistieken, sessieopnames, supporttickets en een handvol gebruikersgesprekken. Geen onderzoeksprogramma om het onderzoek — genoeg bewijs om te weten welk probleem het oplossen waard is voordat iemand een ontwerptool opent.

Stromen vóór schermen

De paden die mensen door het product nemen, inclusief de fout- en randgevallen die meestal pas tijdens de ontwikkeling opduiken en dan haastig worden ontworpen. Een kloppende stroom haalt de meeste schermen weg waarvan u dacht dat u ze nodig had.

Wireframes en prototypes

Eerst low-fidelity om de structuur vast te leggen zonder over kleur te praten, daarna interactieve prototypes voor de stromen waar echt risico zit. Een prototype testen is enorm veel goedkoper dan een gebouwde versie testen.

Een designsysteem, geen stapel schermen

Tokens, componenten en toestanden gedocumenteerd als systeem. Dit houdt het product samenhangend naarmate het groeit, en stelt ontwikkelaars in staat nieuwe schermen te bouwen zonder elke keer om een nieuw ontwerp te vragen.

Toegankelijkheid vooraf ingeregeld

Kleurcontrast, focusvolgorde, formaat van aanraakdoelen, formulierlabels en toetsenbordpaden in het ontwerp geregeld in plaats van aangekaart bij een latere audit. Toegankelijkheid achteraf inbouwen is aanzienlijk duurder dan ervoor ontwerpen.

Een specificatie waar ontwikkelaars mee kunnen bouwen

Responsief gedrag, toestanden, spatiëringsregels en interactiedetails vastgelegd. Omdat wij ook bouwen, houdt de overdracht rekening met wat praktisch haalbaar is — en wij blijven tijdens de bouw beschikbaar in plaats van bij oplevering te verdwijnen.

Technologie die wij hiervoor gebruiken

Design

  • Figma
  • Design tokens
  • Componentbibliotheken

Onderzoek

  • Analyse van statistieken
  • Sessieopnames
  • Gebruikerstests

Overdracht

  • Interactieve prototypes
  • Specificatie
  • Tailwind-implementatie

Normen

  • WCAG 2.2 AA
  • Responsief ontwerp
  • Documentatie van het designsysteem

Wij kiezen hieruit op basis van wat het project nodig heeft en wat uw team na de overdracht kan onderhouden — niet op basis van waar wij het liefst mee werken. Ligt er al een gezonde technische basis, dan werken wij daarbinnen.

Wanneer design erbij te halen

Vóór de bouw, niet tijdens

Structuur en stroom vastleggen voordat de ontwikkeling begint is het goedkoopste moment om van gedachten te veranderen, en het haalt de ontwerpbeslissingen weg die anders halverwege worden genomen door wie die dag de code schrijft.

Wanneer een specifieke metriek vastzit

Gericht werk aan een trechter, een aanmelding of een checkout, waar er een vastgelegd getal is om te verzetten en de wijziging daartegen kan worden gemeten.

Wanneer een product inconsistent is geworden

Functies die over de jaren door verschillende mensen zijn toegevoegd, elk met net iets andere patronen. Een designsysteem brengt ze samen en stopt de verdere afdrijving.

Toegankelijkheid herstellen

Wanneer een audit bevindingen heeft opgeleverd, of wanneer een overheids- of enterprisekoper een conformiteitsverklaring vraagt.

Vragen die ons hierover worden gesteld

Kunt u ontwerpen zonder te bouwen?

Ja. Wij leveren een gedocumenteerd designsysteem en een bouwklare specificatie voor uw eigen ontwikkelaars, en kunnen tijdens de realisatie beschikbaar blijven om vragen te beantwoorden en het resultaat tegen het ontwerp te toetsen.

Hoeveel onderzoek is nodig?

Minder dan bureaus vaak verkopen, en meer dan niets. Voor de meeste projecten brengt een paar dagen statistieken doornemen, supporttickets lezen en vijf of zes gebruikersgesprekken de belangrijke problemen boven. Grotere onderzoeksprogramma's zijn zinvol wanneer de kosten van het verkeerde ontwerpen hoog zijn.

Verbetert een redesign de conversie?

Alleen als het de reden aanpakt waarom mensen nu afhaken. Een redesign dat alleen om het uiterlijk wordt gedaan, verandert het resultaat onvoorspelbaar, in beide richtingen. Is conversie het doel, dan beginnen wij met meten waar de trechter mensen verliest en ontwerpen wij daartegen, om de verandering vervolgens te verifiëren in plaats van aan te nemen.

Werkt u met onze huisstijl?

Ja, routinematig. Wij vertalen bestaande merkelementen naar een werkend digitaal designsysteem — wat meestal neerkomt op het beslechten van vragen die een printrichtlijn niet beantwoordt, zoals interactietoestanden, dichte dataweergaven en toegankelijke contrastcombinaties.

Hoe gaat u om met toegankelijkheid?

Wij ontwerpen WCAG 2.2 AA als basis: contrast, zichtbaarheid van focus, formaat van aanraakdoelen, formulierlabels en bedienbaarheid met het toetsenbord. Wij controleren met geautomatiseerde hulpmiddelen en handmatige toetsenbord- en schermlezertests. Voor een formele conformiteitsverklaring adviseren wij daarnaast een onafhankelijke audit.

Denkt u aan ui/ux-design?

Stuur ons het probleem en de beperkingen die u al kent. Wij komen terug met wat wij denken dat het vraagt, een aanpak en een realistische orde van grootte — of met de mededeling dat wij hier niet de juiste partij voor zijn.

Begin een gesprek