Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design Hub

Design Hub

Van documentenwaterval naar agile designsysteem

20e790491e8af6287a8543ae5d8c7030?s=128

Reinier Ladan

May 27, 2015
Tweet

Transcript

  1. Design Hub Van documentenwaterval naar agile designsysteem

  2. None
  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.
  4. None
  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.