portfolio
home leerdoelen proftaak projecten
Concept Interaction Design Interactief Mediaproduct Code Iteraties Advies Focus

Leeruitkomst 5: Iteraties

Je presenteert de samenhang tussen opeenvolgende iteraties in je methodische handelingen, iteratief ontwerp- en ontwikkelingsproces op een professionele manier.


Tijdens het project voor WeRelate heb ik de samenhang tussen verschillende iteraties in het ontwerp- en ontwikkelingsproces uitgewerkt en gepresenteerd. Ik werkte methodisch en iteratief, met behulp van technieken zoals divergentie en convergentie om het concept en product stapsgewijs te verbeteren. De Agile projectmethodiek werd toegepast om efficiënt samen te werken en het proces professioneel te organiseren. Het doel was niet alleen een hoogwaardig eindproduct te realiseren, maar ook om op basis van feedback continu verbeteringen door te voeren, zodat het product beter aansloot bij de behoeften van de doelgroep en aan professionele standaarden voldeed.


Beschrijving Leeruitkomsten:
Wat heb ik gedaan? - Wat heb ik geleerd? - Hoe maakt me dat een betere media designer?


• Iteraties - Professioneel - Agile - Methodisch handelen


Wat heb ik gedaan?

1. Wireframes en Prototyping: Ik begon met het ontwerpen van wireframes om de structuur en navigatie van de app WeRelate visueel te maken. Deze wireframes dienden als eerste stap in het iteratieve proces en werden meerdere keren geëvalueerd op basis van feedback van teamleden en gebruikers. Vervolgens werkte ik deze uit tot high-fidelity prototypes in Figma, waarin ik interactieve elementen zoals toggles, sliders en animaties implementeerde om de gebruikerservaring realistischer te maken.

fotobannerfotobanner

2. Toepassing van Divergentie en Convergentie: Tijdens de conceptontwikkeling paste ik divergentie toe om zoveel mogelijk ideeën en oplossingen te genereren. Een opvallend voorbeeld hiervan was het idee voor Amber, een speelse en relativerende avatar in de vorm van een stoïcijnse steen. Het doel van Amber was om de onboardingervaring creatiever en aantrekkelijker te maken. Door divergent te denken, bedacht ik verschillende concepten voor de vorm, persoonlijkheid en functie van de avatar. Uiteindelijk convergeerden we naar de beslissing om Ember niet in de app te integreren, omdat het de interface te druk maakte en afleidde van de kernfunctionaliteit. Dit proces liet me zien hoe belangrijk het is om tijdens de divergentiefase buiten de kaders te denken, maar ook hoe waardevol het is om in de convergentiefase kritisch te selecteren wat daadwerkelijk bijdraagt aan de gebruikservaring.
3. Usability Tests en Feedback:
Ik heb usability tests afgenomen met een groep potentiële eindgebruikers om te achterhalen hoe zij de functionaliteiten en interface van de app ervoeren. De resultaten van deze tests werden systematisch geanalyseerd en gebruikt om verbeterpunten te identificeren en door te voeren in het ontwerp. Dit hielp ons te valideren of de gekozen functies en ontwerpelementen daadwerkelijk aansloten bij de behoeften van de doelgroep.
4. Toepassing van de Agile Methodologie: Samen met mijn team werkte ik volgens de Agile projectmethodiek. We verdeelden het werk in sprints en gebruikten tools zoals scrum en een scrumboard om onze voortgang te monitoren. Deze aanpak hielp ons om iteratief te werken en snel te reageren op nieuwe inzichten of knelpunten.

fotobannerfotobanner

5. Documentatie van Iteraties: Ik hield zorgvuldig documentatie bij van elke iteratie, waarin ik verbeteringen, veranderingen en de achterliggende redenaties vastlegde. Dit hielp niet alleen om een overzicht te houden, maar ook om transparant te zijn naar stakeholders en teamleden. Documentatie van het divergentie- en convergentieproces maakte het mogelijk om te reflecteren op keuzes zoals het afwijzen van het Amber-concept, met onderbouwing vanuit gebruikersfeedback en projectdoelen.

Wat heb ik geleerd?

