WEBVTT

00:00:07.790 --> 00:00:10.278
Sabe aquela animação 
que tem por trás

00:00:10.278 --> 00:00:12.178
da tela do seu aplicativo

00:00:12.178 --> 00:00:15.348
ou aquela transição
entre uma tela e outra?

00:00:15.348 --> 00:00:18.351
Nós estamos falando aqui
do Motion Design.

00:00:18.351 --> 00:00:20.938
O assunto desse podcast 
vai mostrar para você

00:00:20.938 --> 00:00:23.775
quais são as principais 
técnicas, ferramentas,

00:00:23.775 --> 00:00:25.725
frameworks, estratégias,

00:00:25.725 --> 00:00:28.036
e, é claro, o papel 
do desenvolvedor

00:00:28.036 --> 00:00:30.663
e da Inteligência Artificial 
em tudo isso.

00:00:30.663 --> 00:00:32.815
Eu sou Gustavo Torrente,
e hoje estou aqui

00:00:32.815 --> 00:00:35.935
com grandes 
especialistas em motion.

00:00:35.935 --> 00:00:39.180
Estamos aqui 
com Eder Bronson, César Molina,

00:00:39.180 --> 00:00:43.231
que hoje vão falar tudo
sobre o que você precisa saber

00:00:43.231 --> 00:00:45.545
sobre esse tal de Motion Design.

00:00:45.545 --> 00:00:46.250
Tudo bom, César?

00:00:46.250 --> 00:00:47.238
Tudo bom.

00:00:47.238 --> 00:00:48.190
Muito obrigado pelo convite.

00:00:48.190 --> 00:00:50.052
Meu nome é César,

00:00:50.052 --> 00:00:52.252
eu trabalho na área 
de comunicação e educação

00:00:52.252 --> 00:00:54.859
já faz quase dez anos.

00:00:54.859 --> 00:00:57.409
Na verdade, educação, 
faz algo em torno de oito anos,

00:00:57.409 --> 00:00:59.659
e na parte 
de comunicação, uns 20.

00:00:59.659 --> 00:01:00.660
Faz tempo.

00:01:00.660 --> 00:01:03.797
No momento, eu estou trabalhando mais
também como designer instrucional,

00:01:03.797 --> 00:01:06.169
utilizando motion e outros 
recursos audiovisuais.

00:01:06.169 --> 00:01:07.339
Muito bom.

00:01:07.339 --> 00:01:08.969
Eder, seja muito bem-vindo.

00:01:08.969 --> 00:01:09.903
Obrigado.

00:01:09.903 --> 00:01:11.923
Como ele já disse, 
meu nome é Eder,

00:01:11.923 --> 00:01:13.901
sou professor 
de Design Digital da FIAP,

00:01:13.901 --> 00:01:16.121
dou aula de UX Motion,

00:01:16.121 --> 00:01:18.511
dou aula também 
de design gráfico.

00:01:18.511 --> 00:01:20.962
Tenho uma trajetória aí 
de mais ou menos

00:01:20.962 --> 00:01:22.782
15 anos em design.

00:01:22.782 --> 00:01:25.059
Venho do jornalismo,

00:01:25.059 --> 00:01:28.822
fiz uma transição de carreira
onde eu fui para a tecnologia,

00:01:28.822 --> 00:01:32.692
mas, na tecnologia, eu 
resgatei o meu lado designer,

00:01:32.692 --> 00:01:35.862
e agora eu estou oferecendo
um pouco do meu conhecimento

00:01:35.862 --> 00:01:37.764
para os meus queridos 
alunos na FIAP,

00:01:37.764 --> 00:01:38.870
e estou muito feliz com isso.

00:01:38.870 --> 00:01:40.271
Que incrível, gente!

00:01:40.271 --> 00:01:43.651
Vamos começar aqui nossa conversa
colocando os pingos nos is.

00:01:43.651 --> 00:01:47.078
Então, César, 
o que é, na sua visão,

00:01:47.078 --> 00:01:48.908
esse tal de Motion Design,

00:01:48.908 --> 00:01:51.444
e como ele ajuda
na experiência do usuário,

00:01:51.444 --> 00:01:54.721
principalmente aqueles que vão 
navegar por aplicativos?

00:01:54.721 --> 00:01:57.484
Bom, na verdade, isso aí nasce

00:01:57.484 --> 00:01:59.016
há muito tempo atrás com o cinema.

00:01:59.016 --> 00:02:01.888
Ele foi pensado mais para a parte 
de cinema e animações.

00:02:01.888 --> 00:02:03.389
Só que, trazendo pouco
para o nosso contexto,

00:02:03.389 --> 00:02:06.013
ele cresceu nesse ambiente
mais de aplicativos,

00:02:06.013 --> 00:02:08.610
principalmente 
com o desenvolvimento dos tablets

00:02:08.610 --> 00:02:10.630
e smartphones.

00:02:10.630 --> 00:02:13.500
Então, o motion design,
para aplicativos mobile,

00:02:13.500 --> 00:02:15.468
tem uma função 
ali de primeiro...

00:02:16.870 --> 00:02:19.778
Pegando essas referências
do designer gráfico,

00:02:19.778 --> 00:02:22.375
da animação e algumas 
técnicas cinematográficas,

00:02:22.375 --> 00:02:26.237
inclusive reaproveitando os nomes
que a gente utiliza nessa área,

00:02:26.237 --> 00:02:28.984
eles tendem a criar animações

00:02:28.984 --> 00:02:30.318
para tornar...

00:02:32.397 --> 00:02:34.431
Mais dinâmica a experiência.

00:02:34.431 --> 00:02:35.956
Eu acho que essa é 
a palavra fundamental,

00:02:35.956 --> 00:02:36.956
que a gente ouve bastante,

00:02:36.956 --> 00:02:38.858
inclusive na área de criação
ultimamente,

00:02:38.858 --> 00:02:40.295
a palavra experiência.

00:02:40.295 --> 00:02:42.795
Então torna esse 
processo mais fluído.

00:02:42.795 --> 00:02:44.268
E tem até um termo 
que eu li esse dia,

00:02:44.268 --> 00:02:45.298
que eu acho muito engraçado,

00:02:45.298 --> 00:02:48.878
que é reduzir a carga 
cognitiva do usuário,

00:02:48.878 --> 00:02:52.378
ou seja, você fazer com que o usuário 
fique muito mais à vontade

00:02:52.378 --> 00:02:54.574
e muito mais calmo,

00:02:54.574 --> 00:02:55.875
de repente, não frustrado.

00:02:55.875 --> 00:02:57.410
São outros temas
que eu tenho lido bastante,

00:02:57.410 --> 00:03:00.013
na hora de utilizar 
um aplicativo, por exemplo.

00:03:00.013 --> 00:03:03.283
Então, tornar a experiência
mais fluida, mais simples.

00:03:03.283 --> 00:03:05.332
Que aquele app 
não seja um labirinto,

00:03:05.332 --> 00:03:08.155
que ele bata o olho 
e já saiba o que vai fazer

00:03:08.155 --> 00:03:11.858
sem ter que pensar muito, sem ter
que gastar poder de processamento.

00:03:11.858 --> 00:03:13.963
Exatamente. A parte 
estética é fundamental,

00:03:13.963 --> 00:03:15.880
mas o essencial mesmo

00:03:15.880 --> 00:03:19.505
é fazer a coisa mais 
fluída, mais intuitiva.

00:03:19.505 --> 00:03:22.235
Eu costumo dizer 
que, na verdade,

00:03:22.235 --> 00:03:26.166
o usuário é o navegador,
é o navegante,

00:03:26.166 --> 00:03:29.944
e a gente, por mexer 
com essa parte técnica,

00:03:29.944 --> 00:03:32.055
tende a achar que somos 
o capitão do barco.

00:03:32.055 --> 00:03:34.447
E, na verdade, não.

00:03:34.447 --> 00:03:36.883
Na verdade, o capitão do barco
é o próprio usuário.

00:03:36.883 --> 00:03:39.953
Ele que é responsável
pela sua navegação.

00:03:39.953 --> 00:03:44.190
O nosso trabalho
é ser o cursor da água,

00:03:44.190 --> 00:03:47.727
é fornecer a linha
e o movimento que vai guiar

00:03:47.727 --> 00:03:49.462
os passos desse navegante

00:03:49.462 --> 00:03:51.431
na nossa interface digital.

00:03:51.431 --> 00:03:52.075
Então...

00:03:54.645 --> 00:03:56.885
O Motion Design,
que, na verdade,

00:03:56.885 --> 00:04:00.416
é uma junção de Motion 
Graphics com UX Motion,

00:04:00.416 --> 00:04:02.054
é o Motion Graphics

00:04:02.054 --> 00:04:05.094
aplicado ao UX Motion...

00:04:07.981 --> 00:04:10.462
Essa animação 
de elementos visuais,

00:04:10.462 --> 00:04:12.752
elementos técnicos,

00:04:12.752 --> 00:04:15.222
que a gente joga 
para a interface digital

00:04:15.222 --> 00:04:19.209
para criar isso que ele disse,
que é uma navegação mais fluída...

00:04:20.493 --> 00:04:22.869
Mais constante,

00:04:22.869 --> 00:04:25.851
mais tranquila, né, uma...

00:04:25.851 --> 00:04:27.310
- Intuitiva.
- Intuitiva.

00:04:28.268 --> 00:04:30.870
Então a gente é 
responsável por guiar.

00:04:30.870 --> 00:04:32.338
É muito mais que estética.

00:04:32.338 --> 00:04:35.208
Ele falou isso, é muito 
mais que estética.

00:04:35.208 --> 00:04:37.156
É uma noção 
de percepção do usuário.

00:04:38.731 --> 00:04:40.880
Então o nosso objetivo

00:04:40.880 --> 00:04:44.663
é com conduzir o usuário 
pela interface digital.

00:04:45.262 --> 00:04:47.387
Como a gente vai 
fazer essa animação,

00:04:47.387 --> 00:04:49.237
é uma mera questão técnica.

00:04:49.237 --> 00:04:50.657
Então eu acho que é 
importante dizer isso,

00:04:50.657 --> 00:04:54.661
porque às vezes as pessoas 
acham que a técnica resolve tudo.

00:04:54.661 --> 00:04:57.171
"Ah, eu preciso aprender 
um determinado software

00:04:57.171 --> 00:04:58.998
e eu vou me tornar 
esse profissional."

00:04:58.998 --> 00:04:59.618
Não.

00:04:59.618 --> 00:05:02.368
O Motion Design
é muito mais que técnica.

00:05:02.368 --> 00:05:07.540
Ele é uma noção 
da cognição do usuário,

00:05:07.540 --> 00:05:09.475
da relação com a interface.

00:05:09.475 --> 00:05:10.476
Perfeito, perfeito.

00:05:10.476 --> 00:05:14.080
É aquela história, eu não estou 
criando a aplicação para mim.

00:05:14.080 --> 00:05:16.382
Eu estou criando aquela 
aplicação para o usuário.

00:05:16.382 --> 00:05:19.285
É com a cabeça dele
que eu tenho que pensar

00:05:19.285 --> 00:05:22.422
quais são os passos que ele 
vai tomar, onde ele vai clicar,

00:05:22.422 --> 00:05:23.890
se ele digitar 
alguma coisa errada,

00:05:23.890 --> 00:05:27.260
qual é o feedback visual
que eu posso fornecer para ele.

00:05:27.260 --> 00:05:28.991
- É fazer exercício de empatia.
- É verdade.

00:05:28.991 --> 00:05:30.572
Se colocar no lugar do outro

00:05:30.572 --> 00:05:32.432
e ter essa sensibilidade.

00:05:32.432 --> 00:05:36.536
Porque não deixa de ser um artista
o motion designer, concorda?

00:05:36.536 --> 00:05:38.705
É um artista aplicado.

00:05:38.705 --> 00:05:41.407
E para ser artista
tem que ter sensibilidade

00:05:41.407 --> 00:05:42.787
de se colocar no lugar do outro.

00:05:42.787 --> 00:05:43.487
Incrível.

00:05:43.487 --> 00:05:44.177
É isso que a gente faz.

00:05:44.177 --> 00:05:45.914
Muito boas as definições.

00:05:45.914 --> 00:05:49.048
E de que forma, César, 
essas animações

00:05:49.048 --> 00:05:53.252
vão facilitar a vida e o dia
a dia do usuário?

00:05:53.252 --> 00:05:57.123
Ou seja, como você consegue
hoje, no seu dia a dia,

00:05:57.123 --> 00:06:00.860
colocar em prática esse 
conhecimento do Motion Design

