Design System

Transcript

1. Design System
2. JULIANE ALBUQUERQUE @Juliane_Albq Frontend Developer MEU NOME É
3. Atlassian Design IBM Carbon Meetup Swarm Salesforce Lightning
4. O QUE NÃO É Design System
5. Styleguide
6. Biblioteca de padrões
7. Frontend Framework
8. Na verdade … DESIGN SYSTEM não é SÓ isso
9. O QUE É Design System
10. DESIGN SYSTEM é um CONJUNTO DE PADRÕES pré estabelecido CONSENSUALMENTE que tem como objetivo ser um INSTRUMENTO de comunicação entre times permitindo PROJETAR, REALIZAR e DESENVOLVER o produto.
11. Doug McIlroy Apresentou o Component-Based development em 1968
12. ECOSSISTEMA Design System
13. Design System não é algo definitivo ou estático e sim, um ECOSSISTEMA VIVO e de CONSTANTE EVOLUÇÃO.
15. QUAIS OS BENEFÍCIOS Design System
16. Estabelecer CONSISTÊNCIA entre DESIGN e ENGENHARIA 1#
17. FORNECE BASE para construção de INTERFACES MODERNAS e SUSTENTÁVEIS 2#
18. FACILITAÇÃO e RAPIDEZ no embarque de novos Devs e Designers no time 3#
19. Design System NA TECNOLOGIA
20. É uma ARMADILHA quando acoplamos uma interface de usuário com uma stack de TECNOLOGIA ESPECÍFICA
21. É necessário criar um algo que seja PORTÁTIL e ACESSÍVEL a qualquer stack de tecnologia para que ajude os times de produto a criar interfaces de usuário EFICIENTES e CONSISTENTE
22. O uso da TECNOLOGIA precisa ser AGNÓSTICA
23. COMPLEXIDADE jQuery vs React, Angular, Vue, Ember...
24. RECOMENDAÇÃO Ter uma arquitetura de SISTEMA HIERÁRQUICO que permite manter um DESIGN SYSTEM agnóstico de tecnologia
28. CONCLUSÃO ...
29. DESIGN SYSTEM é cultural
30. DESIGN SYSTEM é um processo
31. Para que um DESIGN SYSTEM tenha sucesso é necessário que TODOS estejam juntos no mesmo barco.
32. THANKS ... https://notlaura.com/resources-about-front-end-architecture-and-design-systems-etc/ MAIS INFORMAÇÕES: