Design Hub

Van documentenwaterval naar agile designsysteem

Transcript

1. Design Hub Van documentenwaterval naar agile designsysteem
3. Agile vraagt om een andere designaanpak 4 Met waterval wordt elke fase opgebouwd en weer afgebroken voor de volgende fase (schetsen ➜ wireframes ➜ mockups ➜ templates). Het gedane werk raakt in de vergetelheid. 4 Om iteratief én constructief te werken komt een Design Hub van pas.
5. Wat is een Design Hub? 1. Designdocumentatie 2. Assets (logo's, icons, fonts, etc.) 3. Front-end componenten en templates (html / css / js)
6. Websites en apps van een organisatie staan niet op zichzelf. Er moet met één mond worden gesproken door een organisatie en daarom is een designsysteem nodig.
7. De Design Hub vormt de documentatie en de basis voor implementatie van het designsysteem. Het is echter een handleiding en geen wet; projecten die gebruik maken van de Design Hub kunnen blijven experimenteren en zodoende input leveren voor de Design Hub.
8. 1. Designdocumentatie van elementen
9. 2. Designdocumentatie van componenten
10. 3. Designdocumentatie van templates
11. Alle Design Hub onderdelen zijn in technische zin direct te gebruiken door andere projecten als dependency. Naast documentatie is het dus ook direct implementeerbaar.
12. Waarom een Design Hub? 4 Design door alle projecten heen consistent houden 4 Design kan native in browser worden bekeken 4 Niet steeds alles afbreken en opbouwen
13. Een Design Hub zorgt er in hoofdzaak voor dat alle teams binnen een organisatie één designsysteem hanteren.
14. Hoe zit dat praktisch? 4 Designdocumentatie in versiebeheer 4 Design te zien in native omgeving 4 Designelementen als dependency inladen in andere projecten 4 Een centrale plek voor verschillende disciplines om aan design te werken
15. Technisch gezien is de Design Hub een Git repository die met wat tools doet wat het moet doen. Een Design Hub is geen kant en klare tool maar een manier van het integreren van een designsysteem binnen een organisatie.