SamaraFellaDina
commented
3 hours ago Welke teams hebben soortgelijke ontwerpen?
- De volgende projecten hebben gewerkt aan de header:
- FDND
- WOGO
- Drop & Heal
- Mediahuis
Wat valt ons op?
- Veel andere projecten hebben een header aan de bovenkant ipv aan de zijkant
- Hij is simpeler opgebouwd.
Component Building Block
Code/Design Review Component
Review hetzelfde component bij andere teams en vergelijk jullie ontwerp en uitwerking met het Design-system van Decathlon
Aanpak
Deze week ben je begonnen met het ontwerpen van een component en het aanleggen van een component-library voor jullie project. Vandaag gaan jullie dezelfde componenten van andere teams reviewen en vergelijk je jullie ontwerp en uitwerking met het Design-system van Decathlon. De review doe je met je team.
Voorbereiding
Zet in de Readme van jullie project een link naar jullie Figma file met de ontwerpen die jullie hebben gemaakt. Post daarna de link van jullie repo en de naam van het project in het channel van
Sprint 16in Teams zodat jullie repo makkelijk te vinden is.Design review
Review bij andere teams de componenten die vergelijkbaar zijn met de componenten die jullie zelf hebben ontworpen. Je moet dus eerst even zoeken welke teams dezelfde componenten maken. Bijvoorbeeld: Wanneer jullie een navigatie, een button en een formulier hebben gemaakt dan gaan jullie opzoek naar drie soortgelijke componenten bij andere groepjes. Bekijk alle gemaakte variaties van het component-ontwerp in Figma en schrijf issues over de visuele hiërarchie en hoe de modular scale is toegepast. Review daarna de (breakdown) schetsen voor responsive, performance, toegankelijkheid en progressive enhancement. Je gaat gezamenlijk langs alle componenten.
Design-system Decathlon
Decathlon heeft een super uitgebreide styleguide waarin in detail beschreven en gepresenteerd staat hoe de huisstijl moet worden toegepast. Voor het web laten zij verschillende componenten zien, soms zelfs met voorbeeldcode en naamgeving van custom-properties.
Vergelijk de componenten die jullie hebben ontworpen met detzelfde componenten in het Design-system van Decathlon. Neem tips, tricks en ideeeën van de uitwerking en documentatie op in jullie projectboard.