00:06:00.860 --> 00:06:04.859
e tornar interfaces 
que antes eram complexas,

00:06:04.859 --> 00:06:06.414
muito mais intuitivas?

00:06:07.533 --> 00:06:09.402
Então, a gente tem 
alguns recursos.

00:06:09.402 --> 00:06:12.004
Por exemplo, a gente tem 
essa questão dos feedbacks,

00:06:12.004 --> 00:06:15.208
das microinterações,
que vão servir ali para reforçar

00:06:15.208 --> 00:06:17.744
determinado comportamento,
e muitas vezes para guiar.

00:06:17.744 --> 00:06:20.613
Então, por exemplo, a gente
às vezes pega uma interface ali

00:06:20.613 --> 00:06:23.182
na mão de uma pessoa
que não está muito acostumada

00:06:23.182 --> 00:06:26.319
a lidar com aplicativos, 
internet de maneira geral,

00:06:26.319 --> 00:06:30.022
e a coloca, de repente, 
na frente de um story,

00:06:30.022 --> 00:06:31.591
de uma propaganda 
que ela está assistindo,

00:06:31.591 --> 00:06:33.693
de repente,ela gostou do conteúdo
e querer saber mais.

00:06:33.693 --> 00:06:37.130
Você tem ali o velho conhecido
Call to Action, que é o botão,

00:06:37.130 --> 00:06:39.129
mas às vezes ele é colocado
de uma maneira...

00:06:39.129 --> 00:06:41.395
Por exemplo, às vezes, 
dependendo do aplicativo,

00:06:41.395 --> 00:06:42.735
são muitos recursos.

00:06:42.735 --> 00:06:45.204
Se a gente for colocar 
um recurso para cada botão...

00:06:45.204 --> 00:06:45.983
Me desculpe, ao contrário.

00:06:45.983 --> 00:06:47.373
Um botão para cada recurso,

00:06:47.373 --> 00:06:48.775
parece ser uma tela de botões.

00:06:48.775 --> 00:06:50.910
Então a gente começa a dar
algumas orientações.

00:06:50.910 --> 00:06:54.447
Por exemplo, 
coloca uma animação,

00:06:54.447 --> 00:06:56.082
como setinhas 
apontando para cima.

00:06:56.082 --> 00:06:59.257
A pessoa vai saber que se ela 
quiser acessar aquela pasta,

00:06:59.257 --> 00:07:01.554
arrasta para cima, 
arrasta para o lado.

00:07:01.554 --> 00:07:03.322
Então você tem ali
alguns aplicativos.

00:07:03.322 --> 00:07:05.725
Eles vêm a primeira vez 
que você instala

00:07:05.725 --> 00:07:07.967
como se fossem minis tutoriais.

00:07:07.967 --> 00:07:10.229
Para quem está vendo 
aqui, o estudante,

00:07:10.229 --> 00:07:12.592
você que instalou o Adobe
no seu computador pela primeira vez,

00:07:12.592 --> 00:07:14.060
sabe que, toda vez 
que abre um software...

00:07:14.060 --> 00:07:14.880
É irritante, né?

00:07:14.880 --> 00:07:16.387
Mas toda vez que abre 
um software da Adobe...

00:07:16.387 --> 00:07:17.047
Eu pulo.

00:07:17.047 --> 00:07:18.370
Então, mas ultimamente 
parece que eles

00:07:18.370 --> 00:07:19.730
não estão deixando nem isso né?

00:07:19.730 --> 00:07:22.467
- É, força você...
- É, força você assistir.

00:07:22.467 --> 00:07:24.563
Então ele tem ali um tutorial.

00:07:24.563 --> 00:07:27.187
Se você quer ir para o menu tal,
você arrasta para cá,

00:07:27.187 --> 00:07:29.549
ou se você quer acessar a página,
você arrasa para cima.

00:07:29.549 --> 00:07:31.451
Então...

00:07:31.451 --> 00:07:35.087
Esse feedback, muitas vezes,
de você clicar no botão...

00:07:35.087 --> 00:07:36.810
Isso aconteceu comigo
esses dias.

00:07:36.810 --> 00:07:38.316
Foi no meu aplicativo inclusive.

00:07:38.316 --> 00:07:40.126
Eu preenchi um cadastro enorme,

00:07:40.126 --> 00:07:42.061
extremamente mal feito, 
que você tem que...

00:07:42.061 --> 00:07:42.962
Você não pode digitar.

00:07:42.962 --> 00:07:44.353
Você tem que... Sabe?

00:07:44.353 --> 00:07:47.366
Universidade, são todas 
as universidades do mundo.

00:07:47.366 --> 00:07:48.696
Se vira, acha.

00:07:48.696 --> 00:07:50.136
Você não pode digitar.

00:07:50.136 --> 00:07:51.504
E a hora que você 
acabou de digitar,

00:07:51.504 --> 00:07:53.406
você vai lá para baixo 
e some da sua tela.

00:07:53.406 --> 00:07:57.477
Todo o formulário que você preencheu,
fica só o botão de enviar.

00:07:57.477 --> 00:07:58.978
O que é o básico da nossa área?

00:07:58.978 --> 00:08:01.180
Quando você aperta esse botão,
o que tem que acontecer?

00:08:01.180 --> 00:08:02.442
Tem que ter uma micro interação.

00:08:02.442 --> 00:08:04.679
O botão muda de cor, ele treme,

00:08:04.679 --> 00:08:06.419
ele muda, aparece como enviado.

00:08:06.419 --> 00:08:08.021
Isso é o básico na nossa área.

00:08:08.021 --> 00:08:09.727
O botão não fazia isso.

00:08:09.727 --> 00:08:11.357
Ele simplesmente não mudava,

00:08:11.357 --> 00:08:13.598
o formulário tinha sido enviado,

00:08:13.598 --> 00:08:15.478
o formulário tinha sido assim...

00:08:15.478 --> 00:08:16.462
Ele carregava.

00:08:16.462 --> 00:08:18.602
Só que tem um macete 
especial desse aplicativo.

00:08:18.602 --> 00:08:20.533
Você apertava mais de uma vez
porque você achava que não tinha apertado,

00:08:20.533 --> 00:08:22.402
ele zerava o seu formulário

00:08:22.402 --> 00:08:24.470
e você tinha 
que começar de novo.

00:08:24.470 --> 00:08:27.507
Então, a nossa área 
trabalha muito

00:08:27.507 --> 00:08:30.160
na parte de direcionamento,
mas também de reforço,

00:08:30.160 --> 00:08:33.215
de você sanar, no usuário,

00:08:33.215 --> 00:08:34.975
se a ação que ele executou

00:08:34.975 --> 00:08:36.616
foi para algum lugar.

00:08:36.616 --> 00:08:38.284
Reduzir as interrupções.

00:08:38.284 --> 00:08:40.319
Reduzir as interrupções.

00:08:40.319 --> 00:08:43.923
Não existe nada mais desconfortável 
do que você clicar num botão

00:08:43.923 --> 00:08:47.927
e você não saber
se o seu arquivo subiu

00:08:47.927 --> 00:08:50.229
ou se você recebeu o arquivo
de alguma maneira.

00:08:50.229 --> 00:08:53.666
Então, esse feedback que ele está
fazendo, que é o feedback visual,

00:08:53.666 --> 00:08:58.013
é uma micro animação 
que é realizada

00:08:58.013 --> 00:09:00.573
através de uma interação

00:09:00.573 --> 00:09:03.853
num pequeno ícone, 
num pequeno botão,

00:09:03.853 --> 00:09:06.775
que dá a resposta ao usuário

00:09:06.775 --> 00:09:08.915
de que aquela ação foi efetiva.

00:09:08.915 --> 00:09:10.154
Tranquiliza.

00:09:10.154 --> 00:09:11.634
Exatamente.

00:09:11.634 --> 00:09:15.488
O nosso papel é deixar
os usuários mais tranquilos.

00:09:16.133 --> 00:09:19.292
A vida já é muito difícil.

00:09:19.292 --> 00:09:22.313
Ao acessar o meu site, eu te garanto
que, tranquilo, você vai ficar.

00:09:22.313 --> 00:09:25.178
A vida já difícil, o seu aplicativo 
vai dificultar mais?

00:09:26.143 --> 00:09:28.701
Se as telas, 
que a gente tem que lidar

00:09:28.701 --> 00:09:29.936
o tempo inteiro com elas,

00:09:29.936 --> 00:09:32.443
forem dificultar a nossa vida,
então a gente está ferrado.

00:09:32.443 --> 00:09:34.962
No começo estava difícil, no final,
parecia que eu estava no começo.

00:09:35.818 --> 00:09:36.743
É por aí mesmo.

00:09:36.743 --> 00:09:37.743
Então a nossa função é essa.

00:09:37.743 --> 00:09:41.052
É o que eles chamam 
também de visual cue",

00:09:41.052 --> 00:09:42.481
que seria uma dica visual.

00:09:42.481 --> 00:09:43.626
essa parte de...

00:09:45.158 --> 00:09:47.334
Animações, 
quando arrasta, cliques.

00:09:49.037 --> 00:09:50.253
São recursos que a gente 
acaba utilizando.


00:09:50.253 --> 00:09:52.762
além de transições, que a gente 
vai comentar um pouco.

00:09:52.762 --> 00:09:53.792
São os principais os três,

00:09:53.792 --> 00:09:55.890
transições, micro interações...

00:09:57.507 --> 00:09:59.098
E os feedbacks visuais.

00:09:59.098 --> 00:10:02.668
Feedback visual, interações, 
são recursos então que...

00:10:02.668 --> 00:10:03.412
Fundamentais.

00:10:03.412 --> 00:10:04.904
Fundamentais, 
que o motion design...

00:10:04.904 --> 00:10:05.917
E sabe o que acontece?

00:10:05.917 --> 00:10:09.175
Nos primórdios da internet
não tinha essa preocupação.

00:10:09.175 --> 00:10:11.377
A preocupação era:
tem que funcionar.

00:10:11.377 --> 00:10:12.111
E aí o que você falou?

00:10:12.111 --> 00:10:13.994
Você vai selecionar lá a cidade.

00:10:13.994 --> 00:10:15.994
Você seleciona 
o estado de São Paulo,

00:10:15.994 --> 00:10:17.664
tem mais de 500 cidades,

00:10:17.664 --> 00:10:20.304
e aí a sua cidade é 
a capital, é São Paulo,

00:10:20.304 --> 00:10:23.389
que está lá embaixo
e aí tem que percorrer.

00:10:23.389 --> 00:10:27.293
Todo mundo sabe que a primeira 
cidade é Adamantina,

00:10:27.293 --> 00:10:29.871
porque todo o formulário 
que você vai preencher...

00:10:29.871 --> 00:10:31.611
- Que não tem esses recursos...
- É mesmo, né?

00:10:31.611 --> 00:10:34.800
Você sabe que Adamantina
é a primeira da lista.

00:10:34.800 --> 00:10:37.941
Agora você imagina, por exemplo,
que você quer colocar uma cidade

00:10:37.941 --> 00:10:40.506
lá no seu formulário

00:10:40.506 --> 00:10:44.310
e você clica na setinha para baixo
e não abrem as cidades.

00:10:45.121 --> 00:10:47.279
Já é uma sensação 
de desconforto.

00:10:47.279 --> 00:10:48.459
Exato.

00:10:48.459 --> 00:10:51.117
E você falou desde 
os primórdios, não é verdade?

00:10:54.320 --> 00:10:55.624
Provavelmente, a gente 
deve estar falando

00:10:55.624 --> 00:10:57.990
com uma faixa etária aqui, enfim.

00:10:57.990 --> 00:10:59.760
Quem tiver mais ou menos
a nossa idade

00:10:59.760 --> 00:11:03.315
vai lembrar dos sites 
da década de 1990.

00:11:03.315 --> 00:11:05.699
Até tem lugares, sites,

00:11:05.699 --> 00:11:08.709
que arquivam essas interfaces.

00:11:08.709 --> 00:11:11.145
Tem, Web Archiving,
"web.archiving.org".

00:11:11.145 --> 00:11:12.805
Obrigado por lembrar.

00:11:12.805 --> 00:11:14.192
Eu estava aqui matutando.

00:11:14.192 --> 00:11:16.342
Pô, se você pega um site 
da década de 1990,

00:11:16.342 --> 00:11:19.100
experiência do usuário, 
meu Deus,

00:11:19.100 --> 00:11:21.187
era o terror na terra.

00:11:21.187 --> 00:11:24.087
E a gente desbravou 
aquilo tudo, né?

00:11:24.087 --> 00:11:25.768
Apanhou para fazer.

