Meiuca: Design System & Ops - Mostra Tua Cara 2021
Meiuca: Design System & Ops - Mostra Tua Cara 2021
Meiuca: Design System & Ops - Mostra Tua Cara 2021
System
& Ops
Mostra
tua cara
Comece aqui
Sobre a metodologia
Design System x Design Ops
Mergulho no tema
Perfis
Relação com Design System
Relação com Design Ops
Ferramentas & Plugins
Teoria Meiuca
O que levamos de tudo isso
1. A luta para mostrar valor
2. Primeiros passos
3. Início da implementação
4. Primeiros frutos
5. De olho no futuro
Dez mandamentos
Clique aqui
para voltar
ao menu :)
Sobre a metodologia
O desenvolvimento
da pesquisa
passou por duas
etapas.
A primeira etapa coletou dados de forma quantitativa,
entre os dias 15/03/2021 e 25/04/2021, por meio de um
formulário que rodou via Google Forms e foi divulgado
em redes sociais, grupos e comunidades ligados à
prática de design e desenvolvimento de produtos digitais
no Brasil.
Duas coisas
importantes:
• Essa não é uma amostragem estatística, mas é
completa o suficiente para extrapolar tendências de
mercado.
Design System
é um produto,
enquanto
Design Ops é
uma disciplina.
Com mais de 4 anos de estrada trabalhando com
Design System e Design Ops, nós da Meiuca,
pensamos, repensamos e chegamos na nossa própria
definição para esses conceitos:
tema
Perfis 10
Perfis
De todo mundo
que respondeu:
Perfil 1: 145 pessoas - (31,4%)
Trabalha com produtos digitais, mas não
tem contato com Design System
Em porcentagem de respostas:
51,2%
São Paulo
9,2%
Santa Catarina
8,8%
Rio Grande
do Sul
30,8%
Outros estados*
* Rio de Janeiro (6,9%), Paraná (5,8%), Minas Gerais (5,6%), Distrito Federal
(3,2%), Pernambuco (1,9%), Bahia (1,3%), Ceará (1,3%), Espírito Santo (1,1%),
Sergipe (0,8%), Alagoas (0,7%), Amazonas (0,4%), Goiás (0,4%), Maranhão
(0,4%), Rio Grande do Norte (0,4%), Pará (0,3%) e Tocantins (0,3%).
Perfis 12
Em porcentagem de respostas:
30,3%
30%
25,6%
20%
10%
6,9%
5,6%
4,9% 4,7%
... *
0
Internet, Tecnologia,
Telecomunicações,
Produtos Eletrônicos
Serviços Financeiros,
Bancos e Seguros
Serviços de
Consultoria
Educação
Saúde e Produtos
Farmacêuticos
Varejo e Bens de
Consumo Duráveis
Em porcentagem de respostas:
30%
22,4%
20%
16,8%
14,9% 15,3%
14,2%
11,2%
10%
5,2%
0
Pessoas
Funcionárias
01 - 10
11 - 50
51 - 200
201 - 500
501 - 1000
1001 - 5000
5000 +
Perfis 14
Em porcentagem de respostas:
33,3%
30%
20%
19,1%
18,1%
14,4%
11,4%
10%
1,9%
0,8% 1%
0
Pessoas
Designers
01 - 05
06 - 10
11 - 20
201 - 500
0
501 - 1000
21 - 50
51 - 200
Perfis 15
Em porcentagem de respostas:
62,8%
Não possui time
de Design Ops
37,2%
Possui time de
Design Ops
Relação com Design System 16
Em porcentagem de respostas:
54,3%
Menos de 1 ano
26,6%
1 - 2 anos
8,6%
2 - 3 anos
4,6%
Não sei
3,6%
Mais de 4 anos
2,3%
3 - 4 anos
Relação com Design System 18
As principais motivações
para a implementação
do Design System
estão relacionadas
à diminuição de
inconsistência,
melhora da experiência
e otimização dos
processos entre design
e desenvolvimento.
Ranking das principais motivações para a implementação, considerando as
respostas gerais:
Priorização, criação
de uma estratégia,
sistemas legados e
vícios processuais são
desafios recorrentes no
desenvolvimento do DS.
A ausência de apoio das lideranças e a falta de interesse interno em se
aprofundar no funcionamento de um Design System se mostraram as
barreiras mais difíceis de se ultrapassar.
Apesar de existirem
barreiras, é notável
o aumento do
entendimento sobre
o papel, os ganhos
e a importância de
um Design System
na evolução dos
produtos digitais.
Das 158 pessoas respondentes que não utilizam Design System:
Os principais ganhos
percebidos com
a implementação e o uso
do Design System são
a melhora na organização
e visibilidade interna da
estrutura dos produtos,
melhora nos processos
entre desenvolvimento
e design e aumento
da escalabilidade através
do reaproveitamento
de código e otimização
de recursos.
Relação com Design System 25
A resistência em aderir
ao uso do Design System
é mais alta nos times de
desenvolvimento do que
nos times de design.
Um fato decorrente da falta de inclusão ou de uma
inclusão tardia dos times de desenvolvimento nas
discussões e tomadas de decisão.
34,5%
bem engajada
A maior parte do
time já utiliza
21,7%
de design?
Em porcentagem de respostas:
O time está
começando
34,5%
a utilizar
4,3%
maior parte do time
Gráfico 7. Como o Design
Não sei
Relação com Design System
responder
System é utilizado pelo time
4,9%
27
Relação com Design System 28
Em porcentagem de respostas:
40,1%
30%
19,7%
20%
16,8%
14,1%
9,2%
10%
0
A maior parte do
time utiliza e está
bem engajada
A maior parte do
time já utiliza
O time está
começando
a utilizar
Não sei
responder
Relação com Design System 29
A maturidade do
Design System em
relação ao suporte
para outras marcas,
acessibilidade,
animações e
microinterações
ainda é baixa.
Mas esse amadurecimento está em evolução
constante, visto que o interesse das pessoas
designers em estudar os temas e implementar
melhorias é alto.
Em porcentagem de respostas:
35,9%
30%
25,7%
20% 18,8%
17,4%
10%
2,3%
0
O DS oferece
esse suporte
Existe essa
necessidade e estamos
trabalhando nela
Existe essa
necessidade mas o DS
não oferece suporte
No momento
não existe essa
necessidade
Não sei
responder
Relação com Design System 33
Acessibilidade:
79,9% das pessoas
respondentes dizem
estar estudando ou
tentando evoluir a
acessibilidade no
Design System.
Apenas 15,8% dizem que o Design System
em questão está muito ou completamente maduro
em relação à acessibilidade.
Relação com Design System 34
Animações e
Microinterações:
Apenas 2% das
pessoas respondentes
consideraram o seu
Design System maduro
em relação às animações
e microinterações nos
Design Tokens.
Mais da metade, 51,3%, não contemplam animações e
microinterações e 41,4% estão começando a estudar o
tema agora ou melhorando o pouco que possuem.
Relação com Design System 36
As métricas para
medir a efetividade
de implementação do
DS ainda são pouco
usadas, mesmo
sendo consideradas
importantes.
A falta delas impacta diretamente a criação de
estratégias e a priorização do desenvolvimento
Em porcentagem de respostas:
67,1%
Não
18,4%
Sim
14,5%
Não sei responder
Relação com Design System 39
Caroline “No geral, sabemos que temos 30% das páginas com o
Guilherme Design System. Temos uma meta de chegar com pelo menos
Lead Interaction 80% das páginas acessadas com a nova interface até o final
Designer na do ano e acompanhamos essa evolução. Mas não é uma
RD Station métrica por componente, por exemplo. Não olhamos isso
ainda e não acho que iremos olhar. O valor disso não é tão
claro quanto falarmos do impacto que isso tem pro usuário,
então, a gente mede satisfação x redesign. Cada micro
serviço também tem o seu dashboard com métricas mais
operacionais.”
A documentação se
mostrou um material
essencial para o Design
System, tanto para
garantir o nivelamento
internamente quanto
para colaborar com a
comunidade de design e
tecnologia externamente.
Apesar disso, a grande maioria ainda não é aberta
para a comunidade devido a regras de proteção de
dados das empresas e a um consenso de que a
documentação só deve ser divulgada quando o Design
System atingir um nível considerável de maturidade.
Relação com Design System 41
Em porcentagem de respostas:
52,6%
Possui documentação
mas não é aberta
28,9%
Não possui
documentação
16,1%
Possui documentação aberta
2,3%
Não sei responder
Relação com Design System 42
1. Animação e Motion
2. Acessibilidade
3. Princípios de Design
4. Brand e Identidade Visual
5. Semântica dos Componentes
Relação com Design Ops 44
A maioria dos
times de Design
Ops estão só
no comecinho,
com até 2 anos
de existência e
equipes de 1 a 10
integrantes.
55,5% têm menos de 1 ano e 32,7% têm entre 1 e 2
anos. Apenas 4,5% dos times têm mais de 2 anos.
Em porcentagem de respostas:
55,5%
Menos de 1 ano
32,7%
1 - 2 anos
2,7%
2 - 3 anos
7,3%
Não sei
0,9%
Mais de 4 anos
0,9%
3 - 4 anos
Relação com Design Ops 46
Em porcentagem de respostas:
65,5%
1 - 5 pessoas
20%
6 - 10 pessoas
9,1%
11 - 20 pessoas
1,8%
21 - 50 pessoas
3,6%
Não sei
Relação com Design Ops 47
As principais motivações
para a implementação
de um time de Design
Ops estão relacionadas
com a melhoria de
processos entre os times
e o desenvolvimento de
habilidades.
Das 327 pessoas respondentes que não possuem um time de Design Ops
na empresa em que atuam, 48,9% dizem haver necessidade de tê-lo.
31,5% não soube responder e apenas 19,6% diz não haver necessidade
para o momento atual.
Já os principais desafios
estão relacionados à
cultura da empresa, ao
entendimento do valor
que a área pode trazer
e à contratação de
profissionais.
Ranking dos desafios enfrentados para a implementação de um time de
Design Ops, considerando as respostas gerais:
(1 maior desafio -> 5 menor desafio)
1. Cultura da empresa
2. Liderança da empresa não entende as necessidades e vantagens
de um time de Design Ops
3. Dificuldade em contratar profissionais especialistas
4. Design Ops não se encaixa dentro dos objetivos atuais da empresa
5. Empresa não entende que um time de Design Ops pode existir sem
um Design System
“Eu como líder sei que é uma dificuldade para o time eles
Caroline
verem o valor das entregas, porque é bem diferente de se
Guilherme
estar em uma squad. Numa squad sempre vai ter um PM
Lead Interaction
falando o valor daquela entrega. Então, temos que mudar
Designer na
um pouco o mindset e buscar novas formas de engajar, mas
RD Station
esse é o desafio legal.
Observamos que os
times de Design Ops
têm surgido nas
empresas de formas
muito distintas, sem
uma estratégia ou padrão
de atuação consistente.
Os principais problemas de atuação ainda estão
relacionado aos estágios iniciais de formação do time,
como mostrar valor, estabelecer processos e gerir de
forma saudável.
Relação com Design Ops 51
Em porcentagem de respostas:
68%
Time dedicado com pessoas
embaixadoras: pessoas
dedicadas à Design Ops
e pessoas embaixadoras
espalhadas pelas diferentes
squads/equipes
24%
Time dedicado:
pessoas dedicadas à
Design Ops
8%
Chapter: pessoas em diferentes
squads/equipes que dedicam
parte de seu tempo à Design Ops
Relação com Design Ops 54
Product
Designer 19,5%
UX
Designer
13,2%
Front-End
Dev 12,4%
UI 11,8%
Designer
UX
9,4%
Researcher
UX
Writer
7,6%
Visual
Designer 7,3%
Product
Manager 5,2%
Back-End
Dev
3,2%
Product
Owner 3,2%
QA Analyst 2,7%
Pessoa
Ilustradora 2,3%
Motion
Designer 1,5%
Em porcentagem de respostas.
Não sei 0,75% As pessoas podiam responder
responder mais de uma função.
Relação com Design Ops 56
Ferramentas e plugins
1. Figma
2. Miro
3. Adobe XD
4. Zeroheight
5. Sketch
6. Zeplin
7. InVision Design System Manager
8. ProtoPie
9. Principle
Abstract; Adee; AEUX; Angle Mockup; Anima; Arrow Auto; Auto Grid; Automate; Avatars; Avocode;
Axure Plugin; Better File Thumbnails; Blindness Check; Blobs; Blush; Breakpoints; Camilo; Change
Text; Chart; Chroma; Clay Mockups; Cluse; Color Blender; Color Search; Component Variables;
CSSGen; Design Lint; Design Lint; Design System Manager; Design System Organizer; Detach Master;
Ditto; DSP Reader; Feather Icons; Figma Measure; Figma Tokens; Figma Walker; Figmiro; Figmoji;
Figmotion; Find and Place; Font Awesome Icons; Font Master; Frame Status; Google Sheet Sync; Icon
Finder; Icon Resizer; Instance Finder; Link to Documentation; Lottie Files; Maintenance; Mapsicle;
Marvel - Prototyping Plugin; Nudged; Pixel Perfect; Plant; Red Lines; Remove BG; Resize Layers;
Roller; Semantic Color Sync; Similayer; Simple Status; Sketch Guides; Smart Text; Sorter; Spacers;
Sticky Notes; Streamline Icons; Style Organizer; Styler; Symbol Organizer; Sympli Handoff; Text Styles
Generator; Theme Switcher; Time Machine; Timer; To Do; UI Faces; unDraw; User Flow; Userberry;
Visibility; Visual Eyes; Vizzy Charts; Wireframe Library.
teoria Meiuca
Capítulo 3
O que levamos de tudo isso 61
Os níveis de maturidade
quando o assunto é
Design System & Ops
A partir daqui, vamos apresentar a nossa teoria sobre
os níveis de maturidade das empresas em relação a
Design System & Ops e como enxergamos o mercado
brasileiro atualmente. Como isso funciona? Criamos
uma escala de 05 níveis, na qual enquadramos
separadamente o “produto Design System” e a
“disciplina Design Ops” para deixar claro qual é a
jornada de cada um deles, seus maiores desafios e
algumas armadilhas perigosas que precisamos escapar
pelo caminho.
Vamos lá? :)
1. A luta para mostrar valor 63
1. A luta para
mostrar valor
Design System
A imensa maioria das empresas no Brasil ainda se
encontra aqui, tentando mostrar à companhia o valor
de se investir em Design System. Nesse estágio
pode até se ter a falsa sensação de “estar dando os
primeiros passos” por existirem iniciativas pontuais em
times isolados, pelo chapter de design começar a se
organizar para debater o tema ou ainda pelas pessoas
de front-end já contarem como uma biblioteca de reuso
de componentes (mas que na imensa maioria das
vezes não nasceu em design).
Maior desafio
Possíveis armadilhas
Design Ops
Assim como o Design System, o primeiro passo quando
o assunto é Design Ops é mostrar o valor para iniciar
o investimento. Geralmente as empresas que estão
nessa etapa estão em franco crescimento e passa a
ser necessário operacionalizar a disciplina com uma
gestão mais clara sobre as ferramentas, sobre todos os
processos de design e também sobre como fazemos a
gestão do nosso chapter, do onboarding até a gestão
de carreira.
Maior desafio
Possíveis armadilhas
2. Primeiros passos
Design System
Consideramos aqui as empresas que já possuem
de fato um time dedicado ao assunto, com foco e o
mínimo planejamento alinhado com stakeholders. É
quando começamos de fato a entender o nosso cenário
para projetar um Design System que dê suporte às
necessidades da companhia e consiga evoluir como
um produto.
Maior desafio
Possíveis armadilhas
Design Ops
Aqui estão as empresas que já contam com uma
pessoa ou time dedicado a Design Ops. Vale a reflexão
se essa pessoa ou time na verdade não está apenas
com foco em tirar o seu Design System do papel. Se
esse for o caso, talvez seja interessante dar alguns
passos para trás e entender como repensar essas
atribuições. Conseguimos perceber uma quantidade
considerável de empresas nessa fase.
Maior desafio
Possíveis armadilhas
3. Início da
implementação
Design System
Nessa etapa estão as empresas que já conseguiram
construir a primeira versão do seu Design System com
uma quantidade relevante de componentes e estão
iniciando a implementação espelhada em design e
tecnologia. Lembre-se: Design System sem código nem
é Design System! ;)
Maior desafio
Possíveis armadilhas
Design Ops
São aquelas empresas onde a Design Ops já está
começando a rodar. Uma vantagem interessante
das operações em relação a um Design System é
que podem ser implementadas muito mais rápido e,
consequentemente, entregar valor mais rápido também.
Maior desafio
Possíveis armadilhas
4. Primeiros frutos
Design System
São aquelas empresas que já estão implementando
o seu Design System em uma parte considerável dos
seus times e já começam a ver ganhos como: mais
consistência, mais eficiência, melhor comunicação
entre pessoas de design e tecnologia, mais
acessibilidade e menor dependência de profissionais
seniores em todas as frentes. É esperado que isso
aconteça após o primeiro ano, não se cobre ou gere
a expectativa de que aconteça antes disso.
Maior desafio
Possíveis armadilhas
Design Ops
São aqueles times que começam a ver o reflexo
da operação no dia a dia da disciplina. Isso pode
se materializar através de uma sensação de mais
produtividade, de mais qualidade nas entregas, na
saúde do chapter ou até na forma como a comunidade
e os stakeholders passaram a enxergar o time de
design da companhia.
Maior desafio
Possíveis armadilhas
5. De olho no futuro
Design System
Aquelas empresas que já estão refletindo sobre os
próximos passos do Design System. O quanto ele
pode contribuir para a construção de experiências
personalizadas onde entregamos de forma dinâmica as
interfaces para cada perfil de usuário, a possibilidade
de construir “Design Tools” para resolver os gargalos
particulares da nossa esteira de produto ou até mesmo
promover uma grande revolução em nossos processos,
com cada vez menos necessidade de se perder horas
prototipando interfaces nos softwares de design.
Com um Design System maduro passa a ser viável
até mesmo “ditar” uma interface para as pessoas de
tecnologia, por exemplo. No Brasil ainda não chegamos
lá, mundialmente falando algumas empresas como
o Airbnb se destacam pelo protagonismo e
viés experimental.
5. De olho no futuro 78
Maior desafio
Possíveis armadilhas
Design Ops
Aqui estão os times onde a Design Ops já está 100%
rodando, com todo o planejamento executado e
métricas que comprovem sua evolução constante.
Esses times passam a refletir como fragmentar a
disciplina em outras operações como Research Ops e
como contribuir com a operação do dia a dia de produto
como um todo, além do design.
Maior desafio
Possíveis armadilhas
10 Mandamentos
Meiuca
Aquelas breves dicas para uma jornada saudável
quando o assunto é Design System & Ops.
81
esquecer
Para não esquecer 82
Notas finais
Entender o uso prático de Design System e Ops no dia a
dia do mercado não é uma tarefa fácil, afinal, organizar,
desenvolver e padronizar não é tão simples quanto
parece, envolvendo legados técnicos e culturais.
Flw, valeu.