1 of 9

Slide Notes

DownloadGo Live

Design System

Published on Jan 22, 2016

No Description

PRESENTATION OUTLINE

Waarom investeren in een Design Systeem?

Veel tijd besteden aan visual QA

Developers hebben hekel aan styling en pixel draaien

Product managers hebben hekel aan weinig voortgang
Photo by JESHOOTS.COM

Verschil tussen het design en het resultaat

Developers hebben hekel aan veel custom code voor een functie

Product managers hebben hekel aan kappotte functies waar niemand zich goed bij voelt
Photo by Toa Heftiba

Dezelfde functie toch weer net iets anders

Developers hebben hekel aan het wiel opnieuw uitvinden

Product managers hebben hekel aan inconsitentie

Wat is het doel vh Design Systeem?

Wat is de gedeelde visie?

Photo by Diego Jimenez

Design system - Mendix UI kit

Toepasbaar op de meerdere mendix apps zodat we snel kunnen starten en makkelijker aanpassen.

Gedeelde componenten voor snelheid, kwaliteit en schaalbaarheid. Custom code mag ook hoor!

White label styling support

Aanpassen van de styling zoals kleuren, logo's, lettertype, invoervelden, en labels op basis van domein naam.

Een enkele repository voor beheren van resources waaronder logo's, fonts, favicons en afbeeldingen.

Templates, building blocks & components

Templates, building blocks and re-usable components

Templates zijn voorbeelden van pagina layout;
Building blocks zijn voorbeelden van patronen;
Componenten zijn de functies voor
Photo by Susan Q Yin