00:11:25.768 --> 00:11:27.089
"Ah, então é assim que funciona."

00:11:27.089 --> 00:11:29.689
Teve alguém que falou assim:
"Meu Deus, isso aqui está terrível.

00:11:29.689 --> 00:11:31.867
Eu vou ajudar
o pessoal a navegar melhor",

00:11:31.867 --> 00:11:34.160
Essa pessoa merece 
ser glorificada.

00:11:34.160 --> 00:11:36.429
Eu acho que isso que você trouxe

00:11:36.429 --> 00:11:39.719
é muito da cultura e da experiência
que nós tivemos no passado,

00:11:39.719 --> 00:11:44.336
de hoje não ter essa paciência
de querer assistir o tutorial

00:11:44.336 --> 00:11:47.373
que, de repente, outra geração
ou outra cultura tem.

00:11:47.373 --> 00:11:49.975
Eu vejo que os americanos
tem muito dessa cultura.

00:11:49.975 --> 00:11:52.244
Quando eles compram
uma TV, por exemplo,

00:11:52.244 --> 00:11:56.306
de abrir a caixa, pegar o manual,
ficar lendo o manual, para depois...

00:11:56.306 --> 00:11:57.862
Aqui não, aqui a gente já 
pega a TV, coloca na tomada,

00:11:57.862 --> 00:12:01.189
pega o controle remoto, 
e vou aprender a mexer.

00:12:01.189 --> 00:12:03.823
"Ah, tem uma folhinha
aqui explicando".

00:12:04.790 --> 00:12:06.299
Na melhor das hipóteses,

00:12:06.299 --> 00:12:08.679
o cara vê uma unboxing, 
vê um review.

00:12:08.679 --> 00:12:10.863
Para falar bem a verdade,
quando eu pego uma coisa

00:12:10.863 --> 00:12:11.714
e não estou 
conseguindo programar,

00:12:11.714 --> 00:12:13.933
não tem dúvida, YouTube.

00:12:13.933 --> 00:12:16.790
É uma cultura imediatista,
vai um pouco além de geração.

00:12:16.790 --> 00:12:18.103
Você está vendo que até...

00:12:18.103 --> 00:12:23.067
Ele falou assim: "A gente largou
o panfletinho o manual

00:12:23.067 --> 00:12:27.020
para a gente procurar 
o tutorial de como montar

00:12:27.020 --> 00:12:28.447
num site,

00:12:28.447 --> 00:12:32.251
porque o YouTube é um site,
o Facebook é um site.

00:12:32.251 --> 00:12:36.249
E pela intuitividade deles
faz com que...

00:12:36.249 --> 00:12:40.362
É muito mais intuitivo eu procurar
numa plataforma como essa

00:12:40.362 --> 00:12:42.962
do que eu ler um manual...

00:12:42.962 --> 00:12:44.170
- Com 500 folhas.
- Que é mal diagramado.

00:12:44.170 --> 00:12:46.198
Nossa, muito mal diagramado.

00:12:46.198 --> 00:12:48.010
E aí você fica naquela confusão...

00:12:48.010 --> 00:12:49.500
- Faço isso, faço aquilo...
- E você acha na internet, né?

00:12:49.500 --> 00:12:52.438
Por exemplo, como prosetar 
o relógio na TV tal, tal, tal.

00:12:52.438 --> 00:12:54.611
Tem, incrível como tem.

00:12:54.611 --> 00:12:56.870
Então é muito mais fácil, 
muito mais prático, né?

00:12:58.061 --> 00:13:00.279
É o que eu falei, é 
a cultura do imediatismo.

00:13:00.279 --> 00:13:03.215
A gente tem que ter coisas
que forneçam respostas rápidas,

00:13:03.215 --> 00:13:05.017
até para coisas que a gente...

00:13:05.017 --> 00:13:06.819
Não tem como ser mais 
rápido que isso, né?

00:13:06.819 --> 00:13:09.088
A gente chegou num estado
que a gente pergunta para o AR?:

00:13:09.088 --> 00:13:10.122
"Como eu programo essa TV?".

00:13:10.122 --> 00:13:12.124
E o AR me responde:
"Ainda não chegamos lá".

00:13:12.124 --> 00:13:14.122
Mas o aplicativo é uma coisa
que e cada vez mais

00:13:14.122 --> 00:13:15.760
tem que ser responsivo,
tem que ser rápido.

00:13:15.760 --> 00:13:18.643
Ninguém vai aturar ficar
no aplicativo de...

00:13:18.643 --> 00:13:20.928
Eu já fiz, abandonar 
o aplicativo de comida

00:13:20.928 --> 00:13:23.522
porque o negócio ou é lerdo

00:13:23.522 --> 00:13:25.006
ou mete uma animação 
que não tem nada a ver,

00:13:25.006 --> 00:13:27.367
e, consequentemente...

00:13:27.367 --> 00:13:29.942
Na época,
o carregamento não ia e...

00:13:29.942 --> 00:13:32.278
Não, e existe uma pesquisa,
que inclusive...

00:13:32.278 --> 00:13:33.813
Eu não vou lembrar
a fonte da pesquisa.

00:13:33.813 --> 00:13:36.492
Por favor, se vocês 
tiverem acesso em casa,

00:13:36.492 --> 00:13:38.441
pesquisem isso.

00:13:38.441 --> 00:13:40.034
Mas existe uma média de...

00:13:42.194 --> 00:13:45.324
Usuários que largam um site

00:13:45.324 --> 00:13:48.321
se o site demorar 
3 segundos para abrir.

00:13:49.995 --> 00:13:52.698
A otimização é um processo 
fundamental também.

00:13:52.698 --> 00:13:55.000
Não basta você ter uma animação,

00:13:55.000 --> 00:13:57.274
um motion design, bem bacana

00:13:57.274 --> 00:13:58.904
se ele não tiver otimizado

00:13:58.904 --> 00:14:01.913
para que o site carregue bem,
para que o site flua bem,

00:14:01.913 --> 00:14:04.376
para que ele não fique
cheio de travamentos.

00:14:04.376 --> 00:14:05.823
Boa!

00:14:05.823 --> 00:14:07.562
Eu quero pegar um gancho 
que o César trouxe

00:14:07.562 --> 00:14:10.182
de múltiplas animações 
e tudo mais.

00:14:10.182 --> 00:14:13.219
Vocês, que são profissionais 
que hoje estão na área,

00:14:13.219 --> 00:14:16.155
atuam no dia a dia 
com Motion Design,

00:14:16.155 --> 00:14:20.559
eu vejo que às vezes o excesso 
de animações e transições

00:14:20.559 --> 00:14:23.128
pode dificultar 
a vida do usuário.

00:14:23.128 --> 00:14:26.966
Não adianta ter um aplicativo
que gira, pula, estoura,

00:14:26.966 --> 00:14:29.535
sendo que ele não cumpre 
com as funcionalidades básicas.

00:14:30.569 --> 00:14:32.004
Eder, na sua opinião,

00:14:32.004 --> 00:14:34.529
como a gente consegue 
alcançar um equilíbrio

00:14:34.529 --> 00:14:37.142
entre essas transições 
e animações

00:14:37.142 --> 00:14:39.873
e a usabilidade final
para o nosso usuário?

00:14:41.866 --> 00:14:44.223
A análise 
de otimização do site...

00:14:46.886 --> 00:14:48.581
Se o site está rendendo bem,

00:14:48.581 --> 00:14:51.424
é a primeira coisa que se tem 
que fazer, identificar...

00:14:53.364 --> 00:14:54.660
Esse excesso de animações

00:14:54.660 --> 00:14:58.631
através 
de uma percepção sensível

00:14:58.631 --> 00:15:00.280
que o motion designer 
tem que ter.

00:15:02.735 --> 00:15:05.871
Em tudo, em qualquer trabalho,

00:15:05.871 --> 00:15:08.243
no caso de interface digitais, porque 
a gente está falando de animação.

00:15:08.243 --> 00:15:10.709
Um monte de animação
não vai ser legal.

00:15:10.709 --> 00:15:13.043
Se você pegar 
para fazer um panfleto,

00:15:13.043 --> 00:15:16.231
se utilizar o mesmo estilo,

00:15:16.231 --> 00:15:18.851
ou o mesmo objeto, várias vezes,

00:15:18.851 --> 00:15:20.738
ele vai cair num problema

00:15:20.738 --> 00:15:23.894
que é um dos fundamentos 
do design,

00:15:23.894 --> 00:15:25.824
que é a repetição.

00:15:25.824 --> 00:15:28.661
Então eu acho que a gente tem que
controlar essa questão de repetição.

00:15:28.661 --> 00:15:31.697
A gente tem que ter o bom
senso e a sensibilidade

00:15:31.697 --> 00:15:33.432
de tornar a página fluida.

00:15:33.432 --> 00:15:37.336
E esse processo exige 
o conhecimento do usuário.

00:15:38.270 --> 00:15:40.773
Então, assim, 
quando você conhece

00:15:40.773 --> 00:15:43.310
como é o comportamento visual

00:15:43.310 --> 00:15:44.910
diante de uma interface 
de usuário,

00:15:44.910 --> 00:15:49.315
você vai adquirindo automaticamente
e imperceptivelmente

00:15:49.315 --> 00:15:50.950
essa sensibilidade.

00:15:52.700 --> 00:15:53.716
E é design.

00:15:53.716 --> 00:15:57.464
O design tem um objetivo 
de frente de arte que é subjetiva.

00:15:57.464 --> 00:16:00.173
Então, se você tem um objetivo,

00:16:00.173 --> 00:16:02.166
você tem que cumprir 
com esse objetivo.

00:16:02.166 --> 00:16:05.487
O excesso de animação
vai cumprir o objetivo?

00:16:06.632 --> 00:16:08.834
Depende de qual 
a proposta da interface.

00:16:08.834 --> 00:16:12.037
Se ele não estiver cumprindo 
esse objetivo, então tira.

00:16:13.654 --> 00:16:16.327
É preciso ter 
essa sensibilidade,

00:16:16.327 --> 00:16:19.777
esse bom senso de saber 
avaliar qual é a proposta

00:16:19.777 --> 00:16:21.360
e qual o objetivo da animação.

00:16:22.887 --> 00:16:26.852
Com um bom briefing,
você vai à lugares maravilhosos.

00:16:26.852 --> 00:16:28.224
Sensacional!

00:16:28.224 --> 00:16:30.723
César, nós falamos aqui 
nesse bate-papo

00:16:30.723 --> 00:16:33.336
sobre micro interações.

00:16:34.259 --> 00:16:36.128
Traz para nós aí 
alguns exemplos.

00:16:36.128 --> 00:16:40.299
Eu percebo que a micro interação

00:16:40.299 --> 00:16:41.862
é aquela coisa que às vezes 
o usuário não percebe,

00:16:41.862 --> 00:16:43.222
ele não dá valor,

00:16:43.222 --> 00:16:45.547
mas aqui faz 
uma diferença enorme

00:16:45.547 --> 00:16:48.007
na sua experiência 
e na usabilidade.

00:16:48.007 --> 00:16:51.100
Traz alguns outros exemplos 
de micro interações

00:16:51.100 --> 00:16:53.749
para o pessoal que está 
assistindo a gente associar...

00:16:53.749 --> 00:16:56.050
"Hum, isso aqui é 
uma micro interação".

00:16:56.050 --> 00:17:00.552
Por exemplo, quando você vai 
preencher uma rede social

00:17:00.552 --> 00:17:03.956
fora do seu computador, 
fora do seu celular...

00:17:03.956 --> 00:17:05.696
Essa é bem famosa.

00:17:05.696 --> 00:17:07.326
A gente está acostumado a salvar

00:17:07.326 --> 00:17:10.562
sem ter mais 
que ficar decorando,

00:17:10.562 --> 00:17:13.232
ou a gente mete 
a impressão digital e acessa.

00:17:13.232 --> 00:17:15.934
Às vezes a gente tem que acessar
o site fora, em outro lugar,

00:17:15.934 --> 00:17:17.903
a sua rede social... "Qual 
a sua senha do Facebook?".

00:17:17.903 --> 00:17:19.258
- Eu não tenho a menor ideia.
- Não faço ideia

00:17:19.258 --> 00:17:23.042
Aí você vai tentar entrar
com a sua senha e não funciona.

00:17:23.042 --> 00:17:24.610
O que acontece normalmente com o campo?

00:17:24.610 --> 00:17:28.247
A hora que você digita e erra,
ele tende a ficar na cor vermelha,

00:17:28.247 --> 00:17:29.362
mas, além disso...

00:17:29.362 --> 00:17:31.714
A gente até comenta sobre isso,
em relação à acessibilidade.

00:17:31.714 --> 00:17:33.691
Só ficar na cor 
vermelha não ajuda.

00:17:33.691 --> 00:17:35.521
Ele dá uma tremidinha.

00:17:35.521 --> 00:17:37.213
Isso é uma coisa que acontece...

00:17:37.213 --> 00:17:38.083
Não vou dizer em todas, né,

00:17:38.083 --> 00:17:41.479
mas eu acho que a maioria
dos aplicativos que a gente utiliza,

00:17:41.479 --> 00:17:44.329
quando você erra alguma 
informação, ele tende a tremer.

00:17:44.329 --> 00:17:46.800
Quando você preenche,
de repente, o seu CEP errado,

00:17:46.800 --> 00:17:50.743
você colocou seis dígitos, 
o que normalmente tende a acontecer

00:17:50.743 --> 00:17:53.216
é ele não te deixa ir para frente.

00:17:53.216 --> 00:17:54.606
De repente ele 
vai subir a página

00:17:54.606 --> 00:17:56.675
e vai mostrar o erro
com uma cor diferente.

00:17:56.675 --> 00:17:57.776
Onde que você errou?

00:17:57.776 --> 00:18:00.779
Então,
essas interações desde o movimento,

00:18:01.013 --> 00:18:03.515
desde a alteração de cor
ou os dois juntos,

00:18:03.515 --> 00:18:05.017
preferencialmente os dois juntos,

00:18:05.017 --> 00:18:07.953
ele vai mostrar
uma espécie de reforço

00:18:07.953 --> 00:18:11.123
quando você acerta ou ao contrário,
quando você é que é o caso aqui.

00:18:12.091 --> 00:18:13.592
Então

00:18:13.592 --> 00:18:16.595
são coisas que tende realmente a.

00:18:17.663 --> 00:18:19.164
Reforçar

00:18:19.164 --> 00:18:21.600
para que você não faça mais
ou você preste atenção

00:18:21.600 --> 00:18:24.603
ou para que de repente,
quando você dá um like,

00:18:25.771 --> 00:18:27.840
uma coisa até um pouco mais recente,

00:18:27.840 --> 00:18:30.576
você dá um like ou um coraçãozinho,
dá um parabéns,

00:18:30.576 --> 00:18:32.277
Vocês ainda existe isso no Facebook?

00:18:32.277 --> 00:18:35.948
Você coloca
parabéns a pessoa só tem serpentina,

00:18:36.348 --> 00:18:39.017
então isso é um é um reforço,
uma interação que causa ali

00:18:39.017 --> 00:18:42.187
uma uma conexão emocional,
porque assim,

00:18:43.789 --> 00:18:46.358
a parte de do

00:18:46.358 --> 00:18:48.627
do Mouchão
ela pega um pouquinho de referência,

00:18:48.627 --> 00:18:50.395
atenção, um pouquinho de referências

00:18:50.395 --> 00:18:53.398
ali, dos 12 passos,
dos fundamentos da animação

00:18:53.432 --> 00:18:56.535
Tá que é o livro que surge lá
da década de 80,

00:18:56.535 --> 00:18:59.037
que foram observações feitas
principalmente

00:18:59.037 --> 00:19:00.672
com produções da Disney.

00:19:00.672 --> 00:19:03.942
Alguém que veio da regra e
alguém que achou elementos em comum

00:19:04.510 --> 00:19:06.278
e que vai influenciar
de alguma forma.

00:19:06.278 --> 00:19:09.281
Por exemplo, do 12
fundamentos do Unix

00:19:09.381 --> 00:19:11.283
Qual a diferença de um
e de outro da animação?

00:19:11.283 --> 00:19:15.621
E para criar uma conexão emocional
do YouPix para criar uma?

00:19:16.221 --> 00:19:19.391
Eu tenho sentido mais quando
você tem experiência, entendeu?

00:19:19.391 --> 00:19:22.327
Então você vai juntar um
com o outro, entendeu?

00:19:22.327 --> 00:19:25.330
Ou fique mais, está mais A questão
da arte da animação

00:19:25.697 --> 00:19:27.966
para te trazer
uma conexão emocional é fundamental.

00:19:29.101 --> 00:19:31.270
A experiência é
muito bom, mas quando você sente ali

00:19:31.270 --> 00:19:32.971
que tem uma, a questão de você

00:19:32.971 --> 00:19:35.140
dar like ou um coração
e ter toda uma animação

00:19:35.140 --> 00:19:38.143
e uma alimentação,
vamos dar feedback.

00:19:39.077 --> 00:19:41.813
Ele torna sua experiência muito mais
emocional, o que é importante.

00:19:41.813 --> 00:19:44.349
Também é bom que o aplicativo
funcione,

00:19:44.349 --> 00:19:47.119
mas essa conexão emocional
também é fundamental.

00:19:47.119 --> 00:19:48.954
Então essas micro interações

00:19:48.954 --> 00:19:51.823
geralmente elas trazem um pouquinho
dos dois. Sem dúvida. Sem dúvida.

00:19:51.823 --> 00:19:55.093
Vamos fazer agora
uma viagem no tempo e voltar

00:19:55.093 --> 00:19:59.765
lá para 2009, 2009
foi um ano que começou

00:20:00.132 --> 00:20:03.168
a surgir os primeiros aplicativos

00:20:03.168 --> 00:20:07.206
após o lançamento de AppStore
Google Play.

00:20:07.339 --> 00:20:08.941
A antiga Play Store.

00:20:08.941 --> 00:20:11.610
Era uma época que tinha diversos

00:20:11.610 --> 00:20:16.481
smartphones, um leque com Windows
Phone, BlackBerry,

00:20:17.182 --> 00:20:20.919
AIO, o S, Android, entre outros.

00:20:21.687 --> 00:20:24.122
Voltando agora para os dias de hoje,

00:20:24.122 --> 00:20:28.961
nós temos a grande concentração
entre usuários Android e iOS s.

00:20:29.695 --> 00:20:32.798
Éder muda alguma coisa de Android
para iOS

00:20:32.798 --> 00:20:36.101
quando o assunto é Mocha
ou tudo a mesma coisa?

00:20:36.335 --> 00:20:39.338
Eu acho que tem muito a ver
com as diretrizes de design. Tá?

00:20:39.838 --> 00:20:40.372
Então, assim

00:20:41.573 --> 00:20:43.442
como sou
péssima com o nome, mas por exemplo,

00:20:43.442 --> 00:20:47.212
o Android usa muito
o material de design do Google,

00:20:47.879 --> 00:20:50.816
então tem essas peças

00:20:50.816 --> 00:20:53.752
que essa diferenças que estão
muito estéticas, de estilo.

00:20:53.752 --> 00:20:57.322
Por exemplo,
o material design é mais flat.

00:20:57.889 --> 00:21:00.659
Você se lembra como
que é o nome do material?

00:21:00.659 --> 00:21:02.561
Me perdão, Perdão por não lembrar.

00:21:02.561 --> 00:21:08.600
Eu Capaz que eu lembre no meio,
mas eles também usam um estilo.

00:21:08.800 --> 00:21:10.269
De Leibniz.

00:21:10.269 --> 00:21:11.103
Ou alguma.

00:21:11.103 --> 00:21:13.672
Coisa mais de uma interface.

00:21:13.672 --> 00:21:17.009
Eu acho que eles tem menos de Flash,
eles tem e eles mexem mais

00:21:17.009 --> 00:21:20.879
com sombreamento e profundidade
através de luzes.

00:21:20.879 --> 00:21:23.882
Então sim,
tem essa diferença de diretrizes

00:21:24.249 --> 00:21:27.419
e de softwares que você vai usar,
de ferramentas que você vai usar.

00:21:27.419 --> 00:21:30.422
Então você pode usar

00:21:30.422 --> 00:21:33.492
no Android, você pode usar lote,
você pode usar o After Effects

00:21:33.492 --> 00:21:37.029
para converter
ou as suas animações indie em Jeison

00:21:38.196 --> 00:21:39.998
e Flutter.

00:21:39.998 --> 00:21:43.001
Então assim
tem várias ferramentas que aqui são

00:21:43.101 --> 00:21:47.906
que diferenciam, são utilizadas
em cada sistema legal Sim,

00:21:48.907 --> 00:21:52.544
tem suas diferenças,
mas o fundamental mesmo é o.

00:21:52.544 --> 00:21:53.745
Fundamental mesmo,

00:21:53.745 --> 00:21:55.247
desde que a gente consiga respeitar

00:21:55.247 --> 00:21:57.316
ali exatamente o lugar de lines, né?

00:21:57.316 --> 00:21:59.051
Traduzindo para o pessoal de casa

00:21:59.051 --> 00:22:02.621
um conjunto de boas práticas
que cada sistema operacional usa.

00:22:03.021 --> 00:22:06.391
E vale destacar
também que são fundamentais,

00:22:06.391 --> 00:22:09.461
muitas vezes para o aplicativo
ser aceito na loja.

00:22:09.861 --> 00:22:13.398
Porque às vezes, se você coloca lá
um botão que foge da proposta

00:22:13.632 --> 00:22:16.902
ou um botão menor,
o que a Apple que o Google pensa,

00:22:17.102 --> 00:22:20.038
o meu usuário vai ter dificuldade
de clicar nesse botão.

00:22:20.038 --> 00:22:21.807
E aí, o que ele vai falar?

00:22:21.807 --> 00:22:23.008
Ah, esse aplicativo é ruim.

00:22:23.008 --> 00:22:27.212
Ele vai falar se iPhone não presta,
Então eles são bem preocupados

00:22:27.212 --> 00:22:27.879
com essa questão.

00:22:28.914 --> 00:22:29.915
Nos projetos que você

00:22:29.915 --> 00:22:33.452
já tocou, seja,
você sentiu muita diferença de

00:22:33.819 --> 00:22:36.822
S para Android
na hora de pensar em Mocha.

00:22:37.389 --> 00:22:39.691
Que normalmente o cabelo

00:22:39.691 --> 00:22:42.094
adoece, eles tem uma questão
com sobreposição

00:22:42.094 --> 00:22:45.097
e de arrastar para o lado e,

00:22:46.264 --> 00:22:47.132
por exemplo,

00:22:47.132 --> 00:22:48.800
eles também tem uma questão
em relação a você

00:22:48.800 --> 00:22:50.802
não começar
o movimento muito perto da borda.

00:22:50.802 --> 00:22:54.272
A recomendação que eles dão
é bem uma recomendação não pode

00:22:55.140 --> 00:22:58.143
é no Android, ele é um pouco mais.

00:23:00.011 --> 00:23:02.214
Eu não sei como é que é hoje em dia,
mas tinha se uma certa cultura

00:23:02.214 --> 00:23:04.683
de que vai
um pouquinho mais chatinho. Você.

00:23:04.683 --> 00:23:07.419
Só que, assim como você falou,
a gente está hoje

00:23:07.419 --> 00:23:10.422
muito mais em Androide e o S.

00:23:10.922 --> 00:23:14.493
As diferenças de tamanho de tela
elas são muito menores

00:23:14.493 --> 00:23:15.961
lá isso do que no androide androide.

00:23:15.961 --> 00:23:18.096
Você tem uma variedade imensa gente,

00:23:18.096 --> 00:23:20.332
e você tem que trabalhar em cima
disso.

00:23:20.332 --> 00:23:22.100
E as transições aqui são assim.

00:23:22.100 --> 00:23:25.070
Já o a essa
transição ela é mais suave.

00:23:26.071 --> 00:23:27.038
É o que ele falou.

00:23:27.038 --> 00:23:28.640
Acho que é muito mais uma questão
assim, de tão.

00:23:28.640 --> 00:23:33.412
Sutil e sutil, de mais e às vezes
torna imperceptível para o usuário.

00:23:33.879 --> 00:23:36.615
Então é mais uma questão de
detalhe técnico e.

00:23:36.615 --> 00:23:37.883
A questão do design como um todo.

00:23:37.883 --> 00:23:38.483
Se você pegar,

00:23:38.483 --> 00:23:40.585
se você comparar o WhatsApp
em um e outro,

00:23:40.585 --> 00:23:44.322
mas essas diferenças
não sabe do tipo Ah, detalhe maior

00:23:44.322 --> 00:23:44.956
existe uma

00:23:44.956 --> 00:23:48.293
preferência no modo de transição,
que é o que é o de expandir,

00:23:48.727 --> 00:23:50.929
que é algo que também chamado
como que é?

00:23:50.929 --> 00:23:51.997
Vou tentar traduzir aqui.

