S4W1 · Look and feel

Living Styleguide

maandag 14 november 2022

Vandaag trapte we af met de vierde sprint van dit jaar. Een samenwerkingsproject waarbij het ontwikkelen van een living styleguide centraal staat. Samen met mijn twaalf medestudenten die ook net als mij voor Vervoerregio Amsterdam werken, begonnen we met een college over huisstijlen en een planning hoe aankomende drie weken eruit kwamen te zien.

Vervolgens nodigde ik iedereen uit in een Collaborative real-time editor. Net als bij Sprint 1 was dat Miro waarin we alle componenten verzamelde die aan een styleguide voldoen. Een aantal voorbeelden hiervan zijn: typografie, kleuren, lay-out, formulieren, interactieve elementen, knoppen en linkjes, menu's en input velden etc. Alles wat we konden vinden om tot één punt uit te komen om een consistente huisstijl uit te komen.

Na deze energieslurpende sessie kwamen we weer samen voor een college van Charley over de living styleguide. Dit bracht mij terug naar de goeie oude tijd op het Mediacollege omdat ze een onderwerp aansneed over de concepten achter vertoonde styleguides. Aan ons de taak om te ontcijferen wat het concept achter de huisstijl van Vervoerregio was.

Tot slot richtte ik in Github de repostitory in voor mijn medecollega's. Zo maakte ik een project aan voor alle user stories, nodigde ik iedereen uit al collaborateur van zowel de repo als het Figma bestand waarin we verder in gingen werken en de huisstijl concreet gingen maken. Tevens maakten we met z'n alle kennis met het gebruik van Branches waarin we gingen parallel gingen werken om het fenomeen merge conflicten te voorkomen. Deze introductie was te danken aan Siem en Tristan. Naast Github overlegden we en verdeelden we de categorieën waaraan iedereen ging werken. Om af te sluiten maakten we een Discord server aan waarin we onze communicatie verder plaats zullen laten vinden.

Vandaag was een leerzame en slopende dag. Tijdens het verzamelen van componenten was iedereen erg aanwezig, ten kosten van de rust en orde die was gevraagd van de opleiding Smart Media production. Ook nam ik traditioneel het voortouw om het project in goede banen te leiden. Ik probeerde goed centraal te staan en de groep op de hoogte te brengen van de stand van zaken. Op een enkeling na wist ik de aandacht van iedereen goed erbij te houden. Degene die er doorheen praatte, wist ik stil te krijgen, de focus op mij te leggen en mijn visie/plan duidelijk weer te geven. Laat een groep wolven geleid worden door een leeuw en zij zullen zich net zo gedragen.

Op gegeven moment raakte mijn emmer tijdens deze situatie erg vol door de prikkels die als neutronen van een kilo uranium wegschoten en ik naar iedereen individueel wilde luisteren en antwoorden. Met als kers op de taart mijn docent Krijn met advies half over mij heen walste over het classificeren van componenten. Naar mijn idee bleef ik dat moment relatief kalm, maar wist naderhand wel open kaart te spelen bij externe studeren dat zelfs ik zo mijn limiet heb. Mijn docent vertelde later dat het niet zo bedoeld was en daar dachten wij hetzelfde over. Hierin kan ik mij wel in een ander verplaatsen.

Tom Poortman kwam later die middag met feedback voor mij om mij te herinneren aan het feit om de balans op te zoeken en passief te wezen en bepaalde situaties alleen te observeren en de teugels een klein beetje te laten vieren. Ik maakte hem duidelijk dat ik dat waardeerde en complimenteerde hem daarop.

Ik kan met een goed gevoel terugblikken op deze dag. Ik weet nu hoe bepaalde situaties in zwaar weer kunnen belanden en hoe ik hier in mijn positie moet vinden.

Differentiatie

dinsdag 15 november 2022

Tijdens deze differentiatie dag begonnen we met een live code sessie met Cyd. Ik had de dag daarvoor aangegeven hoe het maken van formulieren mogelijk is. Dit onderwerp sneden we aan en kregen verdere verdieping met het maken daarvan.

Huisstijl responsive toepassen

woensdag 16 november 2022

Woensdag kregen we een college over responsive huisstijlen, hoe je componenten toepast en consistent de stijl toepast op alle apparaten. Dit viel precies onder het kopje responsive webdesign.

Na het college kwamen we samen en bespraken we wie welke componenten op zich nam.

Differentiatie

donderdag 17 november 2022

Op donderdag begonnen we de dag met een E.H.B.O (Eerste Hulp Bij Opmaken) sessie. Vooraf kregen we een gigantisch A2 vel waarop we principes konden inschieten waar we meer uitleg over wilden hebben. Ik kwam zelf met Formulieren en ARIA-labels en bij deze twee zette ik een turf neer.

Code/Design-review

vrijdag 18 november 2022

Tot slot sloten we de week af met een code en design review. Oorspronkelijk zou ik de conferentie "Maak het bruikbaar" bijwonen, maar besloot woensdag mijn deelname af te zeggen om de review bij te wonen. Nu had dit project de meeste prioriteit.

Vandaag zal de boeken voor mij in gaan als een van mijn donkerste momenten. Aangezien ik mijzelf centraal had neergezet om deze groepsopdracht in goede banen te leiden, resulteerde het tot een complete catastrofe. Op vrijdag was het de bedoeling om iedereen zijn pagina met component waaraan iedereen zou werken live zou moeten staan, stonden er dat moment van drie mensen een tussentijdse versie klaar. Github is een uitstekende tool om mee samen te werken, alleen hadden wij en ikzelf nog niet alle kennis ervan.

Ik had om merge conflicten te voorkomen voor iedere component een branche aangemaakt, inclusief de afspraak dat iedereen een persoonlijk html- & css bestand zou aanmaken zodat wijzigingen tijdens samenvoegingen en pushen parallel langs elkaar zouden bewegen zodat bugs onmogelijk gemaakt zouden worden. Dat had als gevolg dat veel mensen niet wisten hoe gepusht kon worden van hun eigen branche naar het main kanaal en dus dat veel werk niet live stond. Plus het feit dat ik de 'leider' was dat ik verantwoordelijk voor werd gehouden.

Ik ben na deze ervaring duidelijker wijzer geworden dat in deze situatie ik niet het voortouw had moeten nemen omdat aan de kant van mijn medestudenten zij passief achterover konden leunen en toekijken waar het schip zou gaan stranden. Hier had ik geen rekening mee gehouden, had ik zelf gedacht dat men initiatief zou tonen en mij op de hoogte zou houden van actuele zaken. Had er dan geen lead aanwezig moeten zijn? Nee, een project met twaalf mensen is een extreem moeilijke uitdaging, plus het feit dat er een huisstijl opgemaakt moest worden die 'consistent' moet zijn. Twaalf mensen als een kip zonder kop laten coderen is ook geen optie.

Na de sprint review gingen we in een kampvuur sessie evalueren en reflecteren op de afgelopen week hoe het samenwerken is gegaan. Vanuit mijn kant had ik passiever moeten optreden en minder team-lead moeten uithangen zodat mijn medestudenten meer initiatief zouden tonen. Tevens gaf ik mijn team de feedback om actief en direct vragen te stellen bij onduidelijkheden.

We maken allemaal fouten. Dat is menselijk, normaal en tijdloos. Het belangrijkste is is dat je daarover kan praten en kan terugblikken hoe het fout is gegaan. Ik heb na vandaag een belangrijke les geleerd.