Ontwerp en maak creatieve oplossingen voor de interface.
Deze deeltaak hoort bij sprint # 17 Back to Static. Dit is een deeltaak die je in totaal drie keer individueel uitvoert. Bij de sprintplanning wordt de opdracht uitgelegd.
Deze deeltaak hoort bij de leertaak:
Je leert hoe je met CSS en client-side JS creatieve oplossing voor de interface kan ontwerpen en maken.
Je gaat werken op een manier die in scrum een programming spike wordt genoemd. Een spike is een taak gericht op het beantwoorden van een vraag of het verzamelen van informatie. In plaats van het produceren van een verzendbaar product. Bij sommige taken kan niet goed ingeschat worden tot het ontwikkelteam daadwerkelijk wat werk verricht om een technische vraag of ontwerpprobleem op te lossen. De oplossing is dan om een zogenaamde 'spike' te creëren.
Creative coding is a type of computer programming in which the goal is to create something expressive instead of something functional. - Wikipedia
Voor de opdracht van de opdrachtgever ontwerp en maak je creatieve oplossingen voor de interface. Nu de website statisch gegenereerd wordt kun je al je skills inzetten om de interface te verrijken. De bedoeling is dat je gebruikers "oooh" en "aaaah" roepen en niet meer kunnen stoppen met klikken! Of Scrollen! Of gooien!
Elke week ontwerp en maak je een creatieve oplossing, welke je op vrijdag gaat testen. Deze sprint ga je in drie spikes, 3 experimenten ontwerpen en maken.
- Kies of bedenk in overleg met jouw team een experiment om te gaan maken, gebruik hiervoor de (FDND Conceptroulette)[https://conceptroulette.fdnd.nl/]
- Maak een branch voor jouw experiment
- Maak een tijdsinschatting en schiet issues in voor je taken (lees even verder voor een idee van taken)
- Zoek inspiratie op het web en schets (snel) een aantal ideeen uit in een wireflow
- Maak een breakdown-schets met hoe je het experiment in code zou kunnen maken
- Bouw je experiment en doe een user test op je klasgenoten
- Documenteer je proces in de issue
- Checkpoint aankomende vrijdag tijdens de code/design review
Scroll-driven-animations:
- scroll-driven-animations.style door Bramus
- Unleash the power of scroll driven animations @ CSS-Tricks
Creative coding Inspiratie
Deze opdracht is done als je (in totaal 3x):
- Je hebt een creative-coding experiment ontworpen en gemaakt
- Je hebt in de wiki van de leertaak je proces gedocumenteerd
- Je hebt in de Readme van de leertaak de experimenten gepresenteerd