00:23:51.997 --> 00:23:53.899
Acho que é obscurecer,
se não me engano,

00:23:53.899 --> 00:23:57.569
onde você aplicaria um clique
de um determinado ou uma determinada

00:23:57.569 --> 00:23:58.970
tela, Ela expande.

00:23:58.970 --> 00:24:00.105
Só que o que está atrás

00:24:00.105 --> 00:24:03.608
não desaparece, que é para te manter
o senso de direção perdido.

00:24:04.176 --> 00:24:07.179
Só que assim
o Android também está fazendo isso.

00:24:07.579 --> 00:24:09.381
Então voltar para o WhatsApp,
por exemplo.

00:24:09.381 --> 00:24:11.149
A única diferença que eu vi,
visualmente

00:24:11.149 --> 00:24:12.918
falando,
o WhatsApp de um para o outro

00:24:12.918 --> 00:24:16.321
é que em cima do do Android
ele tem uma faixinha verde

00:24:16.988 --> 00:24:19.991
para fazer a barra superior
de ser dividida em duas

00:24:20.091 --> 00:24:21.092
a superior do aio.

00:24:21.092 --> 00:24:23.295
Essa é uma faixa única
com uma cor só.

00:24:23.295 --> 00:24:24.963
Então se são coisas que

00:24:24.963 --> 00:24:27.966
acho que antigamente o AIO
seria um pouco mais temido,

00:24:28.467 --> 00:24:31.470
mas hoje a coisa acabou
convergindo um pouco

00:24:31.470 --> 00:24:33.038
e eu não vejo tantas diferenças
assim.

00:24:33.038 --> 00:24:36.575
A questão de você arrastar pro
lado ou não muita coisa do Android

00:24:36.575 --> 00:24:39.578
funciona assim
hoje em dia essa convergência.

00:24:39.578 --> 00:24:39.878
A gente

00:24:39.878 --> 00:24:43.448
discutia muito isso no passado,
as diferenças de um para o outro.

00:24:43.782 --> 00:24:47.419
O iPhone tinha um botão
voltar no aplicativo,

00:24:47.652 --> 00:24:50.689
o voltar do Android
já é nativo do próprio aparelho,

00:24:51.156 --> 00:24:52.257
tinha essas diferenças.

00:24:52.257 --> 00:24:54.893
Mas esse lance da convergência
é muito legal,

00:24:54.893 --> 00:24:57.896
porque a gente percebe
que as empresas olhem, fala

00:24:58.029 --> 00:25:00.065
o que eu estou querendo
reinventar a roda.

00:25:00.065 --> 00:25:03.702
Se meu usuário já sabe
que o carrinho de compra no canto

00:25:03.702 --> 00:25:07.105
superior direito que eu vou inventar
moda e colocar embaixo

00:25:07.472 --> 00:25:10.408
porque as pessoas já estão
associando, inclusive

00:25:10.408 --> 00:25:14.279
no caso do Mocha, que é o nosso papo
aqui, os gestos,

00:25:14.479 --> 00:25:18.717
os movimentos,
o arrasta pra cima, o double tap,

00:25:20.151 --> 00:25:23.154
aí o s Android são

00:25:23.488 --> 00:25:26.825
as nossas principais
plataformas de smartphone

00:25:27.225 --> 00:25:29.027
Quando gente fala de sistema
operacional,

00:25:29.027 --> 00:25:32.030
mas e quando a gente fala
num passo anterior

00:25:32.297 --> 00:25:33.999
ao desenvolvimento do aplicativo?

00:25:33.999 --> 00:25:39.371
O protótipo Quais ferramentas
que vocês indicam hoje para a gente

00:25:39.571 --> 00:25:43.808
prototipar esses aplicativos
já pensando nas animações

00:25:45.477 --> 00:25:46.177
Sigma?

00:25:46.177 --> 00:25:47.679
Você pode animar no Sigma também.

00:25:47.679 --> 00:25:49.381
Acho que é o mais comum.

00:25:49.381 --> 00:25:51.783
É tão Sketch.

00:25:51.783 --> 00:25:53.251
Sete.

00:25:53.251 --> 00:25:55.287
O After Effects também.

00:25:55.287 --> 00:25:58.290
Essas ferramentas todas
você consegue prototipar

00:25:58.523 --> 00:26:01.760
e elas de alguma forma
tem suas integrações.

00:26:01.760 --> 00:26:02.494
Que legal!

00:26:02.494 --> 00:26:06.097
Então, hoje a tecnologia
é tão bacana hoje que você

00:26:07.299 --> 00:26:10.268
você consegue permear
por todos os cantos,

00:26:10.268 --> 00:26:13.138
por todas as ferramentas,
sem necessariamente sair,

00:26:13.138 --> 00:26:14.472
abandonar outra ferramenta,

00:26:14.472 --> 00:26:18.910
porque elas estão integradas
e então, Mas são algumas.

00:26:19.277 --> 00:26:19.911
Mas aí tem.

00:26:19.911 --> 00:26:21.947
Tem diversas ferramentas, não.

00:26:21.947 --> 00:26:24.149
O lote, o. Lote.

00:26:24.149 --> 00:26:27.152
Que você não conhecia
e é aqui que ele faz.

00:26:27.686 --> 00:26:30.288
O. Acerto e o lote.

00:26:30.288 --> 00:26:32.791
Ele pertence. O modo que é para que?

00:26:32.791 --> 00:26:34.926
Pra galera que já trabalha
mais com programação,

00:26:34.926 --> 00:26:36.895
porque ele te fornece
um arquivo JSON

00:26:36.895 --> 00:26:39.431
ou de um monte de coisa
que precisa para não ser.

00:26:39.431 --> 00:26:40.165
Aí você vai trabalhar.

00:26:40.165 --> 00:26:43.602
Se você não souber programar,
aí precisaria de algum desenvolvedor

00:26:43.602 --> 00:26:45.870
que dá o código,
que é o código mais facilitado,

00:26:45.870 --> 00:26:48.873
inclusive na era mais fácil de roda,
inclusive muito mais rápido.

00:26:49.240 --> 00:26:51.977
E tem a versão romance
mais prático e multiuso.

00:26:51.977 --> 00:26:53.011
Qualquer um pode pegar.

00:26:53.011 --> 00:26:55.680
Você pode baixar uma animação,
você precisa colocar no teu.

00:26:58.350 --> 00:26:59.884
Mala alguma

00:26:59.884 --> 00:27:02.887
publicação
seu e fazer de repente no Instagram

00:27:03.054 --> 00:27:06.391
acha que é alguma coisa e de repente
uma caixinha de som tocando.

00:27:06.391 --> 00:27:08.693
Você coloca uma caixinha de
som tocando.

00:27:08.693 --> 00:27:10.795
Aí você acha caixinha de som,
você animado,

00:27:10.795 --> 00:27:13.164
você consegue mudar essa
caixinha de som?

00:27:13.164 --> 00:27:15.634
Sua programação pode ser todo fundo.

00:27:15.634 --> 00:27:16.868
Quanto a figura, que legal!

00:27:16.868 --> 00:27:18.770
E você consegue

00:27:18.770 --> 00:27:21.172
dar uma certa adaptada lendo
de que maneira ela vai se mexer

00:27:21.172 --> 00:27:24.442
e de que maneira ela vai se animar
e você consegue baixar em MP4,

00:27:25.644 --> 00:27:28.480
gif e o JSON.

00:27:28.480 --> 00:27:31.249
Então se você já baixa aí no formato
para você utilizar na hora,

00:27:31.249 --> 00:27:33.718
você mexe na nossa publicação
imediatamente.

00:27:33.718 --> 00:27:38.223
Você transforma vetor ou imagem
que é super pesado em código e aí

00:27:38.223 --> 00:27:41.526
você pode levar para o vice cold
e o front end.

00:27:41.526 --> 00:27:45.664
Pode só aplicar o código Jeison
no site dele vai ter animação lá.

00:27:46.064 --> 00:27:49.768
E aí caso você queira
fazer uma funcionalidade de cliques

00:27:49.768 --> 00:27:54.005
tipo e código, muitas vezes CSS
ou alguma coisa em JavaScript.

00:27:54.005 --> 00:27:59.010
Mas sensacional Essa então seria
uma forma de pular uma barreira.

00:27:59.177 --> 00:28:01.146
Quando a gente fala em animação,

00:28:01.146 --> 00:28:03.948
quando a gente volta lá
para meados dos anos 90,

00:28:03.948 --> 00:28:06.818
vocês devem lembrar do Adobe Flash.

00:28:06.818 --> 00:28:10.321
Tinha certeza absoluta
que você ia levar

00:28:10.321 --> 00:28:12.090
pra gente, pro fundo do túnel.

00:28:12.090 --> 00:28:14.159
Tô brincando. Flash,
você foi muito útil.

00:28:14.159 --> 00:28:15.126
Foi isso que.

00:28:15.126 --> 00:28:17.595
Agora? Adobe Flash
Eu fiz um curso, o.

00:28:17.595 --> 00:28:18.930
Termo e uso o vídeo.

00:28:18.930 --> 00:28:20.565
Se fizesse cinco.

00:28:20.565 --> 00:28:21.099
Anos atrás.

00:28:21.099 --> 00:28:24.102
Agora era. Era pesado, pesadíssimo.

00:28:24.169 --> 00:28:24.869
A experiência.

00:28:24.869 --> 00:28:29.174
O carregamento do site aplicativo
na época não existia ainda.

00:28:29.407 --> 00:28:32.410
Smartphones
ganharam ascensão pós 2007.

00:28:32.677 --> 00:28:36.014
Mas quando a gente fala
desses desafios técnicos,

00:28:36.481 --> 00:28:39.117
esse é um exemplo que você
deu de converter em SVG

00:28:39.117 --> 00:28:40.118
e converter em código

00:28:40.118 --> 00:28:42.821
para não prejudicar
a performance do aplicativo.

00:28:42.821 --> 00:28:44.489
Tem outras dicas e truques.

00:28:44.489 --> 00:28:46.157
É sobre o. Usuário.

00:28:46.157 --> 00:28:47.859
E tudo sobre o usuário

00:28:47.859 --> 00:28:49.728
e o que ele precisa,
o que ele quer para ter

00:28:49.728 --> 00:28:52.964
a melhor experiência possível
diante de uma tela.

00:28:53.665 --> 00:28:56.668
Então eu acho que é sobre isso.

00:28:56.701 --> 00:28:59.671
E sobre o esmalte, gente,
A gente estava

00:29:00.071 --> 00:29:01.840
e estava conversando
sobre isso. César.

00:29:03.875 --> 00:29:04.776
O código

00:29:04.776 --> 00:29:07.912
hoje eu
sei que muita gente torce o nariz,

00:29:07.912 --> 00:29:10.915
principalmente quem não é
quem não é da programação,

00:29:11.116 --> 00:29:13.885
mas é algo que a gente
tem que lidar sim.

00:29:13.885 --> 00:29:17.155
E eu não gosto de ser clichê,
mas normalmente clichê

00:29:17.155 --> 00:29:18.857
é porque é verdade.

00:29:18.857 --> 00:29:20.759
Então é um novo idioma.

00:29:20.759 --> 00:29:23.194
O novo inglês.

00:29:23.194 --> 00:29:26.431
Então a pessoa que hoje está
preparada para lidar com código,

00:29:26.898 --> 00:29:29.434
ela está um passo
na frente dos outros.

00:29:29.434 --> 00:29:33.004
Opa, então quer dizer que mesmo
eu sou trabalhando ali com designer?

00:29:33.004 --> 00:29:34.472
Eu tenho que sair
da minha zona de conforto

00:29:34.472 --> 00:29:36.407
e entender um pouquinho
o que aquele código faz.

00:29:36.407 --> 00:29:38.877
Você precisa saber o que está,
se vai pegar o arquivo.

00:29:38.877 --> 00:29:39.544
Jeison Lá

00:29:39.544 --> 00:29:39.944
na hora que você

00:29:39.944 --> 00:29:43.681
exportar uma animação, note
se você precisa saber o que está

00:29:43.681 --> 00:29:47.619
escrito ali e ali vai ter uma série
de sintaxe, parâmetros e valores.

00:29:48.153 --> 00:29:50.255
Então você precisa saber
até para você,

00:29:50.255 --> 00:29:53.258
caso necessário, você possa otimizar
melhor o seu site.

00:29:53.558 --> 00:29:56.561
E quando você tem o domínio dessas
ferramentas,

00:29:56.861 --> 00:30:00.398
você fica muito mais tranquilo
para lidar com as resoluções

00:30:00.398 --> 00:30:02.167
dos problemas. Ótimo!

