Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design System
Search
Juliane Albuquerque
December 05, 2018
0
49
Design System
Juliane Albuquerque
December 05, 2018
Tweet
Share
More Decks by Juliane Albuquerque
See All by Juliane Albuquerque
React Component Pattern
julianealbuquerque
0
46
Retrospectiva CSS
julianealbuquerque
0
16
Front End - Web + HTML
julianealbuquerque
0
32
Front End - Classes + ID's + CSS + GITHUB
julianealbuquerque
0
33
Front End - Estilizando com CSS
julianealbuquerque
0
26
Front End - Especificidade CSS + Box Model
julianealbuquerque
0
63
Front End - Bootstrap + Media Queries
julianealbuquerque
0
31
Front End - Javascript
julianealbuquerque
0
52
Front End - JQuery
julianealbuquerque
0
35
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
How to Ace a Technical Interview
jacobian
275
23k
Typedesign – Prime Four
hannesfritz
39
2.3k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
279
13k
Infographics Made Easy
chrislema
239
18k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.9k
How to train your dragon (web standard)
notwaldorf
87
5.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
231
130k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
GraphQLの誤解/rethinking-graphql
sonatard
65
9.9k
The Art of Programming - Codeland 2020
erikaheidi
50
13k
The Pragmatic Product Professional
lauravandoore
31
6.2k
Transcript
Design System
JULIANE ALBUQUERQUE @Juliane_Albq Frontend Developer MEU NOME É
Atlassian Design IBM Carbon Meetup Swarm Salesforce Lightning
O QUE NÃO É Design System
Styleguide
Biblioteca de padrões
Frontend Framework
Na verdade … DESIGN SYSTEM não é SÓ isso
O QUE É Design System
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.
Doug McIlroy Apresentou o Component-Based development em 1968
ECOSSISTEMA Design System
Design System não é algo definitivo ou estático e sim,
um ECOSSISTEMA VIVO e de CONSTANTE EVOLUÇÃO.
None
QUAIS OS BENEFÍCIOS Design System
Estabelecer CONSISTÊNCIA entre DESIGN e ENGENHARIA 1#
FORNECE BASE para construção de INTERFACES MODERNAS e SUSTENTÁVEIS 2#
FACILITAÇÃO e RAPIDEZ no embarque de novos Devs e Designers
no time 3#
Design System NA TECNOLOGIA
É uma ARMADILHA quando acoplamos uma interface de usuário com
uma stack de TECNOLOGIA ESPECÍFICA
É 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
O uso da TECNOLOGIA precisa ser AGNÓSTICA
COMPLEXIDADE jQuery vs React, Angular, Vue, Ember...
RECOMENDAÇÃO Ter uma arquitetura de SISTEMA HIERÁRQUICO que permite manter
um DESIGN SYSTEM agnóstico de tecnologia
None
None
None
CONCLUSÃO ...
DESIGN SYSTEM é cultural
DESIGN SYSTEM é um processo
Para que um DESIGN SYSTEM tenha sucesso é necessário que
TODOS estejam juntos no mesmo barco.
THANKS ... https://notlaura.com/resources-about-front-end-architecture-and-design-systems-etc/ MAIS INFORMAÇÕES: