Fase 1: Concept & Design โ
In deze fase wordt het idee gevalideerd, een visueel ontwerp gemaakt en eerste feedback verzameld. Er is geen technische implementatie in deze fase.
1. Algemeen โ
- Naam van de component is vastgesteld volgens dcr richtlijnen (de naam van het component start met
dcr-en dekt de alding over zijn functionaliteit). - Doel dat de primaire functionaliteit beschrijft, is in 1 zin geformuleerd
- Eventuele varianten zijn beschreven
- Minstens 1 gebruikerssituatie is beschreven.
- De context waarin de component wordt gebruikt is beschreven.
- Toegankelijkheidsrichtlijnen zijn gedocumenteerd volgens WCAG 2.2
- Acceptatiecriteria zijn opgesteld voor fase Kickstart
2. Design โ
- Visuele schets of wireframe is beschikbaar.
- Screenshots of mockup is toegevoegd aan de Loop pagina.
- Toegankelijkheidsonderzoek is gedocumenteerd in Figma (op kleurcontrast en leesbaarheid)
- De basis component is gepubliceerd in de Figma Components bibliotheek
- De component is beschikbaar in de design- en componentbibliotheek in Figma.
- Alle beschreven varianten zijn gepubliceerd in de Figma Components bibliotheek
- De link naar de component in Figma is toegevoegd in de Loop pagina.
- Het design is gedeeld met minstens twee betrokken teams voor feedback.
- De component is gemarkeerd met ready-for-dev in Figma.
3. Documentatie โ
- De specifieke vereisten voor ontwikkeling van fase Kickstart zijn gedocumenteerd
- Er is een User Story beschikbaar in Azure Devops waarin de acceptatie criteria zijn opgenomen.
- Er zijn taken aangemaakt volgens de vereisten van de acceptatie criteria.
- De component is klaar gezet in dcr-components lib, met een lege render() en lege styles overrides
- Een lege
<naam>.styles.scssis klaargezet. - Een basis
docs/<naam>.stories.tsis klaargezet. - Bij de tags in deze
*.stories.ts bestandis โexperimentalโ klaargezet. - Deze scaffold is beschikbaar in origin/develop.
4. Review โ
- Feedback van minimaal twee teams is verzameld en gedocumenteerd in fase Kickstart.
5. Rolllout โ
- De status van de component is bijgewerkt naar Concept & Design