00:30:02.167 --> 00:30:04.702
E da mesma forma que o designer,

00:30:04.702 --> 00:30:07.238
ele começou a aprender
um pouquinho de código.

00:30:07.238 --> 00:30:09.307
É importante
o desenvolvedor também sacar

00:30:09.307 --> 00:30:12.544
o que o designer pensou
para aquela aplicação.

00:30:13.478 --> 00:30:15.680
Conta pra nós, César.

00:30:15.680 --> 00:30:18.750
Vocês que estão no mercado hoje,
tá muito ruim.

00:30:18.750 --> 00:30:21.586
Se os dois não se conversarem,
não se entenderem ali.

00:30:21.586 --> 00:30:22.287
É muito péssimo,

00:30:23.221 --> 00:30:24.556
porque

00:30:24.556 --> 00:30:27.926
as vezes que eu percebo
assim que até lê alguns fóruns

00:30:27.926 --> 00:30:29.961
e de vez em quando nos comentários,
algum designer vai lá,

00:30:29.961 --> 00:30:33.631
coloca mais ou menos a arte dele,
uma noção do que ele pretende fazer

00:30:34.165 --> 00:30:37.035
e aí tem lá o comentário, protótipo
e até o comentário de alguém.

00:30:37.035 --> 00:30:37.769
Quero ver.

00:30:37.769 --> 00:30:40.772
Deve se virar para fazer.

00:30:41.272 --> 00:30:42.574
Ele é muito.

00:30:42.574 --> 00:30:46.144
Complexo e até os membros que vai
de vez em quando o dele

00:30:46.177 --> 00:30:48.746
olhando semana
que mundo que esse cara vive,

00:30:48.746 --> 00:30:51.583
Então é importante para você saber.

00:30:51.583 --> 00:30:54.018
Essa é uma de maneira geral
e em boa parte

00:30:54.018 --> 00:30:57.021
qualquer área de criação, sempre
você tem

00:30:57.355 --> 00:31:00.358
uma fragmentação
que essa fragmentação

00:31:00.391 --> 00:31:03.361
ela tende inclusive a é sumindo,

00:31:03.828 --> 00:31:05.530
porque a fragmentação de áreas,
por exemplo.

00:31:05.530 --> 00:31:08.533
Então, só pra dar um exemplo,
se a gente estava conversando atrás,

00:31:08.733 --> 00:31:10.335
eu pego algumas vagas
de vez em quando

00:31:10.335 --> 00:31:11.903
para Design Instrucional
e eu vejo algumas

00:31:11.903 --> 00:31:14.105
especificações que eles pedem.

00:31:14.105 --> 00:31:16.441
Só retoma rapidinho
a questão da programação.

00:31:16.441 --> 00:31:17.709
Seu novo inglês.

00:31:17.709 --> 00:31:19.210
Aí você tem lá o que que eles pedem,

00:31:19.210 --> 00:31:22.213
como o design instrucional,
que é uma coisa ligada à pedagogia,

00:31:22.447 --> 00:31:24.983
essencialmente,
mas eles já transformaram o design.

00:31:24.983 --> 00:31:27.752
O pedagogo, também
designer, entendeu

00:31:27.752 --> 00:31:29.687
e agora não
só como não contente quando e como.

00:31:29.687 --> 00:31:31.923
Com isso eu pego umas empresas
grandes, inclusive

00:31:31.923 --> 00:31:33.758
pedindo para saber fazer isso aqui.

00:31:33.758 --> 00:31:36.995
O audiovisual, captação, edição,
a parte de design, a parte de

00:31:38.096 --> 00:31:40.531
emoção e programação.

00:31:40.531 --> 00:31:42.867
Eu tenho vontade de responder
na entrevista,

00:31:42.867 --> 00:31:46.004
aceita Freitas Também
porque realmente

00:31:47.238 --> 00:31:50.241
é importante
você ter um mínimo de conhecimento,

00:31:50.375 --> 00:31:51.743
por exemplo,
que é o que eu tenho em programação,

00:31:51.743 --> 00:31:54.746
para você saber
na hora de você pedir uma transição.

00:31:55.079 --> 00:31:57.949
Você sabe
por que você quer aquela transição?

00:31:57.949 --> 00:31:59.751
É realmente necessária?

00:31:59.751 --> 00:32:01.286
Aquela transição perfeita?

00:32:01.286 --> 00:32:04.289
Ela está extrapolando
a parte artística e é egocêntrica.

00:32:04.289 --> 00:32:07.292
Sempre vou falar da sua parte
como designer,

00:32:07.292 --> 00:32:10.595
mas era realmente necessária
o desenvolvedor vir aqui e ver

00:32:11.162 --> 00:32:11.663
isso aqui.

00:32:11.663 --> 00:32:15.366
Vai realmente
pode prejudicar sua fluidez.

00:32:15.366 --> 00:32:17.702
Nosso sistema
pode que que a gente pode fazer?

00:32:17.702 --> 00:32:20.638
Olha,
você pode de repente tirar FPS,

00:32:20.638 --> 00:32:23.241
por exemplo,
você não tem realmente o Diego.

00:32:23.241 --> 00:32:26.344
Agora o desenvolvedor por design
tem realmente a necessidade de você

00:32:26.377 --> 00:32:29.380
meter essa transição,
Essas transições aqui

00:32:29.881 --> 00:32:31.950
você não pode dar uma
adaptada, então é sempre bom

00:32:33.117 --> 00:32:33.484
a gente

00:32:33.484 --> 00:32:36.521
ir um pouco além daquela questão do
não botem os dois pra jantar junto.

00:32:36.521 --> 00:32:39.090
Não, amigo, não acaba almoçar
não é isso que vai

00:32:39.090 --> 00:32:41.626
é você colocar os dois pra trabalhar
juntos.

00:32:41.626 --> 00:32:44.562
O que eu percebo,
o que cada vez mais inclusive

00:32:44.562 --> 00:32:48.032
está quem estava conversando
sobre isso é que os designers,

00:32:48.032 --> 00:32:51.169
eles estão
até vendo pouco do futuro,

00:32:51.769 --> 00:32:55.306
indo para a parte de programação
necessariamente porque

00:32:56.374 --> 00:32:59.210
primeiro, talvez
ele não seja um baita desenvolvedor,

00:32:59.210 --> 00:33:01.446
mas ele minimamente
sabe trabalhar aquilo ali.

00:33:01.446 --> 00:33:04.449
Então ele vai ter consciência
de que a hora que o cara levou

00:33:04.449 --> 00:33:06.484
ao amigo fez. A mão.

00:33:06.484 --> 00:33:08.786
Muito pesada. Mas vamos dar uma

00:33:08.786 --> 00:33:12.790
num primeiro momento e botar os dois
para eles demonstrarem primeiro

00:33:12.790 --> 00:33:15.360
qual que é a função

00:33:15.360 --> 00:33:18.463
da mediação do design prática
falando artística também, claro,

00:33:18.663 --> 00:33:19.097
certo?

00:33:19.097 --> 00:33:21.799
E principalmente o caminho,
o caminho contrário que é.

00:33:21.799 --> 00:33:23.701
Você vê o desenvolvedor, olha

00:33:23.701 --> 00:33:25.903
qual é a outra,
Não é só o trabalho que você

00:33:25.903 --> 00:33:29.374
entendeu, mas olha o tanto de cor,
recurso e tempo que é fundamental.

00:33:29.374 --> 00:33:31.743
As vezes eu não tenho tempo
e olha quanto que eu vou gastar

00:33:32.677 --> 00:33:34.712
e que é realmente necessário.

00:33:34.712 --> 00:33:37.682
Não é aquela
desculpa eu vou falar isso aqui.

00:33:37.682 --> 00:33:40.618
Então,
essa parte de trabalho em equipe,

00:33:40.618 --> 00:33:42.887
um Saber qual é a função
e as dificuldades do trabalho

00:33:42.887 --> 00:33:44.489
do outro que você pode pegar isso
e aplicar

00:33:44.489 --> 00:33:46.791
em qualquer área de criação
que você quiser.

00:33:46.791 --> 00:33:47.492
Muito bom!

00:33:47.492 --> 00:33:50.528
Então estamos enxergando aqui
tendências do mercado,

00:33:50.762 --> 00:33:51.929
falamos do passado.

00:33:51.929 --> 00:33:54.132
Agora nós vamos falar do futuro

00:33:54.132 --> 00:33:57.435
presente
e de como é que você enxerga o papel

00:33:57.435 --> 00:34:02.206
da inteligência artificial
hoje em tempos E as generativos

00:34:02.473 --> 00:34:06.210
desempenhando um papel
nessas animações e transações?

00:34:06.944 --> 00:34:10.481
A Ayla tem tem por si a tendência

00:34:10.481 --> 00:34:14.285
de automatizar os processos
e criar padrões, certo?

00:34:14.652 --> 00:34:16.087
Isso acho que é inevitável.

00:34:16.087 --> 00:34:19.424
Já tá acontecendo muito
e eu acho que talvez.

00:34:19.424 --> 00:34:23.494
E aí eu não sou futurista,
mas eu acredito

00:34:24.262 --> 00:34:27.999
que a tendência
é a integração de apps

00:34:28.399 --> 00:34:31.936
e em novos processos tecnológicos,
por exemplo, realidade aumentada,

00:34:32.537 --> 00:34:36.007
assim como que vai se integrar
com a realidade aumentada.

00:34:37.608 --> 00:34:40.611
Como que aí vai subsidiar

00:34:41.446 --> 00:34:43.915
o Mocha Design

00:34:43.915 --> 00:34:47.251
já tem hoje
e Ásia aí que criam animações.

00:34:47.952 --> 00:34:50.121
Eu acho que é tudo
uma questão de agora aperfeiçoar.

00:34:50.121 --> 00:34:53.791
Acho que com o tempo
isso vai aperfeiçoando, mas

00:34:55.426 --> 00:34:57.595
eu acho que tem a ver com mais

00:34:57.595 --> 00:35:00.598
a automatização de funcionalidades,

00:35:00.598 --> 00:35:03.034
porque o monte em design

00:35:03.034 --> 00:35:06.337
ele é,
ele é funcionalidades e emoções.

00:35:06.604 --> 00:35:07.905
E então ele é uma.

00:35:07.905 --> 00:35:12.210
Ele caminha entre ali,
ele transforma algo técnico

00:35:12.243 --> 00:35:15.646
em algo humano e eu vou ser mais,

00:35:16.080 --> 00:35:18.449
mas acho que vou ser mais preciso
agora.

00:35:18.449 --> 00:35:22.987
Ele faz com que,
através das ferramentas dele,

00:35:22.987 --> 00:35:26.858
com que o usuário sinta sensações.

00:35:27.825 --> 00:35:29.994
Então

00:35:29.994 --> 00:35:32.130
aí eu acredito que vai entrar

00:35:32.130 --> 00:35:35.133
aí vai otimizar esses processos,

00:35:35.133 --> 00:35:38.503
automatizar esse processo
para que as sensações sejam mais

00:35:39.570 --> 00:35:44.775
sensacionais, quase para,
parafraseando o Djonga, que

00:35:45.743 --> 00:35:47.345
não é um podcast, não um

00:35:47.345 --> 00:35:50.948
podcast sobre o Hex Mocha,
mas é válido.

00:35:51.182 --> 00:35:54.452
Grande Djonga
e então é mais sobre isso.

00:35:54.952 --> 00:35:57.922
Como que a pode melhorar
essa navegação

00:35:57.922 --> 00:36:00.992
a ponto do usuário
se sentir mais confortável?

00:36:01.492 --> 00:36:04.362
Aí é um mundo de possibilidades,

00:36:04.362 --> 00:36:07.465
mas eu acredito muito
que está nessa construção de padrões

00:36:07.465 --> 00:36:09.934
e automatização das funcionalidades.
Na sua opinião?

00:36:09.934 --> 00:36:13.304
César Até onde ajuda
e até onde é um ponto de atenção

00:36:13.304 --> 00:36:14.138
para os profissionais

00:36:14.138 --> 00:36:17.542
que trabalham com isso
e usam a I.A no seu dia a dia?

00:36:19.043 --> 00:36:20.878
Taí um tema
que se você deixar uma ou duas horas

00:36:20.878 --> 00:36:23.247
aqui falando,
deixa eu fazer um recorte.

00:36:23.247 --> 00:36:26.250
Eu acho que a princípio assim é.

00:36:26.984 --> 00:36:29.554
Ele tende a facilitar automatização
de alguns processos.

00:36:29.554 --> 00:36:31.122
Perfeito.
Então ele tende de repente a

00:36:32.957 --> 00:36:33.558
facilitar.

