Leerdoel #2 - Ontwikkelen in Figma Designs

Figma is een programma waar je schermen van bijvoorbeeld een app kan designen. Het wordt vaak gebruikt voor designers die bezig zijn met het ontwikkelen van Apps. Ik wil mezelf graag ontwikkelen in het programma Figma omdat dit mij kan gaan onderscheiden van andere commerciële studenten. Ook binnen het bedrijf waar ik werkzaam ben is er enorm veel vraag naar Designers die kunnen werken met het programma Figma. Ik wil meer waarde gaan bieden binnen Keynius, dit geeft mij de motivatie om het programma Figma te gaan ontdekken.

Zelf heb ik geen kennis van het programma en is dus alles nieuw voor mij. Dit prikkelt mij extra om er hard mee aan de slag te gaan. Het ambitieniveau dat ik wil behalen is dat ik voor Keynius opdracht kan aannemen om designs te maken voor hun Keynius App. Hier moet ik basiskennis voor hebben die ik in de praktijk moet kunnen inzetten. Designen is iets waar ik veel interesse voor heb, de combinatie met extra waarde creëren voor Keynius zorgt ervoor dat ik dit ontwikkelingsonderwerp he gekozen voor de komende periode. Keynius geeft me de ruimte om mezelf te ontwikkelen in het programma Figma tijdens werktijd, zij hebben dan ook licenties voor mij aangeschaft.

Actie 1 – Cursus basiskennis Figma volgen via Coursera

Aangezien Figma voor mij een onbekend programma is wil ik eerst mezelf goed scholen. Dit ga ik doen doormiddel van een basiscursus op Coursera. Deze cursus geeft mij theoretische kennis die ik direct moet toepassen in een oefenvorm. Hierdoor ben ik niet alleen bezig met theorie, maar kan ik dit direct in de praktijk toe passen. Om mijn ambitieniveau te behalen wordt deze actie een essentieel onderdeel, de basiskennis moet goed zijn voordat ik voor Keynius aan de gang kan en kan testen of ik het niveau aan kan. Ik verwacht dat ik met deze actie voldoende kennis opdoe om in een tweede actie voor Keynius aan de gang te kunnen met wat makkelijke opdrachten.

Reflectie op de cursus:

De cursus was volledig in het Engels, dit maakte het voor mij een stuk moeilijker dan gedacht. Alle termen die bij het UX designen horen stonden dus ook in het Engels uitgelegd waardoor ik veel heb moeten vertalen naar het Nederlands. Inhoudelijk was de cursus daadwerkelijk perfect voor mijn ontwikkeling. Alles wordt stap voor stap uitgelegd zodat je opgedane kennis direct in de praktijk kan oefenen. De eerste onderdelen van de cursus bestaan uit het ontdekken van het programma en het naar wens maken van je taakbalken. Dit zorgt ervoor dat je alles makkelijk kan vinden in het programma wat je nodig hebt tijdens je projecten. Vervolgens kwamen er lessen over bijvoorbeeld wireframing en elementen maken. Dit was allemaal onbekend voor mij, door een aantal lessen meerdere keren te doen lukte het uiteindelijk wel om de theorie in praktijk toe te passen. De cursus biedt zeker basiskennis, maar dit is soms nog heel lastig. Het programma zelf is geavanceerd waardoor de moeilijkheidsgraad in basiskennis natuurlijk ook omhooggaat. Ik raad het iedereen niet per se aan deze cursus te doen, het is beter op door een expert te worden geholpen in je eigen taal.

Certificaat: (Downloaden en een link ernaar kost geld, dus heb een screenshot genomen)

Reflectie Actie 1

Actie 1 was voor mij eigenlijk erg confronterend. Ik kwam er al snel achter dat het ontwikkelen van de skills Figma niet zomaar even een snel leerdoel was. Het UX designen brengt talloze termen met zich mee die je moet beheersen voordat je begint met designen. Ik heb dan ook de keuze gemaakt om hier extra tijd en energie in te steken omdat de eerste actie mij ook triggert om deze skills te beheersen. De passie voor designen zorgde ervoor dat ik actie 1 met succes heb afgerond. Het certificaat is behaald, maar veel belangrijk is dat ik vertrouwen heb gekregen in mezelf om mijn gewenste ambitieniveau te gaan behalen. Ik ben klaar om de praktijk in te gaan en mezelf nog verder te gaan ontwikkelen op het gebied van Figma. Uit eerdere jaren persoonlijk leiderschap weet ik namelijk dat de acties in praktijk vaak zorgen voor de grotere stappen richting je gewenste ambitieniveau.

