Globalcode – Open4education TDC POA 2018 - Leonardo Merlin Design Systems Como, quando e por quê?
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Globalcode – Open4education
TDC POA 2018 - Leonardo Merlin
Design SystemsComo, quando e por quê?
Globalcode – Open4education
Sono?
Globalcode – Open4education
Olá, mundo!
Globalcode – Open4education
Tem Designer disponível sobrando aí?
Globalcode – Open4education
Fonte: https://techcrunch.com/2017/05/31/here-are-some-reasons-behind-techs-design-shortage/ - 31/05/2017
Times e proporção
Globalcode – Open4education
1:1102012
1:1162017
Globalcode – Open4education
Consistência e Linguagem
Globalcode – Open4education
Problemas? Labels
Globalcode – Open4education
Bootstrap, lembram?
Globalcode – Open4education
Design System você
As opiniões apresentadas aqui são do autor e não necessariamente refletem os interesses desta empresa.
Globalcode – Open4education
Changelog
- em Dez/2014 - Princípios, LibUI, Site...
Globalcode – Open4education
Changelog (resumido)
- em Dez/2014 - Princípios, LibUI, Site...
- em Ago/2015 - Prefixo css
Globalcode – Open4education
Changelog (resumido)
- em Dez/2014 - Princípios, LibUI, Site...
- em Ago/2015 - Prefixo css
- (Angular, Vue, React)
Globalcode – Open4education
Changelog (resumido)
- em Dez/2014 - Princípios, LibUI, Site...
- em Ago/2015 - Prefixo css
- (Angular, Vue, React)
…agora, Design System!?
Globalcode – Open4education
Design System
Globalcode – Open4education
"
principles guides components
"— Yaili de León, Microsoft
Globalcode – Open4education
"
designers and developers to build consistent products and experiences
"— Yaili de León, Microsoft
Globalcode – Open4education
"
is a product
"— Yaili de León, Microsoft
Globalcode – Open4education
Modelos de Time
Fonte: https://medium.com/eightshapes-llc/team-models-for-scaling-a-design-system-2cf9d03be6a0
Globalcode – Open4education
De uma Lib UI
Globalcode – Open4education
Modelos de Interação Estados
Para fluxos e comportamentos
Globalcode – Open4education
https://www.uxpin.com/studio/ebooks/by UXPin
Globalcode – Open4education
https://www.designbetter.co/design-systems-handbookby InVision
Globalcode – Open4education
https://www.amazon.com/Frontend-Architecture-Design-Systems-Sustainable-ebook/dp/B01B6WS868(recomendado por )
Globalcode – Open4education
CASE: 1. (problemas)
2. Inventário: cores, tipografia, ícones, grid...
3. Montamos o time de ataque!
4. “Pitch”
5. 1º MVP (4 sprints = 1mês).
6. (sustentação)
Globalcode – Open4education
Receita Federal Brasileira
“Design System da teoria à prática - um case com aplicações da suíte RFB”— Paulo André
http://assiste.serpro.gov.br/supde/video.php?nome=230638
Globalcode – Open4education
Quando?
Diana Mounter - Github (PrimeCSS)Fonte: https://www.youtube.com/watch?v=Hx02SaL_IH0
Globalcode – Open4education
Lições Aprendidas
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Design System você
Related Documents
