Huidige proces

Om erachter te komen hoe het huidige proces plaatsvindt heb ik interviews gehouden. Deze heb ik gehouden met developers en designers. Ik vroeg ze of ze wel eens een 'component cut up' hebben gedaan en hoe dat proces eruit zag. Uit dit onderzoek bleek dat er op verschillende manieren te werk wordt gegaan wanneer deze techniek gebruikt wordt.

In het artikel 'From Pages to Patterns: An Exercise for Everyone' (Jackson, 2015) wordt aangegeven dat de designs worden uitgeprint en vervolgens worden opgeknipt in verschillende componenten. Bij de personen uit de doelgroep die ik heb geïnterviewd bleek het proces wel anders te gaan. De designs worden uitgeprint en vervolgens aan de muur gehangen of neergelegd. Hierna worden de componenten omcirkeld door de leden van het team. Vervolgens worden de componenten benoemd en deze namen worden hier met post is bij gehangen of erbij geschreven.

Op de bovenstaande afbeelding is te zien hoe dit er bij een van de klanten van De Voorhoede uitziet. Samen met de UX designer en de developer is hier bepaald uit welke componenten het ontwerp bestaat. Hier is ook duidelijk te zien dat er varianten van een component worden aangegeven. Links onder is te zien dat er op het component 'instant' variaties worden aangegeven doormiddel van een '_' teken.

Het is van belang dat het team deze stappen samen onderneemt, want uit gebruikerstests met designers en developers bleek dat designers moeite hebben met de naamgeving van developers van componenten. Ook was er tijdens de gebruikerstests bleek was dat designers een ander beeld hebben over wat componenten zijn. Ze selecteren kleine stukjes tekst met verschillende tekststijlen of gaan componenten in veel kleinere componenten opdelen. Zoals in de afbeelding hierboven van de sessie bij de klant van de Voorhoede te zien is, gebeurd dat niet als er een developer bij betrokken is.

Wanneer bepaald is uit welke componenten het ontwerp bestaat, wordt er gekeken of er geen inconsistenties zijn binnen de componenten met dezelfde naam. Zijn er inconsistenties? Dan wordt dit teruggekoppeld naar de designer en die gaat hier dan weer mee aan het werk. Vervolgens wordt dit proces weer herhaald totdat de inconsistenties opgelost zijn.

Zoals Jackson (2015) in haar artikel 'From Pages to Patterns: An Exercise for Everyone' aangeeft, is het mogelijk om dit proces te herhalen voor de grotere componenten in een pagina, die weer componenten van de vorige iteratie bevatten.