00:36:33.558 --> 00:36:34.091
Depois de alguns

00:36:34.091 --> 00:36:35.359
trabalhos um pouco mais simples,

00:36:35.359 --> 00:36:38.729
onde você precisa de umas transições
mais, porque a inteligência,

00:36:38.729 --> 00:36:41.732
a inteligência artificial,
na verdade ela não cria. Tá?

00:36:41.966 --> 00:36:44.268
Ela depende
de repositórios de treinamento.

00:36:44.268 --> 00:36:46.837
Então muitos artistas,
inclusive da área,

00:36:46.837 --> 00:36:49.106
eles têm reclamado
que muitos trabalhos deles,

00:36:49.106 --> 00:36:51.509
eles percebe que tem sido roubados,
assim.

00:36:51.509 --> 00:36:54.512
Sabe aquele negócio é copia, manda,
faz igual.

00:36:55.346 --> 00:36:57.181
Então você tem
artistas de diversos setores.

00:36:57.181 --> 00:36:59.483
Como um artista.

00:36:59.483 --> 00:37:01.152
E o que é bem verdade,
historicamente

00:37:01.152 --> 00:37:03.287
falando, sempre se roubou muito.

00:37:03.287 --> 00:37:04.922
Só que quem é roubado não gosta.

00:37:04.922 --> 00:37:07.124
Então você tem vários ilustradores,
por exemplo, que pensa

00:37:07.124 --> 00:37:10.127
opa, esse estilo aqui é meu
e não ganha uma vírgula.

00:37:10.895 --> 00:37:13.898
Então a coisa precisa
passar por uma regulamentação,

00:37:13.965 --> 00:37:15.399
mas num primeiro momento.

00:37:15.399 --> 00:37:18.402
E também tem muita questão
assim de um certo

00:37:18.569 --> 00:37:20.671
terrorismo momentâneo em relação
a isso,

00:37:20.671 --> 00:37:22.006
vai roubar o seu trabalho base.

00:37:22.006 --> 00:37:24.242
Mas então compre a sua
e aprenda com a gente.

00:37:24.242 --> 00:37:26.544
Mas pega o pacote pago,
então entende

00:37:26.544 --> 00:37:27.078
Se estão tentando

00:37:27.078 --> 00:37:30.081
fazer uma venda dedicada
e até tentando fazer a sua venda,

00:37:30.314 --> 00:37:31.449
entendeu?

00:37:31.449 --> 00:37:34.252
Num primeiro momento, eu acho que
assim, o que você pode fazer?

00:37:34.252 --> 00:37:36.754
Você dar de
design? Vá fazer programação.

00:37:37.822 --> 00:37:38.656
É. Essencial.

00:37:38.656 --> 00:37:41.826
Eu acho que tem uma coisa
que é importante também moderação.

00:37:42.660 --> 00:37:45.997
Use com moderação,
porque a sua ferramenta é muito mais

00:37:45.997 --> 00:37:49.900
do que um After Effects
com um lote com a sua ferramenta.

00:37:49.900 --> 00:37:52.003
O processo criativo.

00:37:52.003 --> 00:37:53.204
É o processo ativo.

00:37:53.204 --> 00:37:55.373
Então quanto mais você usa.

00:37:55.373 --> 00:37:58.009
Ah, eu
não queria usar esta metáfora,

00:37:58.009 --> 00:38:00.945
mas é que me vem à cabeça
agora. É como se fosse uma droga.

00:38:00.945 --> 00:38:02.880
Aí a um todo.

00:38:02.880 --> 00:38:06.417
Eu não estou subjugando as ideias,
achando que é muito utilidade,

00:38:06.751 --> 00:38:09.587
mas o uso excessivo
tivesse esse seu processo

00:38:09.587 --> 00:38:12.923
criativo a depender da I.A.

00:38:12.957 --> 00:38:14.659
Para poder criar.

00:38:14.659 --> 00:38:19.397
E é no design, na arte como um todo,
você precisa.

00:38:20.264 --> 00:38:23.200
Você precisa aguçar o seu processo
criativo.

00:38:23.200 --> 00:38:27.371
Isso é se basear em referências
e influências do seu meio social.

00:38:27.872 --> 00:38:31.942
Então busque muitas referências,
vá em museus, vá em teatro,

00:38:31.942 --> 00:38:36.314
vá em exposições
e use com moderação,

00:38:36.314 --> 00:38:39.650
pois se você usar com moderação,
se vai manter seu processo

00:38:39.650 --> 00:38:42.953
criativo,
vai estimular e você vai ter todo o.

00:38:45.423 --> 00:38:47.825
Capacidade
de oferecer o seu trabalho

00:38:47.825 --> 00:38:50.828
da melhor maneira possível,
sem se condicionar.

00:38:50.861 --> 00:38:52.830
Se limitar a uma ferramenta, essa.

00:38:52.830 --> 00:38:53.531
Pode condicionar

00:38:53.531 --> 00:38:54.031
bom também não é

00:38:54.031 --> 00:38:57.134
mesmo Uma questão de você eficaz
e do cara que ele é designer.

00:38:57.702 --> 00:38:58.836
Ele vai ficar de pé

00:38:58.836 --> 00:39:01.839
se ele começar a utilizar muita
e ai ele vai ficar preso a um certo

00:39:02.273 --> 00:39:06.143
nicho de estilo, vamos dizer assim,
e ele acaba não inovando, entendeu?

00:39:06.444 --> 00:39:08.179
Então a questão de você ficar
pegando referência

00:39:08.179 --> 00:39:10.414
que às vezes você tem um insight
roupa para ir pós sentada

00:39:10.414 --> 00:39:12.283
é o que a gente chama de inovação,

00:39:12.283 --> 00:39:14.251
porque é a pá de inovação
que eu sempre falo.

00:39:14.251 --> 00:39:16.420
O pessoal de criação

00:39:16.420 --> 00:39:18.422
você não vai criar nada do zero, tá?

00:39:18.422 --> 00:39:21.459
Então, assim, perca essa ilusão
e perca esse peso nas costas

00:39:21.459 --> 00:39:22.159
que o pessoal as vezes

00:39:22.159 --> 00:39:23.861
dar de publicidade,
de multas de peso,

00:39:23.861 --> 00:39:25.896
Mas como é que eu vou criar
alguma coisa do nada e do nada?

00:39:25.896 --> 00:39:28.232
Meu amigo, você vai pensar
assim Isso é uma escola de

00:39:29.800 --> 00:39:32.803
uma escola pedagógica
que tem alguns milhares de anos.

00:39:32.970 --> 00:39:35.306
Você primeiro
vai aprender, copiar e copiar mesmo,

00:39:35.306 --> 00:39:37.508
só não vende,
Você vai aprender a copiar.

00:39:37.508 --> 00:39:39.343
Aí você vai copiar, copiar, copiar.

00:39:39.343 --> 00:39:42.613
Aí o aluno se sai em qualquer área,
em qualquer faculdade,

00:39:42.847 --> 00:39:44.315
ele vai reclamar com você.

00:39:44.315 --> 00:39:47.585
Mas eu não vim aqui
para ser reprodutor ou falsificador.

00:39:47.585 --> 00:39:48.352
Eu vim aqui para criar.

00:39:48.352 --> 00:39:51.989
Então agora todas as cópias
que você fez de diversos segmentos,

00:39:51.989 --> 00:39:54.992
várias referência,
você vai criar o seu.

00:39:55.092 --> 00:39:58.429
Então você vai fazer um aplicativo
para não ser comida.

00:39:59.230 --> 00:40:02.233
Pega o que melhor
você teve de experiência

00:40:02.533 --> 00:40:05.936
em todos esses aplicativos,
Então a transição eu vou pegar desse

00:40:06.537 --> 00:40:09.273
de repente ali, uma coisa assim,
uma micro interação.

00:40:09.273 --> 00:40:12.910
Eu vou pegar desse e outro recurso
de feedback, eu vou pegar desse.

00:40:13.210 --> 00:40:15.312
Então você pegou todos,
deu uma certa adaptada

00:40:15.312 --> 00:40:16.647
a partir do que você melhoraria.

00:40:16.647 --> 00:40:18.516
Essa micro interação é legal,
mas pode melhorar.

00:40:18.516 --> 00:40:21.152
Pronto, Tudo o que você consumiu,
você pegou, juntou,

00:40:21.152 --> 00:40:22.586
transformou e criou seu.

00:40:22.586 --> 00:40:24.488
Chama se Inovação. Nada.

00:40:25.489 --> 00:40:25.823
Cópia é

00:40:25.823 --> 00:40:29.126
diferente de de plágio,
É diferente de plágio.

00:40:29.126 --> 00:40:30.928
É uma coisa que você pega,

00:40:30.928 --> 00:40:33.731
que não é sua
para fazer como se fosse sua.

00:40:33.731 --> 00:40:35.499
A coisa pegou o iFood aqui,
você vai lá

00:40:35.499 --> 00:40:37.201
e faz exatamente a mesma coisa
e muda a cor.

00:40:37.201 --> 00:40:39.870
Amigão, você nunca criando, inovou.

00:40:39.870 --> 00:40:44.742
Se não inovou, deu essa questão
na criação calma da baixada de bola,

00:40:45.142 --> 00:40:47.378
Pegue referências e aí
você vai ter um insight

00:40:47.378 --> 00:40:49.780
como é que você vai ter insight
se você não tem referências?

00:40:49.780 --> 00:40:50.581
O que ele fala.

00:40:50.581 --> 00:40:52.850
É exatamente não reinventar o.

00:40:52.850 --> 00:40:54.885
Problema da inteligência artificial.

00:40:54.885 --> 00:40:56.620
E o meu medo é que ela comece

00:40:56.620 --> 00:40:59.623
a encaixotar de mais as pessoas,
as pessoas, que fique muito.

00:40:59.857 --> 00:41:00.724
Confortável.

00:41:00.724 --> 00:41:02.660
Que cada trabalho que tem.

00:41:02.660 --> 00:41:05.162
Vou ficar muito encaixotado
aqui na inteligência artificial.

00:41:05.162 --> 00:41:07.598
Vou lá, eu faço o prompt, vai criar
é para o mercado.

00:41:07.598 --> 00:41:10.501
Tá bom, não é assim. É um bom ponto.

00:41:10.501 --> 00:41:14.271
E infelizmente estamos chegando
ao final deste bate papo,

00:41:14.271 --> 00:41:16.307
Passando para falar Deus.

00:41:16.307 --> 00:41:19.310
Já que a gente não pode ficar mais
03h00 aqui.

00:41:19.610 --> 00:41:22.246
Tipo, o papo tá bom,
eu tenho certeza que o pessoal

00:41:22.246 --> 00:41:25.249
de casa continuaria
escutando a gente,

00:41:25.316 --> 00:41:27.284
mas estamos chegando ao fim.

00:41:27.284 --> 00:41:28.552
E para finalizar,

00:41:28.552 --> 00:41:31.555
a gente vai fazer aqui
um exercício de futurismo

00:41:32.289 --> 00:41:35.860
depois da inteligência artificial,
quais são outras tendências

00:41:36.093 --> 00:41:39.964
que vocês imaginam
para essa área de motion design?

00:41:39.964 --> 00:41:41.432
O que vem pela frente?

00:41:41.432 --> 00:41:43.801
Éder Caramba, cara,

00:41:45.269 --> 00:41:46.036
eu acho que

00:41:46.036 --> 00:41:49.039
o fortalecimento das ideias mesmo

00:41:49.173 --> 00:41:52.176
é porque eu assim

00:41:52.843 --> 00:41:55.112
é o que está em voga hoje, né?

00:41:55.112 --> 00:41:59.750
E ela está não só no começo e então
ela está mudando alguns paradigmas

00:42:00.217 --> 00:42:03.220
e eu acho que ainda
a gente tem muito para explorar.

00:42:04.021 --> 00:42:07.591
E dentro do que a gente pensa
por aí, muita coisa pode aparecer.

00:42:07.825 --> 00:42:09.960
Integrações e superar gente.

00:42:09.960 --> 00:42:12.930
Então isso para mim cria
uma crítica, uma cortina de fumaça.

00:42:13.430 --> 00:42:16.667
Eu acho que está muito aberto
e tem muita coisa nova para surgir

00:42:17.234 --> 00:42:20.070
e eu acho isso muito bacana. Então

00:42:20.070 --> 00:42:21.238
então acredito nisso.

00:42:21.238 --> 00:42:24.041
Muitas integrações

00:42:24.041 --> 00:42:28.879
e a IA conseguindo transformar
funcionalidades

