4 September 2023 - 18 Januari 2024

Leerdoel 5: Prototypes presenteren

Competentie: Georganiseerd en Professioneel ontwerpen

Leerdoel beschrijving

Als front-end developer wil ik mijn projecten aan collega-developers presenteren om waardevolle feedback te verzamelen voor verbeteringen. Dit zal mijn kritische denkvaardigheden aanscherpen en me helpen betere ontwerpkeuzes te nemen. Dit leerdoel is cruciaal voor professionele projectpresentaties aan opdrachtgevers in mijn latere werktraject.

Communiceert en onderbouwt op overtuigende wijze ontwerpkeuzes en producten passend bij het publiek. Kan inspireren, informeren, overleggen, overtuigen en motiveren.- Georganiseerd en professioneel ontwerpen

 Alle medewerkers in het vergaderruimte
Alle medewerkers in het vergaderruimte

Hoe heb ik het leerdoel bereikt?

Om dit leerdoel te bereiken heb ik verschillende werkzaamheden gedaan waar ik de tijd had om mijn werk te presenteren aan de programmeurs maar ook andere collega's. In de eerste tien weken toen ik aan mijn eerste opdrachten werkte, had ik verschillende feedback sessie met de frontend developer. In zo'n sessie ging ik mijn code onderbouwen waarom ik de keuze heb genomen. Tussentijd krijg ik feedback on mijn om mijn werk te itereren. Verder heb ik deelgenomen aan een vergadering voor een klant. Daar ging ik observeren hoe er wordt gepresenteerd en de tips genoteerd. Als laatste heb ik mijn WordPress website 4stagiair presenteren voor de hele go2people team.

  • Presenteren voor de hele go2people team
  • Deelnemen bij verschillende team vergaderingen zoals de standup
  • Powerpoint voorbereiden voor presentatie.
  • Code reviews en feedback sessies houden met programmeurs waar ik mijn code kon onderbouwen.
  • Deelgenomen bij online vergadering van een klant om wireframes te bespreken.

Ga naar reflectie

Opdrachten

Hieronder vind je alle prototypes die ik zelf heb gemaakt met HTML, SCSS,

Code review en Feedback sessie

Hoe wordt het gedaan?

Code review is een proces waar programmeurs elkaar codes bespreken en beoordelen, of efficient en gestructureerd geschreven is. Het voorkomt dat je bugs in je project krijgt. Ik krijg vaak code review wanneer ik een opdracht of functionaliteit afrond bijvoorbeeld de html structuur, of vormgeving van de pagina's. Ik plant de vergadering in en ik ga samen met de programmeur naar mijn werk kijken. De frontend developer gaat het Figma ontwerp kijken en daarna het geprogrammeerde prototype. Hij benoemt de feedbackpunten, daarna ga hij naar mij code kijken, soms geef hij mij tips hoe je de code beter kan schrijven.


Feedback moment

Het is ook een moment waar ik de kans krijgt om mijn code te onderbouwen. Dus ik ga vertellen waarom ik dit heb gedaan en waarom dat een goede keuze is. Vooral bij mijn eindproject moest ik veel gaan onderbouwen want het ging over een website waar ze eventueel online ga zetten. Hiermee ben ik beter in geworden om mijn keuzes te onderbouwen.


Voordelen van een code review

  • Er wordt naar me code gekeken
  • Ik krijg feedback op mijn code
  • Ik leer nieuwe trucjes die ik kan gebruiken
  • Ik kan mijn keuzes op bepaalde functionaliteiten onderbouwen
  • Ik kan van de programmeurs leren
 Alle medewerkers in het vergaderruimte
Alle medewerkers in het vergaderruimte

Observeren hoe je aan klanten presenteert

Wireframes aan klanten presenteren

Als onderdeel van mijn observatieopdracht wilde ik weten hoe je prototypes aan klanten presenteren. Op een dag kreeg de kans om bij te zijn de wireframe presentatie voor de opdrachtgever stichting Prixma. Stichting Prixma wilde een nieuwe website bouwen en de UX designer heeft daardoor de wireframe van de Homepagina en een sitemap presenteren.

Ik heb gevraagd om bij de presentatie aanwezig te zijn om het project aan klanten te observeren, zodat ik kan zien hoe deze presentaties worden uitgevoerd. Hierdoor heb ik veel kunnen leren.


