Latest / Product Guru's : Produto | Negócios | Carreira / Como o Design System contribui para a eficiência do produto - André Chou

Transcript

Como o Design System contribui para a eficiência do produto - André Chou · Product Guru's : Produto | Negócios | Carreira

0:07
Oi, tudo bem com você? Meu nome é paulus.
0:09
Hoje você acaba de dar play no prot.
0:11
Guru. O podcast que a voz por trás dos
0:13
produtos e comigo, após uma pressão popular, ele, André
0:18
show, falei certo, o André pode falar show mesmo.
0:21
Show não precisa, a gente fala show, tem gente fala show, né?
0:25
Já se já aceitei é o André show, então é o André show, isso é oi
0:29
a só hoje a gente vai falar sobre o universo Dios, ei c Max,
0:35
focando um pouquinho em design system.
0:38
É um tema que os não quer. Não quero levantar polêmica
0:42
aqui, mas que eu não sei, assim será, não temos, não temos
0:47
dados, só feliz. É como um bom Steak holders.
0:51
Ó filho. Aparentemente os projetos meses
0:54
cagão pra design system então a primeira pergunta que eu quero
0:57
fazer para você ou o André é o que é um design system?
1:01
E porque ele é importante para a gestão de um produto?
1:04
Para evitar polêmicas, então vamos falar aqui de insistem,
1:07
ele é um morte, né? Pro pro design ali, pra que acho
1:11
que cabe ali regras tantos visuais quanto de
1:14
Acessibilidade, de usabilidade. Padrão que é super importante
1:19
tanto pra tanto, para o próprio design em si, né?
1:22
Manter aquela qualidade em que quando você entra no produto,
1:25
você vê aquela aquela coesão, né?
1:28
Entre você não vê uma página diferente da outra?
1:31
Então acho que isso ajuda muito e traz 11 qualidade para o
1:34
usuário. Muito importante quanto também
1:36
para o desenvolvimento que acho que também é peça fundamental
1:39
nesse processo. Porque eu acho que quando a
1:41
gente tem um design system bem feito, ou pelo menos 11
1:45
biblioteca muito bem estruturada assim a gente consegue ganhar
1:48
muito tempo de desenvolvimento, ganhar mais tempo.
1:50
Desenvolvimento, né? Isso também impacta bastante nos
1:54
custos, né? Então eu acho que isso.
1:56
Para o PM é importante, né? Então é isso.
1:59
Então um design system ajuda na eficiência?
2:03
Com certeza. Assim como qualquer sistema, a
2:05
gente falar tanto de processos, a gente fala tudo.
2:08
PM fala muito sobre processos, né?
2:10
Então o processo ele está ali para organizar, pra pra gerar
2:14
mais produtividade e acho que o design system é a mesma coisa,
2:17
só que voltado para o design e desenvolvimento, é importante,
2:20
fundamental aqui e aqui na Terra.
2:22
A gente está fazendo isso, às vezes a gente se aprofundar nos
2:24
temas, então a gente já sabe o que é um design system, por que
2:28
que ele é importante, ele ajuda na eficiência, você conseguiria
2:32
me falar? Quais são os componentes
2:36
fundamentais de um design system eficaz?
2:38
Você falou sobre a consistência, né?
2:40
Então, deve ter é tipo, padrão. É uma padronização et cetera.
2:46
Mas quais são os outros componentes?
2:47
Desde o começo a gente pode pensar no nos clássicos botão,
2:51
campo de texto, títulos, et cetera.
2:54
Acho que esse passamento também é super importante.
2:57
Custou 15, né? Que a gente fala que são as
2:59
tipografias, cores, pra gente, sempre manter um padrão, mas eu
3:02
gosto de de um pouco além. Assim, quando a gente pensa em
3:05
funcionar em usabilidade, né? Então quando a gente pensa ali,
3:08
uma navegação que seja padroniza, daí quando a gente
3:11
tem comportamentos padrões, então quando a gente tem regiões
3:14
assim que fala, pô. Salvar ele, tá assim quando a
3:17
gente quer concluir ou quer ir para o próximo passo, sempre
3:20
está na parte inferior da direita.
3:22
Então, quantas vezes têm sistemas ali que meu às vezes tá
3:26
no meio? Às vezes tá na direita, está em
3:27
cima, está embaixo, então isso querendo ou não, impacta
3:31
bastante na usabilidade e deixa o usuário confuso, é, deixa o
3:35
usuário é incomodado ou até perdido, ali ele fica lá, putz,
3:39
cadê o botão? Sabe onde está o botão eu acho
3:41
que tem tem muito da usabilidade, aquelas habilidades
3:44
que não é necessariamente visual, mas é aquela usabilidade
3:47
intuitiva que as pessoas têm, né?
3:49
Então hoje, quando a gente usa um aplicativo.
3:52
A gente já tem os nossos comportamentos padrões.
3:54
Então quem usa iPhone? Quem usa Android tem
3:56
comportamentos diferentes, então como que a gente trabalha isso,
3:59
né? Então, e aí a gente pode
4:01
expandir isso para quem usa MEC, para quem usa Windows e por aí
4:04
vai, né? Então acho que eu eu gosto muito
4:06
de ir nesse campo além do visual, porque o visual assim
4:10
ele é ele, ele ajuda no dia a dia, né?
4:12
Ele ajuda a manter o padrão, principalmente quando você tem
4:15
uma plataforma muito que é, quer dizer, às vezes você tem 11
4:19
produto que às vezes se estende para tanto web quanto desktop,
4:23
quanto programa às vezes é um aplicativo, às vezes é um
4:26
programa de computador, então isso ajuda, né?
4:28
O visual. Mas acho que, principalmente a
4:30
interação ali, que é super importante a gente ter um
4:33
comportamento sempre padrão ali para não para usuário não ficar
4:36
perdido, né? Interessante hoje a gente vai
4:39
hoje é episódio, é aula em formato de de podcast.
4:43
Tem, mas antes da gente entrar na pauta e conhecer mais do
4:47
André show amp, recados, tá ouvindo pelo Spotify Apple
4:51
podcast, clique no botão seguir e deixe suas 5 estrelas também
4:55
está ouvindo pelo Apple podcast? Deixe seus comentários, seu
4:58
feedback sua seu tema indique um tema indica uma pessoa ali pelo
5:03
pelos comentários do do Apple podcast, porque você a gente vai
5:07
ler aqui, vai com certeza chamar.
5:09
De abordar esses temas e conversar com essa pessoa.
5:12
Recado 2, siga o André no LinkedIn, o link no do perfil
5:17
dele está na destruição, então siga ele e mande mensagem para
5:22
ele. Com design system.
5:25
Só manda isso Pra Ele e chame ele para conversar, para tirar
5:29
dúvidas sobre o design system. Como que eu faço, como é que eu
5:33
implemento, como que eu faço a empresa aderir a isso, et
5:38
cetera, et cetera. E terceiro recado é, ouça
5:41
programas assinados e exclusivos da prote grouse construindo
5:45
produtos com você, um programa assinado pelo Banco Itaú.
5:48
O maior banco da América Latina, onde a gente aborda como que
5:52
eles estão se transformando digitalmente e como que a nova
5:56
os novos valores da cultura e tuber tem influenciado na
6:00
construção de produtos e serviços no dia a dia.
6:04
O programa 2 terapia de produto, com programa assinado pela
6:07
melhor e maior escola de carreiras digitais da América
6:11
Latina. Não sou eu que tô falando, é um
6:12
ranking aí ó aqui que meteu essa daí Tera OK?
6:18
Terapia de produtos e o nome já é já diz tudo e o terceiro
6:21
programa é gestão de produtos na XP em que como que a maior
6:25
corretora de investimentos do Brasil?
6:27
Tem automatizado e melhorado a usabilidade e eficiência de seus
6:32
serviços de investimento para entregar valor para o usuário um
6:37
ajudar os os clientes da XP é investir melhor e a ganhar
6:42
dinheirinho, recados, dados. Vamos para a pauta, porque eu já
6:46
peguei aqui, já abriu meu fig. Mas para criar o design system,
6:50
é ele no fig maneh André, que se criar design system.
6:54
OPA, cara, o fig maeli se perpetuou como um dos melhores
6:58
programas aí de design. Acho que é o melhor nesse, pelo
7:01
menos atualmente, né? Em 2023, desbancou aí grandes
7:06
players, aí como esquete, OI. Em design também o access the
7:10
Adobe xd também morreu recentemente, e o fig Mali
7:13
perpetuou, aí como ferramenta principal, né?
7:16
A gente é muito firma porque ele ele segue muito o padrão web,
7:18
né, de comportamento, então assim, acho que a similaridade
7:23
até pra passar pro deve é muito boa assim, além dele ser web se
7:27
gratuito. S acessível, né?
7:29
Que acho que querendo ou não, o preço da Adobe era sempre um
7:32
bloqueio do esquete que era só para Mac, né?
7:34
Então um jabá do figa, uma do André, eu não, não, não é pago,
7:38
tá gente não é pago, mas poderia alô, fig maêm, olha André aqui,
7:44
alô alô fig, mas até aqui faz Pixel ele aceita a pizza já
7:47
abriu meu fi guima. Então vamos para a aula de
7:49
design system. O André, mas antes de falar
8:07
design system, porque o design system é apenas o meio, né?
8:12
É o Fim seria entregar uma experiência melhor pro usuário,
8:19
né? 11 entrega de valor seria uma
8:21
melhor experiência, melhor percepção de valor, et cetera,
8:25
na sua visão, como um especialista em UX, é como você
8:29
acha que a experiência do usuário influencia diretamente
8:33
em um produto? E por que que eu faço essa
8:35
pergunta? Porque tem produtos, tem
8:38
produtos famosos que ela é, a usabilidade é ruim.
8:42
Exemplo AliExpress aí tá aí é ruim.
8:45
Se alguém vier falar que é usabilidade, o AliExpress é bom,
8:48
tá errado, cara, é você tocou num ponto bem polêmico, que eu
8:52
gosto bastante de refletir sobre olha Express, bom, primeiramente
8:57
ele é da China, né? Então assim, acho que ele tem um
8:59
público alvo muito diferente do nosso e até inclusive eu comecei
9:04
a dar uma pesquisada aqui antes aqui da do podcast sobre e aí eu
9:08
falei, pô, vou ver o que que cada insistem está falando sobre
9:11
Acessibilidade, né? Porque eu falei.
9:13
Eu estava até abril, WC, 3G lá, et cetera.
9:16
Eu falei, puta puta documento assim, aquele documento é
9:19
técnico, né? E eu falei, não, eu queria uma
9:21
coisa mais visual assim e aí eu fui lá no material design e
9:24
depois eu fui no ante o aí não sei se ouviu falar sobre essa
9:27
biblioteca, o anti uai, ele, a biblioteca do do AliExpress, se
9:31
não me engano, ou do ali babá se, se eu não tô me enganado,
9:34
quem começou por trás disso? Mas é uma biblioteca, é uma, é
9:38
uma, eu aí é como material design, só que feito pelos
9:41
chineses, né? E aí eu fui, aí eu falei, cara,
9:43
vamos, vamos procurar aqui, eu fui na busca e qualquer palavra
9:46
Acessibilidade, cara, não tinha nada falando sobre
9:49
Acessibilidade, nada. E isso é muito louco.
9:53
E aí, assim, cara, assim como descendente de de asiático,
9:58
minha descendência até vaneza, né?
10:00
Eu sei que a cultura asiática tem ou é vive uma outra
10:03
realidade, muito diferente do ocidental, né?
10:05
E Eu Acredito que assim essa questão de Acessibilidade lá é
10:09
vista de outra forma, que a gente não entende.
10:11
A gente. Talvez a gente nunca vai
10:12
compreender até uma coisa que estava discutindo com com meu
10:16
chefe hoje era justamente sobre como o viés pega nesse sentido,
10:20
né? Porque assim, cara, a gente tem
10:22
o nosso viés, mas é um viés assim, a gente fala sobre esse,
10:24
sobre Acessibilidade, sobre diversidade, mas cada um carrega
10:28
seus próprios viés, né? E a gente tem o nosso viés.
10:30
No Brasil ocidental, et cetera. Eu acho que quando a gente
10:34
critica o AliExpress, a gente crítica na visão ocidental, né?
10:38
E acho que quando a gente pega para uma visão mais asiática.
10:42
Da Ásia, eu acho que talvez a gente não vai conseguir
10:45
compreender nos parâmetros que a gente está acostumado, sabe?
10:48
No nosso olhar que eu eu já sou ocidental, nasci aqui.
10:52
Enfim, pra gente parece muito confuso, mas eu acho que para
10:54
eles pode parecer super funcional e aí também tem um quê
10:58
de marketing ali muito forte, né?
10:59
Eles são muito agressivos, né? Em termos de preço, em termos de
11:03
vendas, então tem uma outra proposta, isso é bem
11:06
interessante, né? É, é, algumas pessoas podem ver
11:12
OX como apenas fazer coisas bonitas, né?
11:15
Mas sabemos que vai muito além. Além disso, é você conseguiria.
11:20
Falar sobre a relação entre é usabilidade e a tomada de
11:26
decisões estratégicas. Como que essas 2 coisas se
11:29
casam? Porque em muitos, em muitas
11:32
empresas é OX, ele é colocado num canto em que ele não
11:38
participa das conversas estratégicas, né?
11:41
E o que deveria acontecer? Ao oposto, eles, ele deveria
11:44
estar sentar na mesa ali para discutir estratégia urro boa
11:49
legal é, concordo 100%. Eu acho que eu sou um cara que
11:53
gosta muito ativamente de, de tentar entrar ou entender
11:57
negócios, porque. Não adianta fazer produto
11:59
bonito, não existe almoço grátis, é no final das contas.
12:03
A gente tem que pagar as contas, então.
12:05
É designer que fica, às vezes, eu eu sou muito crítico com
12:08
designers que ficam só criticando a tipografia, tá?
12:11
Não sei o que sabe a cor aqui não tá legal, tem seu ponto.
12:15
Não, não estou descartando, mas eu acho que quando a gente tem
12:17
que a gente sempre antes de criticar qualquer decisão ali,
12:21
seja de é de qualquer produto de fato, assim eu.
12:26
Eu sempre me questionei, o que que tem por trás, né?
12:28
Quais foram as discussões, como que chegou nisso, né?
12:31
Eu acho que sempre. Para quem vive dentro de um
12:34
produto, sabe que meu para tomar uma decisão pra empresa tomar
12:39
fazer isso ou aquilo com produto meu.
12:41
Teve n inc, uniões ali por trás e eu acho que quando o designer
12:46
ele, ele, se vamos dizer, ele fica só reclamando, né?
12:50
Tipo a, pô, negócio faz isso, negócio faz aquilo, não sei o
12:52
quê. Acho que o designer, ele no
12:54
final acaba perdendo com isso, porque ele não participa de 111
12:58
guerra super importante que ele poderia estar lá para defender o
13:01
usuário, né? No final das contas, porque acho
13:03
que a longo prazo é importante o design, porque o usuário ele tá
13:07
usando no seu dia a dia, ele pode até reclamar.
13:10
Mas se for importante, ele vai continuar usando, mas chega um
13:13
momento em que pode ser que os usuários abandonem você e os
13:16
usuários vão continuar abandonando.
13:18
E se você tiver uma baixa retenção ali, cara, seu produto
13:21
morre, né? Então é.
13:23
É uma briga difícil. Não vou falar que é fácil assim,
13:25
às vezes a gente tem que saber é que nem cabo de guerra, né, a
13:29
gente ou até ter ter o round six, né, que mostrou aquela
13:34
teoria da da, da do cabo de guerra em que você segura, né?
13:37
Antes de você, em vez de sair puxando com força, você tem que
13:40
às vezes segurar ali, putz negócio tá puxando forte, vamos
13:44
dar uma segurada e aí no momento certo a gente puxa de volta,
13:47
sabe? Então acho que tem que tem que
13:49
ter um pouco dessa. Peça sabedoria ali pra pra saber
13:52
lidar, porque é importante. No final das contas, para o
13:55
produto, o negócio está puxando a dele, assim como de tecnologia
13:58
vai estar puxando dele, cada um vai estar puxando a sardinha,
14:01
deixa o designer, ele está ali e o PM está no meio, né?
14:04
Tomando dos 3 lados, né? Muito bom a sua resposta, porque
14:08
você traz é a importância de de UX é na tomada de decisão e aí a
14:14
gente conecta com design system, porque o design system em muitas
14:18
empresas, ela, ele não é algo estratégico, né é, ele é
14:24
colocado como tipo a, se eu tiver tempo, faz aí.
14:28
Faz um paralelo, é quando tem tempo, faz aí um componente novo
14:33
ou padronizar algo é como quais são os desafios mais comuns
14:39
enfrentados ao criar e implementar um design system na
14:42
sua? Na sua visão, além desse
14:44
bloqueio dos Steak holders ou de outras áreas que não entendem o
14:48
design system, claro, dizem sistema.
14:50
Ele é, vamos dizer, pra mim ele é uma Aliança entre design,
14:54
desenvolvimento é, eu acho que são as 2 áreas que que ganham
14:58
mais com isso, né? E eu acho que com certeza o
15:00
negócio não não vai ver valor, porque porque acho que no dia a
15:04
dia, Mano, você tem que entregar lá OA fatura que precisa o
15:07
quanto antes aquela pressa, não tem tempo pra re faturar aí.
15:11
Porque os desenvolvedores também brigam muito para refatoração,
15:14
né? Então é e porque isso é
15:17
qualidade de vida para eles e também agilidade.
15:19
No final das contas, né? E eu acho que o design ele pode
15:22
entrar muito se aliando com desenvolvimento, se aliando
15:25
muito com os desenvolvedores, né?
15:27
Para essa luta assim e com certeza, cara, a realidade é.
15:31
Você não vai ser prioridade isso de fato, nunca vai ser, porque
15:34
eu acho que o design system ele não é.
15:36
Ele não tem 11. ROI, vamos dizer, é visível, né?
15:41
Ele é um ROI invisível ali na no, no tempo desenvolvimento.
15:44
Então você tem que saber muito bem metrificar isso, tipo, há
15:48
quanto tempo desenvolvedor gastava antes e depois, quanto
15:51
que o tempo que o designer gastava antes e depois isso pode
15:53
ser muito subjetivo, então é muito difícil de provar esse
15:56
valor, né? Então, mas eu acho que assim Eu
15:59
Acredito muito que que é pelo menos do meu lado e eu como eu
16:03
sempre trabalhei, eu sempre tentei malhar muitos
16:05
desenvolvedores, né? Eu acho que até o meu back
16:07
ground pelo fato de eu ter já sido desenvolvedor por um tempo,
16:10
né? Isso me ajuda bastante a ter
16:12
essa conversa com eles e esse é essa.
16:16
Vamos dizer essa negociação, inclusive aqui na Terra.
16:19
Assim, até chegou a mexer no código, porque assim é uma coisa
16:21
que eu gosto também, né? Então, assim, acho que isso é é
16:24
um pouco diferencial, assim, nem todo o designer vai ter isso,
16:27
mas é se você quer entrar nessa área de design system, cara,
16:31
você tem que conhecer código um pouco, pelo menos para saber
16:33
discutir com com deve sim, né? Não sei se eu fugir muito da
16:36
pergunta, mas acho que tem. Tem um pouco dessa questão da
16:39
Aliança ali, porque vai facilitar e vai querendo ou não,
16:42
melhorar a qualidade de vida dos 2 lados, né?
16:45
Do do deve desenvolvedor e do designer, isso é muito bom.
16:48
O ponto que você fala sobre como é quantificar ali metrificar é,
16:53
é essa visão, ela é muito interessante porque sempre
16:57
quando a gente fala sobre design system, a primeira resposta de
17:01
como mostrar que isso é importante, a é só você fazer
17:05
uma continha, quanto tempo desenvolvedor gastava antes e
17:08
quanto gastar agora, só que é meio subjetivo, né?
17:12
Que nem você falou. Tem momentos em momentos, não
17:15
nem sempre é. Ele vai fazer rápido por causa
17:18
do design system exato e acho que tem muito a ver com
17:20
consistência, né? Pô, você quer essas telas mais
17:22
parecidas, com uma qualidade melhor, cara?
17:24
Design system, ele responde a isso muito bem, mas assim, às
17:28
vezes não vai demorar, só Fischer vai atrasar, não vai ser
17:31
prioridade. Então aí é aquela briga de
17:34
prioridades, né? Sempre tudo muito importante,
17:37
tudo é importante, nada importante e falando sobre
17:40
métricas EEE como metrificar? Como mostrar valor, você vocês,
17:45
você saberia compartilhar pra gente quais métricas ou
17:49
indicadores que você acompanha? Para medir o sucesso de um
17:52
design system, o tempo de desenvolvimento depois de um
17:56
certo tempo. OK, mas quais são as outras
17:59
outras métricas? Cara de que tem?
18:03
Eu sinto que tenha um pouco do IP, né?
18:07
Eu eu deveria, diz assim, eu falo que eu que eu, que eu
18:10
trabalho com design system e tudo mais.
18:11
Mas eu também entendo que ele pode às vezes ser uma utopia
18:15
assim na realidade, né? Então esse aqui é meio polêmico
18:18
falar isso, por isso que eu falei norte no começo, mas é
18:21
porque dizer insistem ele assim sempre, nunca vai ser colocado à
18:25
risca, né? Porque a gente é, Eu Acredito
18:27
que cada designer ainda vai imprimir um pouco dos do seu
18:31
jeito, do seu gosto, né? No final das contas, acho que
18:35
por isso que dizem insistem que tem muito a ver com comunicação,
18:38
né? No final das contas, então assim
18:40
é como você comunica para os outros, como você fala para os
18:42
outros. Você fala a sua identidade
18:45
visual que você está propondo, né?
18:47
Para a empresa, como produto e et cetera, né?
18:49
Então EE também, por exemplo, eu já tive experiências assim.
18:53
Eu sou muito fã do Sigma já há muito tempo.
18:55
Quem me conhece sabe que eu defendi e já implementei Sigma
18:58
em várias em todos, em várias empresas que eu passei, né?
19:02
E eu sou muito fã de componentes, então eu sempre
19:04
gostei muito de componente zar, acho que é um pouco da herança
19:06
de cê deve, só que o problema é que às vezes, por exemplo, 11
19:09
Barreira que eu já tive no passado, inclusive trabalhando
19:12
com com a empresa Americana, foi justamente designers não saberem
19:16
usar os componentes que eu estava criando, porque às vezes
19:19
você cria um componente super complexo.
19:21
Clique, pô tem dá pra fazer isso?
19:23
Isso? Desativa, desativa isso tá?
19:24
Não sei o que você vai passar para alguém e essa e o designer
19:27
não sabe utilizar, ele vai lá e quebra o componente e aí gera
19:31
toda inconsistência. Então, nesses últimos tempos eu
19:34
tenho refletido muito sobre ensinar, né?
19:36
Então, inclusive na Terra tenho ensinado bastante questão de fi
19:41
guima. Como também treinar o seu
19:43
próprio time, saber comunicar com seu próprio time é saber
19:47
também como que o seu componente ele vai se comunicar com os
19:49
devs. Então, isso é.
19:50
Isso é uma ponte super difícil de de porque às vezes o deve.
19:54
Ele entra lá no fig, mas ficar perdidas?
19:56
Ou então como que você organiza as telas bonitinho Pra Ele
19:59
entender qual que é o processo, qual que é o passo a passo?
20:02
Eu tive uma experiência ali com Na Na própria plataforma da
20:06
Terra, ali que a gente estava, que assim eu tive 2 workflows
20:10
ali, 2 flows ali que uma outra eu super detalhei, assim, o
20:13
responsivo meu quebrei mais de 20 telas diferentes, né?
20:17
E parece até exagero, mas é. Olha o resultado foi incrível.
20:21
E aí o outro workflow que eu falei, putz, ó, isso aqui nem é
20:23
tão importante tal não sei o que eu fiz 34 quebras ali e meu saiu
20:27
tudo cagado. Então assim você vê como a
20:30
importância disso faz diferença. No final das contas, porque é
20:33
aquele negócio, você pode pode parecer muito óbvio para você,
20:36
mas nunca é óbvio para o outro, né?
20:37
E eu acho que isso puxa até OA questão de Acessibilidade e
20:40
usabilidade, porque o designer tem o próprio viés, né?
20:43
A gente a gente acha que a gente, mas, pô, a gente tá com o
20:45
Mac book aqui com iPhone e tal, é super bonitão aqui a tela tal
20:49
vai botar numa tela de vai de tubo não, né?
20:52
Mas uma tela eu, eu falo eu falo aqui pro pessoal, gente, vamos
20:57
fazer a tela 1366 por 768 que aquele desktop Dell?
21:01
Padrão de computador de de empresa, porque, cara, esse é a
21:06
realidade de 90% dos nossos usuários.
21:08
Se a gente não está fazendo para esse público, a gente tá fazendo
21:12
pra gente só, né? Então ele, tu disso?
21:14
Isso é muito, muito importante é.
21:17
E aí? Porque a gente está falando
21:19
muito, a gente está conectando aqui.
21:21
Usabilidade design system, eficiência é um e a gente está
21:26
conectando várias partes muito interessantes e importantes que
21:30
as pessoas precisam entender, né?
21:32
Vamos voltar agora para a usabilidade.
21:35
Na sua opinião, quais são as principais Barreiras?
21:37
A usabilidade que nossos usuários enfrentam e como
21:41
podemos resolvê-las. Hoje você falou, pô, eu fiz um
21:44
workflow tal, aí quebrou seu, você trouxe o exemplo de um, de
21:48
um viés ou de um contexto asiático da AliExpress ali,
21:52
AliExpress, construiu uma usabilidade.
21:56
Resolveu expor os problemas que ela encontrou naquele contexto,
22:00
né? Que pra gente aqui do do
22:02
ocidente a gente olha e fala assim, que que isso é uma puta
22:07
de uma bagunça? Organização com, aonde é que eu
22:11
vejo que se é original, se não é, qual que é?
22:14
A loja oficial é por que que eu estou?
22:17
Eu procurei, procurei carregador e apareceu boneca é, sabe?
22:22
Mas na sua opinião, quais são as principais Barreiras à
22:25
usabilidade? Nossos usuários enfrentam hoje a
22:28
questão da usabilidade, tem muito a ver com viés assim,
22:31
sabe? Pelo menos ao meu ver, na
22:32
porque, querendo ou não, a gente vai carregar nossos viés
22:35
naturais. Né?
22:36
Então eu, como um homem, é amarelo, cis, hétero, tem o meu
22:42
viés aqui. Designer que veste preto padrão,
22:45
sabe? Tipo a gente vai ter os nossos
22:47
viés dos nossos contextos, né? Por isso que hoje se fala muito
22:50
sobre diversidade e Eu Acredito muito que a diversidade é capaz
22:53
de quebrar um pouco desses viés, porque a gente entende espectros
22:58
ali de outras pessoas que vão ter outras culturas, que vão ter
23:01
outra visão sobre o que você está vendo, né?
23:03
Então, como, como a gente deu o exemplo do AliExpress?
23:06
É um contexto ali dos chineses, os chineses, se você baixar o
23:10
line, que é o aplicativo deles, cara, você vai ver a mesma.
23:13
Mesmo, vamos dizer, é conteúdo ao mesmo carregamento visual que
23:18
eles já estão acostumados, né? Então, é por isso que a até eu
23:23
acho que 11 projeto meio termo ali seria o shopping que está
23:26
entrando mais no Brasil, mais forte e que está tentando se
23:30
aproximar um pouco dessas 2 culturas, né?
23:32
Então é eu não sei. Eu não sou muito usuários de
23:35
chope, tá, gente? É, mas Eu Acredito em pelo menos
23:38
o que eu vejo das propagandas é, é uma forma dos chineses
23:41
tentando falar com o brasileiro, né?
23:43
Então acho que quando a gente EE eu sei que eles tão forte aqui,
23:47
eles estão investindo em em times aqui no Brasil, né?
23:49
Então eu acho que quando você traz pessoas da culturas.
23:53
Sabe que traz pessoas com com viés diferentes, com culturas
23:57
diferentes, com contextos diferentes, cara, e aí sim, a
24:00
gente realmente começa a preencher, né?
24:02
A gente tem regras básicas de de Acessibilidade, que a gente fala
24:05
aqui em design visual, né? E o aí, por exemplo, a questão
24:08
de escores Acessibilidade de cores.
24:10
A gente já tem aquela regra do WCAGA gente, tem uma série de
24:13
padrões, comportamentos, et cetera, que a gente pode seguir
24:16
lá, arrisca, bonitinha. Mas a gente só vai entender a
24:21
real o real problema quando a gente colocar realmente na mão
24:23
de alguém com deficiência visual, né?
24:26
Então, porque querendo ou não, a gente vai achar que há não
24:29
beleza isso aqui tá super intuitivo esse botão, esse.
24:32
Vai botar num leitor de texto, né?
24:34
Que o pessoal tem, que tem aquele o.
24:36
Eu esqueci o nome do do, o Tati assistente lá do do do iPhone,
24:41
vai colocar lá pra você ver como que navega os Campos, et cetera,
24:44
né? Às vezes você vai ler lá Celi
24:47
vai ler sequencial e pô, não vai fazer sentido nenhum, né?
24:50
Até a pessoa querer chegar na informação mais importante que
24:52
sei lá, é o nome do produto, o preço do produto.
24:55
O cara tem que passar pelo botão de voltar botao de menu o botão
24:58
do do logo ou AA imagem, sabe? Então assim é é, são esses
25:04
pontos que por mais que eu tente, né?
25:06
Trazer AA essa é essa visão e essa Acessibilidade nenhuma eu,
25:11
eu nunca vou conseguir preencher esse espaço como uma pessoa com.
25:14
Deficiência visual é consegue trazer assim, essa AO ponto
25:19
dele, né? A visão do do André, ela é muito
25:23
interessante. Ela é, ela é.
25:26
Ela consegue ser simples, é e direta em assuntos que a gente
25:31
já viu por aí, que muitas pessoas em ó é falam Joy.
25:35
Gonzo usa palavras difíceis, pipipi, popopô é, eu vou fazer
25:40
uma pergunta aqui que vai, vai mostrar que eu não entendo nada
25:43
de design system, mas enfim, eu não sei é que é como que se
25:48
testa o design system, porque, enfim, tipo, você falou, aí eu
25:53
fiz o workflow No No fig Moon pro Dev udev vê isso já é um
25:58
teste ou o teste do design se se o design sister tá bom ou não.
26:02
É com o usuário final. Eu vou até provocar com uma
26:06
pergunta de volta, como que o product manager prova o norte do
26:10
produto dele com o usuário, esa testando um usuário assim?
26:13
É, é a mesma coisa. E os usuários do design system?
26:16
Eu acho que são os usuários internos, são os os designers
26:19
são desenvolvedores, são os product manager.
26:21
Sim, é. Então a gente tem que ali botar
26:24
na mão do de às vezes o meu design system.
26:26
Pô, pra mim tá super coerente ali como eu falei, né?
26:30
Onde eu trabalhei, aí você bota na mão, designer, o designer não
26:33
consegue usar o design system que eu criei.
26:35
Pô, pensei em todas as possibilidades, eu fiz aqui o
26:38
componente que perfeito, cara, como você não consegue usar,
26:42
não, não posso falar que ele é burro, porque às vezes eu também
26:44
não fui coerente, slick, eu ficou, eu estava tão no meu, no
26:48
meu ponto de vista ali de não tá óbvio para mim.
26:51
Que às vezes eu vou passar para a pessoa e a pessoa realmente
26:53
não consegue usar, né? Então é, eu acho que é isso,
26:56
sabe? Você tem que ir testando, pô,
26:58
não está claro? Então, beleza, vou aqui.
27:00
Volta para a documentação, né? Clássico documentação é
27:04
comunicação. No final das contas, né?
27:05
Então, será que a minha comunicação, minha documentação
27:07
aqui está está Clara? Para o designer, está Clara para
27:10
o desenvolvedor, está claro para o PM que vai utilizar de alguma
27:14
forma ali pra coordenar equipe, desenvolvimento ou coordenar os
27:17
designers, os outros designers, né?
27:19
Os outros equipes é, então acho que tem, tem tem muito a ver com
27:23
isso, né? Então é da mesma forma que a
27:25
gente tem que testar e a gente vai iterando iterando alterando.
27:28
E como todo bom norte de produto, não quer dizer que a
27:31
gente vai chegar lá, né? No design system, por isso que
27:34
eu falo que é uma utopia, né? Porque eu acho que as vezes meu
27:37
de insistem ele tá sempre iterando ali, sempre melhorando,
27:40
mas a gente nunca vai chegar num design system perfeito, né?
27:43
Então é eu sei que muita gente vendia e design system.
27:46
Vou implementar um de insistem, putz, eu.
27:47
Eu confesso que eu assim eu sou muito eu não gosto muito dessa
27:51
dessa questão de vender, de insistem porque eu acho que você
27:54
não se vende de insistem você estabelece como um processo
27:57
dentro da empresa, né? Então é não adianta chegar a uma
28:00
a uma empresa pode te ajudar, pode como uma consultoria.
28:03
Mas falar que ela vai implementar de cabo a rabo, ela
28:06
vai ter que entrar na sua empresa basicamente assim,
28:08
porque se não, sim é. É o que eu conheço, é o que eu
28:12
já vivenciei, né? Pode ser que tenha gente que
28:15
conseguiu de fato, mas eu duvido muito assim.
28:17
Tanto que muitas empresas lá fora tentaram, venderam, seu
28:20
dizem system, colocaram lá o site bonitão, et cetera.
28:23
Mas muita gente que eu já ouvi falar também fala aqui dentro,
28:26
lá na prática é outra coisa assim, né?
28:28
Nunca funciona, né? Então ótimo, fica polêmica,
28:31
ótimo. Na prática não funciona, ótimo.
28:33
Então e o Steak road ouvindo isso é um ele fica muito feliz,
28:38
o André pra gente finalizar aqui nossa nossa conversa.
28:42
As pessoas que estão começando na área de produtos, elas são
28:45
muito apegadas. A frameworks de Project manager,
28:48
né, de priorização? De Discovery, et cetera, et
28:52
cetera, né? Toda aquelas coisas.
28:55
Mas você como um especialista de de us e de design system, as
29:00
pessoas que estão começando na área de produto primeiro, até as
29:03
pessoas que estão começando a área de produto, quais são os
29:05
conselhos de um especialista em um hexa e design system para
29:10
essas pessoas? Para PM que estão começando,
29:13
cara, eu acho que PM. Primeiramente, ouça as pessoas,
29:16
né? Acho que isso é clássico, acho
29:18
que também não é só pro PM. Qualquer designer e
29:21
desenvolvedor e et cetera, acho que ouvir as pessoas, mas o PM,
29:24
Como Ele É, aponta central ali, ele é, ele é aquele.
29:29
A conexão entre design, negócios e desenvolvimento, então tem que
29:32
saber muito bem ouvir. Às vezes vale a pena muito ouvir
29:36
o designer, porque o designer ele tá, ele vai ter opinião, ele
29:39
vai ter a visão do usuário, então que é fundamental para o
29:42
produto de fato funcionar, né? É que acho que às vezes, pô, o
29:47
negócio é lucrativo. Desenvolvimento funciona, mas aí
29:50
você vai ver pro usuário, não tem valor nenhum, né?
29:52
Então é muito importante você estar próximo dos designer, usar
29:56
ele como um parceiro mesmo, sabe?
29:58
É, eu gosto muito de ir pro product manager que que são
30:01
parceiros ali para construir junto, para, para debater,
30:05
trocar ideia, então o meu. Aqui na Terra meu eu vire, mexe
30:09
assim, eu chego no fim do dia, estou cansado, estou exausto
30:12
sim, sei lá estressado com n pessoas da empresa assim eu
30:16
chego pro meu PM meu, vamos conversar?
30:18
A gente desabafa, a gente fala meu fala da vida fala do do
30:21
trabalho, fala que que a gente precisa fazer qualquer visão que
30:24
a gente precisa trazer, né? Então, como designer, eu falo
30:27
meu, um PM que sabe ouvir, que sabe conversar, sabe?
30:30
Acho que diferente do PM, que às vezes é é, eu estava vindo
30:33
recentemente para dor de guru, né?
30:35
Tava vindo bastante ali e vira e mexe também tem um tênis ali
30:38
veio meio casca grossa, ali eu falo nao, putz, tem que saber
30:41
ouvir o time sabe ouvir o designer é sempre positivo.
30:44
Não só para você, mas também para o time como um todo, porque
30:47
o designer, ele se sente muito mais motivado, né?
30:49
No fim do dia, né? É um designer motivado do seu
30:52
lado, pode ter certeza que é o melhor aliado que você pode ter.
30:55
E agora, para quem está iniciando sua, porque
30:58
recentemente até ela fez a semana lá Terra festival à
31:03
semana, para iniciar na área de de weston design, né?
31:07
Pra quem está iniciando na área de o ex design, qual que é a
31:11
dica de um especialista cara velha, você tem que se mudaram
31:15
muito, né? É quando eu entrei nessa área de
31:18
design é que era tudo Mato, comecei.
31:23
Então? Hoje em dia?
31:27
Cara, nós assim dá uma dica, assim eu acho que meu
31:30
primeiramente. É que eu estava até debatendo.
31:33
Eu. Eu sei que eu sou eu possa ser
31:35
muito jabá de fig, mas acho que o Sigma ele virou ferramenta,
31:38
mãe, então assim que começar com o ferramental, porque eu acho
31:41
que você vai precisar no seu dia a dia, né?
31:43
E aí, vai muito, né? Se você quer ir pra você, gosta
31:46
de visual et cetera, meu Sigma é o básico, né?
31:49
É o arroz feijão ali, mas também se você quer algo mais ressarci,
31:53
algo mais design de serviços, et cetera, acho um pouco mais
31:57
complexo, não sou especialista nisso, para poder é trazer 11
32:01
site sobre isso, mas eu acho que também, assim como PM, né, de
32:05
que quer iniciar na carreira, eu lembro que não lembro onde que
32:08
eu vivo, mas tinha uma dica que eu achei muito legal, que é
32:10
assim começa na sua área que você está atualmente, né?
32:12
Você está migrando de carreira. Você está em alguma outra área
32:15
ali? Seja, é, sei lá, você tá no na,
32:19
na, na, na falou vou dar alguns exemplos, tipo uma Comgás na
32:22
Sabesp. Meu começa na sua área, porque
32:24
você todos os conceitos você pode aplicar em qualquer lugar,
32:27
em qualquer empresa, né? Então você já está numa empresa,
32:30
né? Obviamente, né, essa é porque eu
32:33
acho que ali você vai conhecendo a cultura, meu povo.
32:36
Vou fazer um teste de habilidade, pô, ninguém pergunta
32:38
aqui pro usuário. A empresa velha antiga, então
32:41
vamos perguntar pro usuário, chama qualquer usuário meu chama
32:43
pra cá vamos, conversa, dá um brindezinho, dá um presente,
32:46
sempre vai, vai ser de bom grada é, mas conversa sabe conversa
32:50
com o seu o seu cliente, conversa com o seu usuário,
32:53
tenta pegar putz que que funciona o que que não funciona,
32:55
sabe? É, eu acho que pra quem tem
32:57
imigração de carreira é isso, né?
32:59
E pra quem tá começando a carreira, meu trabalho, meu
33:01
procura, trabalho meu, se eu eu já me meti em tanto trabalho
33:05
ruim assim? Diagramação de livro, et cetera
33:08
e cara, cada trabalho você vai tendo experiência, senioridade,
33:11
não é uma coisa que você Conquista com com habilidades,
33:16
né técnicas, né, de senioridade. É uma coisa que você Conquista
33:19
com um com aprendizado, né? Inclusive eu falei com um aluno
33:23
recente aí da Terra que está migrando de carreira, eu falei,
33:25
meu, a grande, o grande ponto que você vai ser sênior mais
33:28
rápida, porque você tem vivência, o cara já tinha 30
33:31
anos de audiovisual e tem já 30 anos, desculpa.
33:34
Mas ele já estava no audiovisual já não sei quantos anos assim já
33:37
vivenciou, já lidou com o cliente, já sabe lidar com
33:40
expectativas como comunicação, et cetera.
33:43
Isso é diferencial, né? Então, é, não adianta procurar
33:46
trabalho perfeito. A gente não, não vai nessa
33:48
assim, sabe. Tipo é, é bucha, às vezes você
33:51
vai pegar um trabalho bucha ali, mas é tudo é aprendizado, ótimo
33:55
do André que ele, ó, você vai, você vai pegar a bucha aí,
33:58
entendeu? E vai pegar os trabalhos, puxa
34:01
mesmo, tá bom, é o André, chegamos ao final do do desse
34:06
episódio você volta mais vezes aqui, porque acho que.
34:12
O tema design system e precisa ser explorado melhor, então você
34:16
vê, a gente traz algumas pessoas dizem, se você fazer pergunta
34:19
porque eu não? Não sei nada de design system,
34:22
então pra mim é só componente padronizado e também é bonita, é
34:28
e o pessoal me mata, né? Falando nisso, há, com certeza,
34:31
com sua vagina ao k André, muito obrigado por você ter arrumado
34:34
até pela sua agenda que está corrido ultimamente, eu sei, é
34:39
então muito obrigado, volte sempre, está bom, obrigado
34:41
Paulo, obrigado pelo convite também sinto muito honrado de
34:44
poder participar é ficou até negra, como eu falei no começo
34:47
estava nervoso, né? Mas eu fico feliz de ter
34:49
estudado. Dá tudo certo e é isso, você que
34:52
ouviu até aqui. Siga André no LinkedIn link.
34:55
Está na descrição os links que ele falou que ele mencionou lá é
35:00
documento técnico, depois a outra biblioteca e tal vai estar
35:04
na descrição também é, ele vai mandar pra gente, a gente vai
35:08
roupa vai ver e não esqueça, siga André, não, LinkedIn é
35:13
ficou com mais dúvidas sobre design system ficou mais
35:16
interessado ainda pelo tema chama André que ele vai estar
35:20
ali disponível pra pra conversar com você sobre esses tá bom é e
35:26
não se esqueça clique no botão seguir e deixe sua 5 estrelas no
35:30
Apple Podcasts. Spotify, tchau, fui.