00:42:28.879 --> 00:42:33.017
que às vezes a gente fazia na unha,
melhorando o processo, converter.

00:42:33.017 --> 00:42:35.719
O código que já está fazendo isso
hoje.

00:42:35.719 --> 00:42:38.689
Então eu
acho que eu acredito que vai por aí

00:42:38.689 --> 00:42:42.359
isso assim,
pensando num futuro próximo,

00:42:43.160 --> 00:42:45.696
mas num futuro distante eu

00:42:45.696 --> 00:42:49.466
não conseguiria prever
ou tentar prever.

00:42:50.200 --> 00:42:53.203
Infelizmente não tenho esse,
não tenho essa

00:42:53.470 --> 00:42:56.874
e essa qualidade de Mãe Dinah, mas

00:42:58.442 --> 00:43:00.778
acho que.

00:43:00.778 --> 00:43:02.112
Eu acho que aí

00:43:02.112 --> 00:43:05.115
eu acho que vai dar muito que falar
ainda vai dando.

00:43:05.282 --> 00:43:08.018
Pouco tempo atrás
você teve um de Psique aí,

00:43:08.018 --> 00:43:10.854
causando um pesar
e uma fervura aí no meio, que.

00:43:10.854 --> 00:43:12.089
Tem a ver muito com inovação,

00:43:12.089 --> 00:43:14.491
mas isso é um assunto para outro
bate papo.

00:43:14.491 --> 00:43:17.127
Mas com certeza eu acho que.

00:43:17.127 --> 00:43:20.431
Que vai que vai se aprofundar
e a gente vai descobrir

00:43:20.431 --> 00:43:21.699
muitas coisas bacanas ainda.

00:43:21.699 --> 00:43:24.068
Coisa boa é, na sua opinião.

00:43:24.068 --> 00:43:25.936
César

00:43:25.936 --> 00:43:28.172
Eu vou me contrariar
só pra dar um outro ponto de vista.

00:43:28.172 --> 00:43:29.440
Então vamos lá.

00:43:29.440 --> 00:43:34.011
Eu acho que assim em história,
um dos meus negócios é o teu, tá?

00:43:34.078 --> 00:43:34.378
Eu estava

00:43:34.378 --> 00:43:37.481
fazendo faculdade de história,
tive que dar uma pausa em história.

00:43:37.481 --> 00:43:38.716
Tem uma coisa que a gente chama

00:43:38.716 --> 00:43:40.618
de filosofia da história,
que é uma tendência.

00:43:41.685 --> 00:43:42.553
As pessoas tendem

00:43:42.553 --> 00:43:45.556
a achar que isso existe,
que a história se repete, não tá?

00:43:46.256 --> 00:43:48.325
Cada e cada momento histórico
ele tem um contexto.

00:43:48.325 --> 00:43:50.628
Mas agora eu vou me contrariar.

00:43:50.628 --> 00:43:54.431
Eu acho que se você parar para ver,
eu conheço algumas produtoras,

00:43:54.431 --> 00:43:57.434
inclusive o pessoal
de um dos designers freelas

00:43:57.868 --> 00:44:01.305
que eles prestam serviço
para algum cliente e o cliente.

00:44:01.305 --> 00:44:02.740
Ele faz questão de enfatizar

00:44:02.740 --> 00:44:06.043
que toda aquela campanha foi feita
com ele, mesmo que não tenha sido.

00:44:06.110 --> 00:44:07.911
Tá mesmo que não tá na moda.

00:44:07.911 --> 00:44:10.247
Teve um desenvolvedor
e só pra ter o carimbo de novo,

00:44:10.247 --> 00:44:12.850
olha como somos inovadores,
usamos a.

00:44:12.850 --> 00:44:14.952
E teve um momento na história,
no século XIX,

00:44:14.952 --> 00:44:16.220
durante a Revolução Industrial,

00:44:16.220 --> 00:44:19.590
que a gente teve a serialização
da produção de produtos lá.

00:44:19.590 --> 00:44:21.959
Qualquer coisa, copo ou caneca,

00:44:21.959 --> 00:44:24.995
então, são produzidas em série,
o que facilita que muita gente tem.

00:44:25.529 --> 00:44:28.932
E isso é um efeito bom que facilita
Todo mundo tem é mais barato,

00:44:29.033 --> 00:44:30.501
só que assim todo mundo tem.

00:44:30.501 --> 00:44:33.337
Isso cria um efeito contrário,
que nasce principalmente com Mores

00:44:33.337 --> 00:44:36.874
e com Ruskin, que eram defensores
de uma cultura do artesanal.

00:44:37.441 --> 00:44:39.677
É que você tem público,
pensa até hoje,

00:44:39.677 --> 00:44:42.379
porque você pode perceber de repente
Ah, por que essa caneca aqui

00:44:42.379 --> 00:44:45.783
ela custa 500 R$,
sendo que eu posso colocar

00:44:46.383 --> 00:44:49.520
igualzinho aí em qualquer lugar
que custa 15, 10 R$.

00:44:49.987 --> 00:44:50.621
Ela é hoje.

00:44:50.621 --> 00:44:51.221
Ela é única.

00:44:51.221 --> 00:44:53.691
Ela foi feita
a mão, que é o mais ou menos ali do

00:44:54.992 --> 00:44:55.993
aquele carro inglês que ela é

00:44:55.993 --> 00:44:59.163
feito inteiro a mão, ela é costurada
mão, ele é pintado à mão.

00:44:59.463 --> 00:45:02.466
Então acho que num futuro médio,
vamos dizer assim,

00:45:02.499 --> 00:45:05.803
eu acho que vai ter uma certa
tendência de algumas empresas

00:45:06.103 --> 00:45:10.908
colocarem o selo feito manualmente
pra fugir, pra fugir.

00:45:11.141 --> 00:45:13.110
Isso aqui não é de interesse
artificial, não faz.

00:45:13.110 --> 00:45:15.245
Todo sentido não.

00:45:15.245 --> 00:45:17.181
E mesmo que você esteja
se contrariando.

00:45:17.181 --> 00:45:19.917
Contrariar assim, não existe assim
um ciclo da história.

00:45:19.917 --> 00:45:23.687
Tá, mas é uma tendência possível
da pessoa ver e falar

00:45:23.854 --> 00:45:24.855
não a nosso trabalho.

00:45:24.855 --> 00:45:27.424
A nossa campanha foi feita por
pessoas,

00:45:27.424 --> 00:45:31.528
teve ali um roteirista consagrado,
teve ali um designer consagrado.

00:45:31.528 --> 00:45:35.032
Um programador consegue com pessoas
um trabalho muito mais humano.

00:45:35.699 --> 00:45:38.202
Talvez não dure tanto,
mas deu certo, com certeza.

00:45:38.202 --> 00:45:41.705
Eu acho que isso é uma tendência
a aparecer no médio prazo.

00:45:41.705 --> 00:45:43.974
Ao curto prazo,
eu acho que vai ser essa febre e.

00:45:43.974 --> 00:45:46.777
No fundo, as tendências,
elas estão sempre em movimento.

00:45:46.777 --> 00:45:47.945
Elas vêm em volta.

00:45:47.945 --> 00:45:48.779
De maneira contraditória.

00:45:48.779 --> 00:45:51.415
Se você pegar essa dinâmica,
a gente está falando disso.

00:45:51.415 --> 00:45:53.150
Mas hoje eu falei que é verdade,

00:45:53.150 --> 00:45:55.052
porque eu estava vendo sobre isso,
sobre vídeos.

00:45:55.052 --> 00:45:56.854
As pessoas estão mais
procurando vídeos

00:45:56.854 --> 00:46:00.124
onde elas enxergam a verdade
do que um vídeo totalmente editado,

00:46:00.557 --> 00:46:01.825
aquela coisa toda.

00:46:01.825 --> 00:46:03.460
Isso era uma tendência no começo.

00:46:03.460 --> 00:46:04.995
Exato, né?

00:46:04.995 --> 00:46:05.429
A ideia.

00:46:05.429 --> 00:46:06.163
Ele nasce dessa.

00:46:06.163 --> 00:46:09.399
Maneira e aí depois se exige
uma qualificação.

00:46:09.399 --> 00:46:12.202
Das produções.
E agora está retornando.

00:46:12.202 --> 00:46:13.370
É um momento muito.

00:46:15.139 --> 00:46:15.506
Só que.

00:46:15.506 --> 00:46:18.308
São contradições, dinâmico,
são dialéticas.

00:46:18.308 --> 00:46:21.278
Essa bagunça que virou a coisa? Não,
Mas é uma tendência.

00:46:21.278 --> 00:46:24.381
É por isso que cria a ilusão
de que a história é cíclica, mas

00:46:24.381 --> 00:46:27.384
é uma questão assim, de

00:46:27.417 --> 00:46:28.786
certa forma, é previsível.

00:46:28.786 --> 00:46:30.320
De certa forma, é loucura.

00:46:30.320 --> 00:46:33.824
Falamos de tecnologia,
falamos de inteligência artificial,

00:46:33.824 --> 00:46:37.394
design,
história, filosofia, render muito,

00:46:37.394 --> 00:46:40.898
muito mais do que um podcast,
uma verdadeira aula.

00:46:41.231 --> 00:46:44.635
E quero me despedir de vocês,
Muito obrigado!

00:46:44.635 --> 00:46:46.637
E eu queria desse pela mão de Deus.

00:46:46.637 --> 00:46:48.472
É uma honra para mim estar aqui

00:46:48.472 --> 00:46:50.641
nesse videocast da FIAP
que é maravilhoso.

00:46:50.641 --> 00:46:55.979
Já assisti vários Tá com Você,
que é uma figura conhecida

00:46:56.246 --> 00:46:59.249
na área de tecnologia brasileira,
quem sabe até global.

00:46:59.249 --> 00:47:03.187
Aí eu não sei, mas eu conheço
você daqui e ter conhecido.

00:47:03.187 --> 00:47:07.591
Seja um cara sensacional, fantástico
e o que eu posso dizer sobre

00:47:08.091 --> 00:47:13.030
o fanzine é que as pessoas
que tem vontade de fazer vá fundo,

00:47:13.030 --> 00:47:18.602
porque motion Design é você
dar movimento a uma ideia e você

00:47:19.770 --> 00:47:21.405
é você criar algo

00:47:21.405 --> 00:47:25.008
que vá, que vá ter vida de alguma
forma, entendeu?

00:47:25.375 --> 00:47:29.479
Então, nada mais prazeroso
e satisfatório do que você

00:47:29.580 --> 00:47:32.816
não finalizar
um projeto de motion design

00:47:32.816 --> 00:47:36.053
e você ver aquele projeto
em movimento. Sim?

00:47:36.653 --> 00:47:40.257
Então vão e faça que assim
eu sou suspeito para dar,

00:47:40.858 --> 00:47:43.827
porque eu defendo com unhas e dentes
a minha profissão,

00:47:43.827 --> 00:47:45.662
mas vale a pena demais.

00:47:45.662 --> 00:47:48.999
Muito bom, muito bom César,
Foi um prazer enorme

00:47:48.999 --> 00:47:51.602
contar com você aqui
nesse nosso podcast.

00:47:51.602 --> 00:47:54.571
Eu agradeço
e muito obrigado aos dois pela aula,

00:47:54.638 --> 00:47:58.208
pelo todo o pessoal da produção,
inclusive por toda a delicadeza,

00:47:58.208 --> 00:48:00.477
toda a gentileza. Podcast
é muito bacana.

00:48:00.477 --> 00:48:01.545
Parabéns para FIAP

00:48:01.545 --> 00:48:04.681
por todo investimento
que faz, infraestrutura em conteúdo,

00:48:05.148 --> 00:48:09.019
satisfação enorme daqui,
Mocho designer, Emoção e eficiência.

00:48:09.219 --> 00:48:10.654
Agradeço novamente vocês.

00:48:10.654 --> 00:48:14.591
Agradeço você que ficou até agora
aqui com a gente, assistindo

00:48:14.591 --> 00:48:16.560
ou ouvindo esse podcast.

00:48:16.560 --> 00:48:17.461
E você aprendeu

00:48:17.461 --> 00:48:22.399
que o papel do motion design
vai muito além de estética.

00:48:22.399 --> 00:48:25.535
Estamos falando aqui de fluidez,
dinamismo,

00:48:25.802 --> 00:48:28.572
uma melhor experiência do usuário.

00:48:28.572 --> 00:48:30.874
Parece clichê, mas não é.

00:48:30.874 --> 00:48:35.379
Nós estamos a um toque de tudo isso
se tornar realidade.

00:48:35.679 --> 00:48:37.681
Um grande abraço e até a próxima.