Hoe is het gegaan?

  • Voor online gesprekken met klanten heb worden altijd met Google meet gewerkt.
  • Projectmanager start met de introductie:
    • Iedereen voorstellen
    • Doel van deze gesprek namelijk het presenteren van de homepagina, wireframe en de sitemap. Daarna woord geven aan de UX-designers
  • Wat eerste wat gebeurde was dat de UX-designer deel scherm en laat aan iedereen de Figma bestand zien liep door de sitemap heen en onderbouwde bepaalde keuzes die ze heeft gemaakt en tussendoor vraag zij feedback aan de opdrachtgever of vragen voor bepaalde richtingen
  • Zij legde wel van tevoren uit wat de sitemap inhoud - Structuur hoe je de pagina navigeert
  • Wanneer de opdrachtgever een feedback punt benoemt, wordt het meteen in de Figma bestand naar de lay-out element genoteerd.
  • Wanneer alles duidelijk waren, ging de UX-designer verder met het wireframe homepagina. Daar heeft de projectmanager uitgelegd wat ze gaan verwachten bij een wireframe heen. Hier werd de homepagina doorgenomen en heeft ze wat punten onderbouwde.
  • Wanneer we helemaal klaar was, legde de projectmanager uit wat de vervolgstappen na deze gesprek waren. En verzoekt de opdrachtgevers om een email sturen met allerlei feedback over de wireframe. Voordat krijgen ze wel een pdf van die sitemap en wireframe. Met de feedback wordt een. Nieuwe versie gemaakt door de UX designer.
Bladgroen vergaderruimte voor klanten
Bladgroen vergaderruimte voor klanten

Handige tips

  • Begin presentatie met een duidelijke introductie, waarin deelnemers worden voorgesteld.
  • Begin presentatie met een duidelijke introductie, om te vertellen waarover het presentatie overgaat.
  • Gebruik online tools zoals google meet voor online vergadering
  • Verklaar belangrijke termen en concepten, zoals de betekenis van de sitemap en de structuur van de pagina-navigatie. Zorg ervoor dat alle betrokkenen een goed begrip hebben van de gebruikte terminologie.

4Stagiairs - Informatiepunt voor stagiairs bij go2people

Prototypen en uitwerken

4Stagiairs - Informatiepunt voor stagiairs bij go2people

Prototypen en uitwerken

4Stagiairs - Informatiepunt voor stagiairs bij go2people

Prototypen en uitwerken
Eindversie prototype

4Stagiairs - Informatiepunt voor stagiairs bij go2people

Prototypen en uitwerken
Eindversie prototype

4Stagiairs - Informatiepunt voor stagiairs bij go2people

Prototypen en uitwerken
Eindversie prototype

4Stagiairs - Informatiepunt voor stagiairs bij go2people

Prototypen en uitwerken
Eindversie prototype

4Stagiairs - Informatiepunt voor stagiairs bij go2people

Prototypen en uitwerken

4stagiairs eindpresentatie

Presenteren voor de team van go2people

Wanneer ik klaar was met mijn eindproject , kreeg ik de mogelijkheid om mijn project te gaan presenteren aan de hele team. Ik heb daardoor een powerpoint presentatie voorbereid en mijn presentatie houden. Er waren ook sommige collega's die online keken. De powerpoint presentatie heb ik via Figma gemaakt met dezelfde huisstijl van de website zelf. Het was makkelijker om de kleuren te overnemen.

Tijdens mij presentatie heb ik de hele proces laten zien. De ideegeneratie, mijn schetsen, Figma prototypes en de wordPress website zelf. Ik heb alle web elementen kunnen uitleggen en mijn keuze onderbouwd. Het werd makkelijker door al die code review die ik had met mijn stagebegeleider

Bladgroen vergaderruimte voor klanten
Bladgroen vergaderruimte voor klanten
Figma powerpoint presentatie

Reflectie op het leerdoel

Gedurende mijn stage heb ik me gericht op het verbeteren van mijn presentatievaardigheden en het effectief ontvangen van feedback. Dit was een belangrijk leerdoel, aangezien communicatie en samenwerking cruciaal zijn in een professionele omgeving.

De laatste twintig weken heb ik veel kunnen leren en beter worden in het presenteren van mij code. Het is dankzij de regelmatige feedback sessie en de code review met de frontend developer. Hierbij heb ik de kans gehad om mijn beslissingen en keuzes te onderbouwen. Dit proces bood niet alleen de mogelijkheid om mijn technische vaardigheden te delen, maar ook om waardevolle feedback te ontvangen die mij in staat stelde mijn werk te itereren.


Een hoogtepunt van mijn leerproces was de presentatie van mijn WordPress-website aan het gehele Go2People-team, waarbij ik mijn werk aan collega's van verschillende expertise kon presenteren. Dit gaf me de mogelijkheid om mijn ontwikkelde vaardigheden in de praktijk te brengen en te tonen aan een breder publiek.


Bladgroen vergaderruimte voor klanten
Ik aan het presenteren