Nu ik een voldoende basiskennis heb opgedaan die ik kan inzetten in de praktijk kan ik mijn tweede actie gaan invullen. Deze actie wordt volledig praktijk gericht en wordt uitgevoerd voor het bedrijf Keynius. Keynius biedt mij de ruimte deze ontwikkeling te maken, ze hebben een opdracht voor mij om aan te gaan werken in Figma. Ik mag een flow designen voor de Keynius App. Deze flow mag ik gehaal naar eigen kunnen maken, maar wel in de Keynius lay-out. Deze Lay-out is bekend bij mij en kan ik gebruiken tijdens actie 2.

Actie 2 – Een flow designen voor Keynius in Figma

Keynius heeft mij de ruimte gegeven om een praktijk opdracht op te pakken voor hun Keynius App. Hierdoor kan ik al mijn opgedane kennis nu voor een bedrijf gaan inzetten, wat ervoor zorgt dat mijn ontwikkeling verder kan voortvloeien. Keynius heeft een opdracht gestuurd met wat aandachtspunten, maar ik ben voor het grootste gedeelte zelf aan de leiding. Dit heb ik gevraagd zodat ik mezelf kan ontwikkelen door zelf na te moeten denken over bepaalde keuzes. Na het uitvoeren van deze opdracht ga ik feedback vragen aan een UX-designer van Keynius. Deze feedback ga ik bestuderen en verwerken. Aan het einde van deze actie hoop ik te kunnen zeggen dat ik een nieuwe skills beheers die ik kan gaan inzetten voor Keynius. Ik verwacht dat deze actie me ver brengt in de reis naar mijn gewenste ambitieniveau, ver genoeg om met nog 1 vervolgactie dit ontwikkelingsonderwerp af te sluiten.

Opdracht vanuit Keynius

Opdracht van UX Designer (Harmen) uitgevoerd:

De opdracht van Harmen was duidelijk en met mijn opgedane kennis ben ik aan de slag gegaan. Er zijn al veel designs gemaakt door hen, dus hieruit kon ik inspiratie opdoen. Ik kreeg dan ook de vrijheid om naar mijn eigen kwaliteiten een design te maken voor het registreren van een account op de Keynius App. Hieronder is te zien wat het resultaat is in Figma. Ik heb ervoor gekozen om de blauwe kleur aan te houden met dezelfde heading styles uit de huidige Keynius App. Zo loopt alles goed over op elkaar en past dit design binnen de huidige Keynius App. Verder heb ik afmetingen gebruikt uit eerder designs zodat dit passend is voor een mobiele app. Ik heb feedback gevraagd aan Harmen, zodat ik de designs kan gaan aanscherpen waar nodig.

Feedback

Goedemiddag Justin,

Bedankt voor je mailtje en eerste opzet van de flow voor het registreren van een account op de

Keynius App. Hierbij mijn feedback op je designs! Als iets niet lukt dan hoor ik het ban je.

· De blauwe kleur hebben we recent weggehaald uit de Keynius App. Gebruik de antracietenkleur als achtergrond voor Keynius. Op pagina 14 zie je een voorbeeld van hoe de huisstijl van de Keynius App er nu uit ziet. Pas dit even aan.

· Maak een voorpagina, hierbij kun je lockers gebruiken als achtergrond op de kleur. Zorg dathier 2 knoppen komen: Sign up en Log in.

· De links naar de Keynius App kunnen verwijderd worden in de designs.

· Maak een scherm voor een Signup code. Deze code ontvangen je van je bedrijf, dit geeft je recht op het registreren van een Keynius Account in de App. Hier hoeft geen "Robot"verificatie in.

· Je krijgt dus 5 schermen in deze flow.

Hierbij mijn feedback Justin, het is kritisch maar hier leer je het meeste van!

Nieuwe versie Figma designs

Reflectie actie 2

