Design system Toolbox

Tijdens mijn afstudeerstage heb ik gewerkt aan een nieuwe functie voor het intern programma (Daily insights) van Daily Creations. In dit programma word de urenregistratie en de voorgang van de projecten bijgehouden.

Projectoverzicht

Opdrachtgever: Daily Creations (afstudeerstage)

Duur project: 6 maanden

Mijn rol: Uitvoering gehele proces (research, ideevorming, design)

Proces

The tripple diamond met de fases connect, concept en create.

Hoofdvraag

Mijn gevormden hoofdvraag voor dit project:

“Hoe kunnen we een gestandaardiseerde aanpak ontwikkelen voor het ontwerpen van design systems om deze als dienst te kunnen aanbieden aan de klanten van Daily Creations?”

Doelgroep

De doelgroep van mijn project bestaat uit de werknemers van Daily Creations, zoals UX-designers en een front-end developer. Zij zijn zowel de eindgebruikers van mijn ontwerp als mijn opdrachtgevers. Daarom maak ik in mijn onderzoek zelf steeds onderscheid tussen hun input als gebruiker en als opdrachtgever.

Onderzoek

Aan de hand van deskresearch ben ik erachter gekomen welke onderdelen er in een design system terug komen. Daarnaast heb ik geleerd over het Atomic design model die vaak terug komt in de opbouw van design systems.

Aan de hand van fieldresearch: Interviews met de doelgroep, ben ik erachter gekomen hoe zij design systems voor hun zien en wat zij belangrijk vinden en nodig hebben om goed met een design system te kunnen werken.

Uit de interviews blijkt dat de doelgroep nog weinig kennis en ervaring heeft met design systems, maar er wel veel potentie en interesse in ziet.

Ontwerprichtlijnen (Klik op de ontwerprichtlijnen)

1. Structuur, overzicht en consistentie

De doelgroep geeft aan behoefte te hebben aan structuur en overzicht bij het opzetten van een design system, zeker bij grotere projecten. Een duidelijke en logische structuur helpt hen om snel te vinden wat ze nodig hebben en voorkomt dat ze tijd verliezen aan het zoeken naar informatie of het dubbel uitvoeren van werk.

2. Voldoende uitleg en duidelijke richtlijnen

De doelgroep vind het belangrijk dat er in het ontwerpproces van het opzetten van design systems, heldere uitleg beschikbaar is. Dit is belangrijk voor de doelgroep omdat zij zelf nog weinig kennis hebben van design systems. Daarom hebben ze heldere richtlijnen nodig.

3. Zorg voor gezamenlijke betrokkenheid

Een veelvoorkomend probleem is dat designers, developers en klanten elkaar niet goed begrijpen en anders naar een ontwerp kijken. Dit hebben de respondenten in de interviews aangegeven. Dit kan voorkomen worden als iedereen vanaf het begin betrokken wordt in het proces. Er is dan kans dat er meer begrip en een betere samenwerking ontstaat.

4. Flexibiliteit & evolutie

Uit de interviews is gebleken dat er een duidelijke behoefte is aan duidelijkheid, flexibiliteit en aanpassingsmogelijkheden in design systems. Dit is belangrijk om de creativiteit te behouden in projecten en om in te kunnen spelen op snel veranderende situaties of wensen bij klanten.

Ideevorming

Aan de hand van creatieve sessies met de doelgroep heb ik de ideale opbouw van het design system bepaald van de doelgroep, heb ik het proces ontworpen voor het opzetten van een design system en heb ik mijn concept gevormd.

Concept

Het conceptis een uitbreiding van het interne programma van Daily Creations, Daily Insights. Namelijk een werkbeschrijvingen bibliotheek voor onder andere de fases, acties en deliverables van het proces van het maken van een design system. Dit helpt de doelgroep om snel alle informatie te kunnen vinden die de ze nodig kunnen hebben bij het opzetten van design systems.

Met daarnaast een implementatie in de projecten omgeving.

Prototype

Op basis van schetsen en wireframes heb ik het onderstaande prototype ontworpen. Dit prototype is tot stand gekomen door middel van meerdere iteraties. In elke iteratie heb ik een nieuwe versie ontwikkeld en deze getest bij de doelgroep. De verkregen feedback heb ik vervolgens gebruikt om het ontwerp verder te verbeteren.

Geleerd

Dit project was niet alleen een kans om een gebruiksvriendelijk en effectief design system te maken, maar ook een belangrijk leerproces voor mij als UX-designer. Door actief feedback te vragen, samen te werken met collega’s en de doelgroep te betrekken, heb ik veel geleerd over hoe ik werk en communiceer in een team.

Ik heb geleerd om bewust keuzes te maken in mijn proces, en niet automatisch te doen wat ik gewend ben. In plaats daarvan liet ik me leiden door inhoud en onderbouwing. Ook ben ik gegroeid in het durven vragen om hulp, het presenteren van mijn ideeën en het zelfstandig sturen van mijn ontwerp. Door gebruikers actief te betrekken en mijn ontwerp regelmatig te testen, kon ik echt iets maken dat bij hen past.

De feedback die ik kreeg liet zien dat ik goed bezig ben, maar ook dat ik nog verder kan groeien. Ik kijk met trots terug op wat ik heb gemaakt en op mijn persoonlijke ontwikkeling in dit project.