1. Iteratief Ontwerp:
Ik heb geleerd dat een iteratief proces cruciaal is voor het ontwikkelen van een kwalitatief hoogwaardig mediaproduct. Door telkens kleine verbeteringen door te voeren op basis van feedback en tests, kon ik een product creëren dat beter aansluit bij de wensen en behoeften van de doelgroep.
2. Divergent en Convergent Denken:
Het proces van divergentie en convergentie heeft me geholpen om creatief te denken zonder grenzen, maar ook om gestructureerd keuzes te maken. Het concept van Amber was een van de meest leerzame ervaringen hierin. Hoewel het idee origineel en creatief was, leerde ik dat niet elk idee uiteindelijk past binnen het grotere plaatje van het product. Het proces leerde me hoe je objectief kunt kijken naar je eigen creaties en kunt loslaten wat niet werkt, zelfs als je er enthousiast over bent.
3. Gebruikersgericht Ontwerpen:
Het uitvoeren van usability tests heeft me geholpen om te begrijpen hoe belangrijk het is om de eindgebruiker centraal te stellen in het ontwerp. De feedback uit deze tests gaf me inzicht in hoe gebruikers interactie hebben met de app en waar mogelijke verbeterpunten lagen. Dit heeft direct invloed gehad op de aanpassingen van de navigatie en onboarding.
4. Gebruik van Figma:
Voor het eerst werken met Figma heeft me geholpen mijn technische vaardigheden in prototyping te verbeteren. Ik leerde niet alleen de basis, maar ook geavanceerdere technieken zoals het maken van interactieve componenten, toggles, sliders en animaties. Deze vaardigheden hebben mijn ontwerpen realistischer, visueel aantrekkelijker en overtuigender gemaakt.
5. Teamwork en Communicatie:
Door in een multidisciplinair team te werken, heb ik geleerd om technische en creatieve input effectief samen te brengen. Het begrijpen van elkaars verantwoordelijkheden en het vinden van een gedeelde visie op het project waren essentieel voor onze voortgang. Dit heeft ook mijn communicatieve vaardigheden verbeterd, waardoor ik nu beter in staat ben om feedback te geven en te ontvangen.
7. Agile Methodologie:
Werken volgens de Agile principes leerde me flexibel te zijn en snel in te spelen op veranderingen. Het werken in sprints gaf structuur aan ons proces en zorgde ervoor dat we duidelijke doelen stelden en haalden. Dit gaf mij de kans om mijn werk in kleinere delen op te splitsen, wat zorgde voor minder stress en een betere beheersing van deadlines.
7. Iteraties Documenteren:
Door iteraties te documenteren, heb ik geleerd hoe belangrijk het is om het proces vast te leggen. Dit maakt het eenvoudiger om keuzes te verantwoorden en helpt bij het presenteren van het project aan stakeholders. De documentatie was ook nuttig om voortgang zichtbaar te maken en anderen inzicht te geven in de rationale achter bepaalde ontwerpkeuzes.
fotobannerfotobanner

Hoe maakt me dat een betere media designer?

Deze ervaringen hebben me geholpen een completere mediadesigner te worden. Door het iteratieve ontwerpproces begrijp ik nu beter hoe ik gebruikers centraal kan stellen en feedback kan gebruiken om producten te verbeteren. Mijn creatieve denkproces is versterkt door de toepassing van divergentie en convergentie, wat me heeft geleerd kritisch te kijken naar welke ideeën waarde toevoegen. De technische vaardigheden die ik in Figma heb ontwikkeld, stellen me in staat om realistischere prototypes te maken, wat het testproces versnelt en effectiever maakt. Samenwerken met een multidisciplinair team heeft mijn communicatieve vaardigheden aangescherpt, en dankzij de Agile werkwijze kan ik flexibeler inspelen op veranderingen. Door gestructureerd te documenteren, heb ik bovendien meer grip op het proces en kan ik mijn keuzes beter verantwoorden naar stakeholders. Al deze aspecten maken me tot een zelfverzekerdere en veelzijdigere mediadesigner.


Iteraties

Iteraties Figma Prototype Klik Hier

Documentatie Iteratief Proces Klik Hier

Usability test 1 Klik Hier

Usability test 1 resultaten Klik Hier

Usability test 2 test plan Klik Hier

Usability test 2 resultaten Klik Hier

Scrumboard Klik Hier



“Design is not just what it looks like and feels like.
Design is how it works.”


-- Steve Jobs --


pink background small2