Deze actie was een uitdagende actie waarbij belangen van een echt bedrijf kwamen kijken. Vanuit het bedrijf waar ik werkzaam ben heb ik een opdracht gekregen om mijn ontwikkeling op het gebied van Figma verder door te bouwen. Hierbij voelde ik zeer zekere druk omdat ik het graag goed wilde doen voor het bedrijf. Door de vrijheid die ik kreeg vanuit de opdrachtgever kon ik mezelf beter ontwikkelen, ik ben zelf dingen gaan uitzoeken. Door zelf beslissingen te maken leerde ik snel hoe je bepaalde dingen vormgeeft in het programma. Met wat bestaande voorbeelden als inspiratie ben ik aan de slag gegaan met het programma Figma. Door een goede basiskennis liep dit eigenlijk redelijk soepel, de elementen die ik nodig had waren voor mij niet meer onbekend.

Ik heb een eerste opzet gemaakt en deze verstuurd naar de opdrachtgever. Vanuit de opdrachtgever kreeg ik snelle feedback en hier ben ik nogmaals mee aan de slag gegaan. Ik kwam erachter dat ik de basis goed onder de knie had, de aanpassingen heb ik namelijk zelf allemaal kunnen doorvoeren. Uiteindelijk is er een product uitgekomen die getest kan worden voor dat deze geïmplementeerd kan worden in de Keynius App.

Deze actie heeft mij dicht bij mijn gewenste ambitieniveau gebracht. Doordat ik de kans kreeg om in een bedrijfsomgeving aan een vraagstuk te werken is mijn ontwikkeling sneller gegaan dan normaal. De belangen van het bedrijf en de behoefte voor iemand die kan omgaan met Figma vanuit het bedrijf zorgde ervoor dat ik met volle inzet deze actie ben gaan uitvoeren. Voor mij als persoon heeft dit ervoor gezorgd dat ik mezelf professioneel heb kunnen ontwikkelen binnen een bedrijf. Ik heb de basis onder de knie van Figma, iets waar ik in een korte periode heel trots op mag zijn. Dit maakt duidelijk voor mij dat mijn levensmotto daadwerkelijk bij mij past. "hard works beats talent" zorgt ervoor dat ik met veel doorzettingsvermogen hetzelfde resultaat heb behaald als iemand met een talent voor designen. Dit inzicht neem ik mee naar mijn afstudeerperiode.

Om vervolg te geven aan deze actie ga ik hem implementeren in de Keynius App en de designs omzetten naar een versie die gedownload kan worden en naar India gestuurd kunnen worden. Deze laatste actie zorgt ervoor dat ik het gehele Figma proces leer en hiermee ook Keynius van meerwaarde ben.

Actie 3 – Designs converteren naar bestanden waarmee het ontwikkelingsteam verder kan werken

In deze actie ga ik de laatste stappen maken in mijn ontwikkeling. Binnen Keynius ben ik erachter gekomen dat je met een design op Figma zelf weinig kan. Dit design moet klaar gemaakt worden voor een team dit kan implementeren in een App. Binnen Keynius is er een ontwikkelingsteam in India die gespecialiseerd zijn in het na bouwen van bepaalde designs in een echte App. In deze actie ga ik mijn eigen designs klaar maken en laten versturen naar dit team in India. Dit is de laatste stap in het proces van een UX-designer, je designs laten ontwikkelen door een team. Omdat ik graag het hele proces wil leren heb ik ervoor gekozen om deze actie zo vorm te geven dat ik dit proces ook geheel kan meemaken.

Mijn gewenste ambitieniveau kan door het succesvol maken van deze actie zeker behaald worden. Ik heb geleerd hoe ik basiskennis toepassen binnen echte opdracht vanuit een bedrijf. Dit was mijn ambitieniveau, in dit proces ben ik erachter gekomen dat het proces verder gaat dan enkel een design ontwikkelen in Figma. Vanaf hier begint het echte werk pas voor het ontwikkelteam.

Designs omgezet naar werkbare bestanden:

Reflectie Actie 3

