Vervolgsprints
Wanneer de 0-sprint is goedgekeurd en er is een basisvormgeving gekozen, ga je user story’s één voor één uitwerken in een sprint. In de sprintplanning beslis je samen met de product owner (opdrachtgever) welke user story's je uit gaat voeren.
Het werk van een sprint bestaat uit de volgende onderdelen:
Kies voor sprints van maximaal 2 weken.
Inventarisatie(MV wp1.4, MD wp1.3)
Je begint een sprint met de inventarisatie van de benodigde functionaliteit van de user story(s).
Vraag hiervoor dezelfde testpersonen als de eerste gebruikerstest.
Het doel van deze test:
- controleren of de inventarisatie volledig is
- het vaststellen van de samenhang tussen de functies
- het vaststellen van de (site)structuur
Doen
- Lees deze les voor meer informatie
- Kijk deze video
- Maak je inventarisatie zo volledig mogelijk
- Vraag je testpersonen uit de 0-sprint.
Niet doen
- Denken: dit is alleen voor MVI
- Denken: dit is alleen voor MD
- De daily stand-up overslaan
Functioneel ontwerp (MV wp1.4, MD wp1.3)
Je begint een sprint met de inventarisatie van de benodigde functionaliteit van de gekozen user story(s).
Alle functies werk je uit in wireframes voor de verschillende devices (prototypes). Begin met mobile en werk dan naar groter scherm. Alle items van de inventarisatie zijn terug te vinden in de wireframes. Koppen, menu’s en labels van formulieren zijn “echte” teksten (dus geen Lorem Ipsum). Bij een tekstvlak zet je kort de inhoud van het tekstvlak.
Bedenk ook goed welke functies waar op de verschillende devices moeten komen.
Maak eerst ruwe schetsen op (grid)papier (minstens 3 schetsen voor 3 verschillende schermformaten).

Maak eventueel aanklikbare wireframes met Axure/XD/ander prototypetool. Een andere mogelijkheid is de wireframes bouwen met div’jes in html.
Let op: ook hier wil de opdrachtgever keuze hebben uit verschillende ontwerpen.
De (aanklikbare) wireframes gebruik je voor een gebruikerstest en leg je voor aan de opdrachtgever zodat hij/zij een keuze kan maken.
Doen
- Begin met schetsen, want dat werkt snel
- Maak wireframes aanklikbaar
- Begin met de kleinste gewenste device
- Maak ook een functioneel ontwerp van een eventuele back-end
Niet doen
- Lorem Ipsum
- Streepjes i.p.v tekst
- De daily stand-up overslaan
Interactie ontwerp (MV wp1.4, MD wp1.4)
Je kunt de flow van een bepaalde taak verder uitwerken in een sitemap en een storyboard met beeld van de verschillende opeenvolgende schermen. Deze kun je opnemen in het functioneel prototype.
Andere vormen van interactie laat je zien door mock-ups. Denk hierbij aan het verschil tussen touchscreens, muisklikken en andere invoermogelijkheden.
Doen
- Kijk naar deze les over interactie.
- Geef de opdrachtgever iets te kiezen
- Werk voorbeelden uit
Niet doen
- Denken: dit is alleen voor MVI
- De daily stand-up overslaan
Technisch ontwerp (MD wp1.4)
Kijk voor meer informatie naar MD-projectdocumentatie
Doen
Niet doen
Visueel ontwerp (MV1.4)
Vanuit het functioneel ontwerp ga je de verschillende functies vormgeven. Je gebruikt hiervoor de elementen van de basisvormgeving. Je maakt verschillende versies van verschillende voorbeeldpagina’s. Deze presenteer je aan de opdrachtgever zodat hij/zij een keuze kan maken.
Doen
- Je houdt rekening met:
- SEO (denk aan structuur van de content, zoekwoorden in de content, enz)
- Goede landingspagina(’s)
- Call to action
- Alle pagina’s staan op zichzelf
- Uitlijning (grid)
- Duidelijk ‘waar ben ik’, ‘wat kan ik doen’, ‘waar kan ik heen’
- Vaste elementen op een vaste plaats
- Aidas
- Technische uitvoerbaarheid
- De opdrachtgever in staat stellen om te reageren op deelproducten
Niet doen
- alleen ontwerpen voor breedbeeld
- de schetsfase overslaan
- het alleen op je eigen computer opslaan
Voorbereiding realisatie (MV wp2.1 MD wp2.1)
Voor de voorbereiding van de realisatie verzamel je alle benodigde content en zorg je er voor dat deze voldoen aan de benodigde specificaties, bruikbaar en geschikt zijn voor de verdere verwerking. Bijvoorbeeld:
- eventuele foto’s, geluidsfragmenten en video content produceren
- rechten regelen voor de verschillende media
- bestaande afbeeldingen bijsnijden, kleiner maken, kleurdiepte aanpassen en opslaan in verschillende afmetingen voor de verschillende devices.
- teksten aanpassen voor online lezen
- teksten aanpassen aan marketingconcept
Doen
- Letten op download-snelheid
- Teksten passen bij doelgroep
- De rechten van de afbeeldingen regelen
Niet doen
- Orginele bestanden weggooien
- De daily stand-up overslaan
Realisatie (MV wp2.3, MD wp2.3 wp2.5 wp2.6 )
De front-end wordt gebouwd, de pagina’s worden gevalideerd en verder geoptimaliseerd.
Aan de back-end bouw je het cms en koppel je de databases. Je regelt alle toegangsrechten.
Nadat je de eerste versie online staat, ga je het uitgebreid testen.
Deze tests laat je uitvoeren door gebruikers. Je vraagt ze hierbij de user story’s te doorlopen. Alle feedback verwerkt je, zodat je komt tot een verbeterde versie.
Meestal moet je dit een aantal keren herhalen, voordat alle fouten er uit zijn.
Doen
- Testen, testen, testen
- Valideren
- Optimaliseren
Niet doen
- De benodigde tijd onderschatten
- De daily stand-up overslaan
Oplevering/implementatie (MV wp2.4 wp2.5, MD wp3.3 wp3.2 wp3.4)
Na afloop van een sprint zet je het resultaat van de sprint online.
Nadat alle sprints zijn doorlopen volgt de definitieve oplevering. Bij deze oplevering staat het hele product op de juiste server online en is het eventuele printwerk aangeleverd. De opdrachtgever kan met het product werken. Dit betekent ook dat de opdrachtgever een duidelijke handleiding heeft. Hij heeft advies en instructie gekregen over de werking van het product.
Doen
- Lees MD-projectdocumentatie
- Zorgen dat de opdrachtgever het proces kan volgen
- Testen op verschillende platforms
Niet doen
- Denken: dit is alleen voor MD
- De benodigde tijd onderschatten
Sprint demo (MV wp1.5)
Bij de sprint demo laat je het resultaat van de sprint zien. Je laat de product owner en eventuele andere stackholders testen.Je laat zien dat het product voldoet aan de definition of done.
Het doel van deze presentatie is het krijgen van feedback!
Omdat de product owner niet altijd aanwezig/beschikbaar is, plan je na de demo meteen de volgende sprint in.
Doen
- Bereid de demo goed voor
- Motiveer de keuzes die je hebt gemaakt
- Aantekeningen maken
- Goed omgaan met feedback
Niet doen
- Denken: dit is alleen voor MVI
- De retrospective overslaan