Deze actie was voor mij de minst uitdagende actie van dit proces, maar heeft er wel voor gezorgd dat ik het gehele proces onder de knie heb gekregen. Vanuit een opdracht werken naar een opdracht voor het ontwikkelingsteam in India. Door bepaalde stappen te volgen heb ik mijn designs succesvol kunnen converteren uit Figma. Met deze bestanden kan het DevOps team in India verder werken, zij gaan ervoor zorgen dat de designs in de Keynius App komen. Na het voltooien van deze actie kreeg ik eigenlijk direct een goed gevoel. Ondanks dat actie 1 en 2 mij veel meer inspanning hebben gekost, voelde deze actie als het eindpunt in mijn proces.

Reflectie ontwikkelonderwerp 2

Dit ontwikkelingsonderwerp was voor mij een heel ander proces dan mijn eerste onderwerp. Het leren van een "Hard Skills" neemt duidelijk geeft duidelijk andere uitdagingen dan het ontwikkelen van een "Soft Skills". Het programma Figma is erg geavanceerd, dit zorgde ervoor de het halen van mijn ambitieniveau de nodigde inspanning met zich mee heeft gebracht. Mijn doel was Figma zodanig onder de knie krijgen dat ik voor een bedrijf werkelijke opdracht kon gaan uitvoeren. Dit proces heb ik proberen na te bootsen in dit proces, ik ben voor een echt bedrijf aan de slag gegaan waardoor ik mijn ambitieniveau het beste kon meten.

De eerste actie maakte voor mij duidelijk dat het programma Figma niet zomaar een designprogramma is voor beginners. De cursus was voor mij vrij uitgebreid maar werd geschat als een "Beginners" cursus. Door veel lessen opnieuw te bestuderen en direct toe te passen in de praktijk lukte het mij uiteindelijk wel om de cursus te halen. Voor mij was een stukje vertrouwen en basiskennis belangrijker dan het certificaat wat je kreeg na het behalen van de cursus. De eerste actie heeft mij een groot stuk verder geholpen naar mijn gewenste ambitieniveau, dit omdat de basis van het programma Figma nu wel redelijk soepel verliep. Vervolgens wilde ik mezelf gaan testen binnen een bedrijf, hiervoor heb ik Keynius ingeschakeld. Bij Keynius speelt er een grote vraag naar UX-designers, dit was ook een reden dat ik voor dit ontwikkelingsonderwerp heb gekozen.

Bij Keynius hebben ze mij de tijd en ruimte gegeven om mezelf te gaan ontwikkelen in Figma. Aan de hand van een opdracht die ze voor mij hadden ben ik aan de slag gegaan. Ik kreeg hierin veel vrijheid, enkel kreeg ik wat inspiratiebronnen vanuit eerder gemaakte designs. Ik merkte als snel dat de cursus mij een goede basis heeft gegeven, de designs verliepen soepel en de eerste opzet was binnen een schappelijk periode ontworpen. Ik was zelf erg trots op het resultaat, het gevoel dat ik dichter bij mijn ambitieniveau kwam was onbeschrijfelijk. Uit de feedback kwamen nog wat puntjes ter verbetering, hier ben ik mee aan de slag gegaan. Ook het verwerken van de feedback lukte mij geheel zelfstandig, dit eigenlijk ter verbazing van mijn opdrachtgever. Uiteindelijk is er een kwalitatief design ontworpen waar Keynius verder mee gaat in hun Keynius App. In deze periode ben ik erachter gekomen dat een design op Figma zelf eigenlijk nog weinig toegevoegde waarde heeft, een ontwikkelingsteam geeft pas de toegevoegde waarde aan de designs. Voordat dit kan gebeuren moeten de bestanden op een juiste manier geconverteerd worden, dit heb ik direct meegenomen in mijn derde actie.

Mijn ambitieniveau was behaald, maar toch voelde ik dat ik meer had bereikt. Mijn motto "Hard works beats talent" is heel erg naar boven gekomen tijdens dit ontwikkelingsproces. Figma was helemaal nieuw voor mij, maar door veel inspanning en doorzettingsvermogen is het mij gelukt om mijn doel te halen. Voorafgaand dit leerdoel heb ik heel erg getwijfeld om dit wel te doen, maar nu heb ik er totaal geen spijt van. Ik kan zeggen dat ik het programma Figma zodanig onder de knie heb dat ik van meerwaarde kan zijn voor het bedrijf Keynius.