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 a 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í nasceu

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:01.013
Então, essas interações, 
desde 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:09.093
vai mostrar uma espécie 
de reforço quando você acerta,

00:18:09.093 --> 00:18:11.216
ou ao contrário, quando 
você erra, que é o caso aqui.

00:18:13.592 --> 00:18:15.386
São coisas que ralmente tendem 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.439 --> 00:18:27.840
É uma coisa até 
um pouco mais recente.

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

00:18:30.576 --> 00:18:32.207
Ainda existe isso no Facebook,

00:18:32.207 --> 00:18:35.778
de você colocar parabéns, 
tem serpentina?

00:18:35.778 --> 00:18:36.279
Sim.

00:18:36.279 --> 00:18:38.387
Então, isso é um é 
um reforço, é uma interação,

00:18:38.387 --> 00:18:41.708
que causa ali 
uma conexão emocional.

00:18:41.708 --> 00:18:42.328
Porque, assim...

00:18:43.789 --> 00:18:47.098
A parte do motion

00:18:47.098 --> 00:18:48.627
pega um pouquinho de referência...

00:18:48.627 --> 00:18:49.935
Atenção! Um pouquinho, tá?

00:18:49.935 --> 00:18:53.802
De referência dos doze passos,
doze fundamentos da animação,

00:18:53.802 --> 00:18:56.535
que é um livro que surgiu
lá na década de 1980,

00:18:56.535 --> 00:19:00.632
que foram observações feitas
principalmente com produções da Disney.

00:19:00.632 --> 00:19:01.910
Então não é alguém 
que veio da regra.

00:19:01.910 --> 00:19:04.510
É alguém que achou 
elementos em comum.

00:19:04.510 --> 00:19:07.228
E que vai influenciar
de alguma forma

00:19:07.228 --> 00:19:09.381
os doze fundamentos do UX.

00:19:09.381 --> 00:19:10.793
Qual a diferença 
de um e de outro?

00:19:10.793 --> 00:19:13.971
Da animação, é para criar 
uma conexão emocional,

00:19:13.971 --> 00:19:16.151
do UX para criar uma...

00:19:16.151 --> 00:19:17.391
No sentido mais...

00:19:17.391 --> 00:19:18.371
- Como eu posso dizer?
- Experiência.

00:19:18.371 --> 00:19:19.211
Experiência.

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

00:19:22.327 --> 00:19:23.857
Fique mais no UX, tá?

00:19:23.857 --> 00:19:25.697
Mas a questão da animação

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

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

00:19:31.270 --> 00:19:32.221
que tem uma...

00:19:32.221 --> 00:19:34.130
A questão de você dar 
like ou um coração

00:19:34.130 --> 00:19:37.367
e ter toda uma animação,
uma alimentação,

00:19:37.367 --> 00:19:39.077
um feedback.

00:19:39.077 --> 00:19:41.103
torna a sua experiência 
muito mais emocional,

00:19:41.103 --> 00:19:42.590
que é importante também.

00:19:42.590 --> 00:19:44.349
É 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:50.930
Essas micro interações geralmente 
trazem um pouquinho dos dois.

00:19:50.930 --> 00:19:51.823
Sem dúvida, sem dúvida.

00:19:51.823 --> 00:19:54.663
Vamos fazer agora
uma viagem no tempo

00:19:54.663 --> 00:19:57.642
e voltar lá para 2009.

00:19:57.642 --> 00:20:00.132
2009 foi um ano em que começou

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

00:20:03.168 --> 00:20:07.339
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:12.880
Era uma época que tinha 
diversos Smartphones,

00:20:12.880 --> 00:20:15.672
um leque com Windows Phone,

00:20:15.672 --> 00:20:18.477
BlackBerry, iOS,

00:20:18.477 --> 00:20:21.687
Android, entre outros.

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

00:20:24.122 --> 00:20:26.215
nós temos a grande concentração

00:20:26.215 --> 00:20:29.695
entre usuários Android e iOS.

00:20:29.695 --> 00:20:32.798
Eder, muda alguma coisa 
de Android para iOS

00:20:32.798 --> 00:20:36.335
quando o assunto é motion,
ou é tudo a mesma coisa?

00:20:36.335 --> 00:20:38.881
Eu acho que tem muito a ver
com as diretrizes do design.

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

00:20:43.442 --> 00:20:47.212
o Android usa muito 
o Material Design do Google.

00:20:49.169 --> 00:20:49.797
Tem essas...

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

00:20:53.752 --> 00:20:57.082
Por exemplo, o Material 
Design é mais flat.

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

00:21:00.297 --> 00:21:02.561
Perdão por não lembrar.

00:21:02.561 --> 00:21:04.810
Capaz que eu lembre no meio.

00:21:04.810 --> 00:21:08.337
Mas o UX também 
usa um estilo de...

00:21:08.337 --> 00:21:09.529
Um Guidelines?

00:21:10.739 --> 00:21:11.937
Alguma coisa assim.

00:21:11.937 --> 00:21:13.672
Human Interface Guidelines.

00:21:13.672 --> 00:21:15.719
Eu acho que eles têm 
menos de flat.

00:21:15.719 --> 00:21:19.879
Eles mexem mais 
com sombreamento e profundidade

00:21:19.879 --> 00:21:20.879
através de luzes.

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

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

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

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

00:21:33.492 --> 00:21:37.029
para converter as suas 
animações em JSON...

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

00:21:39.998 --> 00:21:43.201
Assim, tem várias ferramentas

00:21:43.201 --> 00:21:44.641
que diferenciam,

00:21:44.641 --> 00:21:46.924
que são utilizadas
em cada sistema.

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

00:21:52.544 --> 00:21:53.745
O fundamental é o mesmo,

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

00:21:56.397 --> 00:21:57.316
o Guidelines, né?

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

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

00:22:03.021 --> 00:22:07.441
E vale destacar também que são 
fundamentais muitas vezes

00:22:07.441 --> 00:22:09.861
para o aplicativo
ser aceito na loja.

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

00:22:13.632 --> 00:22:15.022
ou um botão menor,

00:22:15.022 --> 00:22:17.102
o que a Apple, 
o que o Google, pensam?

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:25.812
Ele vai falar: "Esse 
iPhone não presta".

00:22:25.812 --> 00:22:27.879
Então eles são bem preocupados 
com essa questão.

00:22:28.914 --> 00:22:31.425
Nos projetos que você
já tocou, César,

00:22:31.425 --> 00:22:34.699
você sentiu muita diferença 
de iOS para Android

00:22:34.699 --> 00:22:36.322
na hora de pensar em motion?

00:22:37.389 --> 00:22:38.434
É que normalmente...

00:22:39.601 --> 00:22:43.083
iOS tem uma questão com a sobreposição 
e de arrastar para o lado.

00:22:46.372 --> 00:22:48.190
Eles também tem uma questão

00:22:48.190 --> 00:22:50.802
em relação a você não começar 
o movimento muito perto da borda.

00:22:50.802 --> 00:22:52.500
É uma recomendação que eles dão.

00:22:52.500 --> 00:22:54.040
Não é bem uma recomendação.

00:22:54.040 --> 00:22:55.140
Não pode, tá?

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

00:23:00.011 --> 00:23:01.114
Eu não sei como é hoje em dia,

00:23:01.114 --> 00:23:02.283
mas se tinha uma certa cultura

00:23:02.283 --> 00:23:04.683
de que o iOS era
um pouquinho mais chatinho.

00:23:04.683 --> 00:23:06.619
Só que, assim, como você falou,

00:23:06.619 --> 00:23:10.922
a gente está muito mais 
em Android e iOS hoje.

00:23:10.922 --> 00:23:13.060
As diferenças de tamanho de tela

00:23:13.060 --> 00:23:15.591
são muito menores no iOS 
do que no Android.

00:23:15.591 --> 00:23:18.272
No Android, você tem 
uma variedade imensa de tamanhos,

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

00:23:20.332 --> 00:23:22.210
E a questão das transições 
é assim:

00:23:22.210 --> 00:23:25.070
"Ah, mas a transição 
no iOS é mais suave".

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

00:23:27.038 --> 00:23:28.225
Eu acho que é muito mais 
uma questão de...

00:23:28.225 --> 00:23:30.619
É tão sutil, tão sutil,

00:23:30.619 --> 00:23:33.879
que à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 mesmo.

00:23:36.615 --> 00:23:38.483
A questão do design 
como um todo,

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

00:23:40.585 --> 00:23:43.404
Mas é uma diferença do tipo...

00:23:43.404 --> 00:23:44.132
Ah, um detalhe.

00:23:44.132 --> 00:23:46.926
O iOS tinha uma preferência 
no modo de transição,

00:23:46.926 --> 00:23:48.727
que é o de expandir,

00:23:48.727 --> 00:23:50.929
também chamado...

00:23:50.929 --> 00:23:51.997
Eu vou tentar traduzir aqui.

00:23:51.997 --> 00:23:53.899
É obscurecer,
se não me engano.

00:23:53.899 --> 00:23:55.609
Onde você aplicaria ali...

00:23:55.609 --> 00:23:58.970
Clica em uma determinada tela, 
ela expande,

00:23:58.970 --> 00:24:00.885
só que, o que está atrás,
não desaparece,

00:24:00.885 --> 00:24:02.796
que é para te manter
o senso de direção,

00:24:02.796 --> 00:24:04.176
para você não ficar perdido.

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

00:24:07.579 --> 00:24:09.381
Então, voltando para o WhatsApp,

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

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

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

00:24:16.988 --> 00:24:20.091
para fazer a barra superior
ser dividida em duas.

00:24:20.091 --> 00:24:23.295
A superior do iOS é uma faixa 
única com uma cor só.

00:24:23.295 --> 00:24:24.953
Então, assim, são coisas 
que...

00:24:24.953 --> 00:24:28.467
Eu acho que, antigamente, o iOS 
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:35.565
A questão de você arrastar 
para o lado ou não...

00:24:35.565 --> 00:24:37.913
Muita coisa do Android funciona assim
hoje em dia.

00:24:37.913 --> 00:24:41.783
É, essa convergência, a gente
discutia muito isso no passado,

00:24:41.783 --> 00:24:43.782
as diferenças 
de um para o outro.

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

00:24:47.652 --> 00:24:51.156
O voltar do Android já é 
nativo do próprio aparelho.

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

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

00:24:54.893 --> 00:24:58.029
porque a gente percebe
que as empresas olham e falam:

00:24:58.029 --> 00:25:00.065
"Por que eu estou querendo
reinventar a roda?

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

00:25:03.152 --> 00:25:04.642
é no canto superior direito,

00:25:04.642 --> 00:25:07.047
por que eu vou inventar
moda e colocar embaixo?".

00:25:07.047 --> 00:25:09.738
Porque as pessoas já 
estão associando,

00:25:09.738 --> 00:25:13.369
inclusive no caso do motion, 
que é o nosso papo aqui,

00:25:13.369 --> 00:25:15.147
os gestos, os movimentos,

00:25:15.147 --> 00:25:18.457
o arrasta para cima, 
o double tap.

00:25:20.151 --> 00:25:22.604
iOS, Android,

00:25:22.604 --> 00:25:27.225
são as nossas principais
plataformas de Smartphones,

00:25:27.225 --> 00:25:29.027
quando gente fala 
de sistema operacional.

00:25:29.027 --> 00:25:32.297
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:35.491
o protótipo,

00:25:35.491 --> 00:25:38.651
quais ferramentas vocês indicam hoje

00:25:38.651 --> 00:25:41.848
para a gente prototipar 
esses aplicativos

00:25:41.848 --> 00:25:43.832
já pensando nas animações?

00:25:45.477 --> 00:25:47.619
Figma, você pode animar 
no Figma também.

00:25:47.619 --> 00:25:48.482
Eu acho que é o mais comum.

00:25:50.511 --> 00:25:51.346
Tem o Sketch.

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

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

00:25:59.023 --> 00:26:02.063
e, de alguma forma,
elas têm suas integrações.

00:26:02.063 --> 00:26:05.463
A tecnologia
é tão bacana hoje

00:26:05.463 --> 00:26:08.727
porque você consegue permear

00:26:08.727 --> 00:26:11.668
por todos os cantos,
por todas as ferramentas,

00:26:11.668 --> 00:26:14.472
sem necessariamente sair,
abandonar outra ferramenta,

00:26:14.472 --> 00:26:15.567
porque elas estão integradas.

00:26:17.917 --> 00:26:19.277
São algumas.

00:26:19.277 --> 00:26:21.480
Mas aí tem diversas ferramentas.

00:26:21.480 --> 00:26:22.850
Tem o Lottie, né?

00:26:22.850 --> 00:26:24.056
É, o Lottie.

00:26:24.056 --> 00:26:25.946
Essa eu não conhecia.

00:26:25.946 --> 00:26:26.778
O que ela faz?

00:26:27.928 --> 00:26:30.288
- Está certo o nome, né, Lottie?
- É, Lottie.

00:26:30.288 --> 00:26:31.281
Ele tem modo...

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

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

00:26:37.200 --> 00:26:39.495
Depende como a pessoa pronuncia.

00:26:39.495 --> 00:26:41.542
Se você não souber programar,

00:26:41.542 --> 00:26:43.602
vai precisar de algum 
desenvolvedor,

00:26:43.602 --> 00:26:46.490
que ele te dá o código, que é 
um código mais facilitado inclusive,

00:26:46.490 --> 00:26:49.221
ele é mais fácil, ele roda
inclusive muito mais rápido.

00:26:49.221 --> 00:26:51.977
E tem a versão mais 
prática e multiuso.

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

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

00:26:59.724 --> 00:27:03.341
Alguma publicação que você 
vai fazer no Instagram.

00:27:03.341 --> 00:27:05.441
Aí você quer, de repente,

00:27:05.441 --> 00:27:06.391
uma caixinha de som tocando.

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

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

00:27:10.795 --> 00:27:13.124
você consegue mudar 
essa caixinha de som.

00:27:13.124 --> 00:27:14.294
Não precisa programar,

00:27:14.294 --> 00:27:16.868
pode ser do zero, tanto 
o fundo quanto a figura,

00:27:16.868 --> 00:27:19.770
e você consegue adaptar,

00:27:19.770 --> 00:27:22.572
de que maneira ela vai se mexer,
de que maneira ela vai animar,

00:27:22.572 --> 00:27:25.644
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 no formato
para você utilizar na hora,

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

00:27:33.788 --> 00:27:35.593
Você transforma vetor, 
ou imagem,

00:27:35.593 --> 00:27:38.073
que é superpesado, em código,

00:27:38.073 --> 00:27:40.176
e aí você pode levar 
para o VS Code

00:27:40.176 --> 00:27:42.454
e o front-end pode só aplicar

00:27:42.454 --> 00:27:44.584
o código JSON no site dele

00:27:44.584 --> 00:27:46.064
e vai ter a animação lá.

00:27:46.064 --> 00:27:49.928
E caso você queira 
uma funcionalidade de cliques

00:27:49.928 --> 00:27:51.435
aí é código,

00:27:51.435 --> 00:27:54.723
muitas vezes em CSS
ou alguma coisa em JavaScript.

00:27:54.723 --> 00:27:55.517
Sensacional!

00:27:55.517 --> 00:27:59.177
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 1990,

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

00:28:07.157 --> 00:28:10.321
Nossa! Eu tinha certeza absoluta
que você ia levar a gente

00:28:10.321 --> 00:28:11.957
para o fundo do...

00:28:11.957 --> 00:28:13.009
Não, eu estou brincando, Flash.

00:28:13.009 --> 00:28:15.327
Você foi muito útil
por muito tempo.

00:28:15.327 --> 00:28:16.595
Resgatei agora o Adobe Flash.

00:28:16.595 --> 00:28:19.195
- Eu fiz um curso em 2008... 
- O terror dos web designers.

00:28:19.195 --> 00:28:20.592
Flash CS5.

00:28:20.592 --> 00:28:21.609
O Flash é traumático.

00:28:21.609 --> 00:28:24.869
Era pesado 
e prejudicava a experiência.

00:28:24.869 --> 00:28:27.147
O carregamento do site,

00:28:27.147 --> 00:28:29.407
o aplicativo, na época, 
não existia ainda,

00:28:29.407 --> 00:28:32.677
os Smartphones são pós 2007.

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

00:28:36.481 --> 00:28:37.607
esse é um exemplo que você deu,

00:28:37.607 --> 00:28:40.118
de converter em SVG,
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
é tudo sobre o usuário

00:28:47.859 --> 00:28:49.368
é o que ele precisa,
o que ele quer,

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

00:28:54.985 --> 00:28:56.099
Eu acho que é sobre isso.

00:28:57.751 --> 00:28:58.791
O UX Motion...

00:28:58.791 --> 00:29:01.875
A gente estava conversando
sobre isso, né, César?

00:29:03.875 --> 00:29:05.926
O código hoje...

00:29:05.926 --> 00:29:07.912
Eu sei que muita gente torce o nariz,

00:29:07.912 --> 00:29:11.116
principalmente quem 
não é da programação.

00:29:11.116 --> 00:29:13.005
Mas é algo que a gente
tem que lidar.

00:29:14.775 --> 00:29:16.225
E eu não gosto de ser clichê,

00:29:16.225 --> 00:29:19.028
mas normalmente é clichê
é porque é verdade.

00:29:19.028 --> 00:29:21.405
É um novo idioma,
um novo inglês.

00:29:23.194 --> 00:29:26.898
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 só trabalhando ali com design,

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

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

00:29:36.628 --> 00:29:39.607
Você precisa saber 
se vai pegar o arquivo JSON

00:29:39.607 --> 00:29:41.918
na hora que você exportar 
uma animação Lottie.

00:29:41.918 --> 00:29:44.521
Você precisa saber 
o que está escrito ali.

00:29:44.521 --> 00:29:48.153
Vai ter uma série de sintaxes, 
parâmetros e valores.

00:29:48.153 --> 00:29:52.175
Então, você precisa saber
para que você possa otimizar melhor

00:29:52.175 --> 00:29:53.558
o seu site, caso necessário.

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

00:29:56.861 --> 00:29:59.028
você fica muito mais tranquilo

00:29:59.028 --> 00:30:02.338
para lidar 
com as resoluções dos problemas.

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

00:30:04.702 --> 00:30:07.238
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
Conte para nós, César,

00:30:15.680 --> 00:30:17.990
vocês, que estão 
no mercado hoje,

00:30:17.990 --> 00:30:20.306
dá muito ruim se os dois 
não se conversarem,

00:30:20.306 --> 00:30:21.316
não se entenderem ali?

00:30:21.316 --> 00:30:22.399
Ah, dá muito péssimo.

00:30:24.796 --> 00:30:26.926
Às vezes eu percebo...

00:30:26.926 --> 00:30:29.186
Até leio em alguns fóruns 
de vez em quando nos comentários,

00:30:29.186 --> 00:30:31.831
algum designer vai lá, coloca 
mais ou menos a arte dele,

00:30:31.831 --> 00:30:34.165
uma noção do que ele 
pretende fazer,

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

00:30:37.035 --> 00:30:39.830
"Quero ver o dev se virar 
para fazer isso".

00:30:40.702 --> 00:30:41.702
Ele que lute, né?

00:30:42.574 --> 00:30:44.287
É, ele que lute.

00:30:44.287 --> 00:30:46.314
Até os membros, que eu vejo
de vez em quando, um dev olhando...

00:30:46.314 --> 00:30:48.256
"Mano, que mundo 
esse cara vive?".

00:30:49.796 --> 00:30:51.583
É importante para você saber...

00:30:51.583 --> 00:30:53.598
É de maneira geral, tá?

00:30:53.598 --> 00:30:55.665
Boa parte de qualquer 
área de criação,

00:30:55.665 --> 00:30:58.671
você sempre tem 
uma fragmentação,

00:30:58.671 --> 00:31:02.831
e essa fragmentação 
inclusive tende a ir sumindo...

00:31:04.048 --> 00:31:05.530
A fragmentação de áreas,
por exemplo.

00:31:05.530 --> 00:31:08.733
Então, só para dar um exemplo,
a gente estava conversando ali atrás,

00:31:08.733 --> 00:31:11.285
eu pego algumas vagas de vez em quando 
para Design Instrucional

00:31:11.285 --> 00:31:14.105
e eu vejo algumas especificações 
que eles pedem.

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

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

00:31:17.709 --> 00:31:20.520
Aí você tem lá o que eles pedem
como design instrucional,

00:31:20.520 --> 00:31:23.527
que é uma coisa ligada 
à pedagogia, essencialmente.

00:31:23.527 --> 00:31:26.003
Mas eles já transformaram 
o designer pedagogo

00:31:26.003 --> 00:31:27.752
também designer, entendeu?

00:31:27.752 --> 00:31:30.157
E agora, não
não contente com isso,

00:31:30.157 --> 00:31:31.923
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.355
o audiovisual, captação 
e edição, a parte de design,

00:31:36.355 --> 00:31:39.550
a parte de emotion, 
e programação.

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

00:31:42.817 --> 00:31:43.678
aceitam fritas também?

00:31:45.448 --> 00:31:48.665
Realmente é importante você ter

00:31:48.665 --> 00:31:50.375
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:55.079
para você saber, na hora 
de você pedir uma transição.

00:31:55.079 --> 00:31:57.119
por que você quer 
aquela transição.

00:31:58.499 --> 00:32:01.286
É realmente necessária 
aquela transição?

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
Eu sempre vou falar ?
como designer.

00:32:07.292 --> 00:32:09.382
Mas ela realmente é necessária?

00:32:09.382 --> 00:32:11.193
O desenvolvedor ?

00:32:11.193 --> 00:32:14.366
Isso aqui realmente 
pode prejudicar

00:32:14.366 --> 00:32:16.086
a fluidez do nosso sistema?

00:32:16.086 --> 00:32:16.702
Pode.

00:32:16.702 --> 00:32:17.702
O que a gente pode fazer?

00:32:17.702 --> 00:32:21.108
Olha, você pode, de repente, 
tirar a FPS, por exemplo.

00:32:21.108 --> 00:32:23.061
Ou se não, "Tem realmente..."

00:32:23.061 --> 00:32:24.974
Agora o desenvolvedor 
para o designer.

00:32:24.974 --> 00:32:26.201
"Tem realmente a necessidade

00:32:26.201 --> 00:32:29.135
de você meter 
essas transições aqui?

00:32:29.959 --> 00:32:31.010
Você não pode adaptar?".

00:32:31.010 --> 00:32:34.064
Então é sempre bom 
a gente ir um pouco além

00:32:34.064 --> 00:32:36.521
daquela questão do... "Não, 
botem os dois para jantar juntos".

00:32:36.521 --> 00:32:39.369
Não, amigo, 
não é isso que vai...

00:32:39.369 --> 00:32:41.626
É você colocar os dois 
para trabalharem juntos.

00:32:41.626 --> 00:32:44.102
O que eu percebo
é que, cada vez mais...

00:32:44.102 --> 00:32:45.962
Inclusive a gente estava 
conversando sobre isso,

00:32:45.962 --> 00:32:49.219
que os designers estão...

00:32:49.219 --> 00:32:51.769
Até vendo um pouco do futuro.

00:32:51.769 --> 00:32:54.562
Indo para a parte de programação,
necessariamente.

00:32:55.699 --> 00:32:59.210
Primeiro, porque talvez ele não 
seja um baita desenvolvedor,

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

00:33:01.446 --> 00:33:03.339
Então ele vai ter consciência
de.. "Não, espera um pouquinho.

00:33:03.339 --> 00:33:05.633
A hora que o cara ali 
for desenvolver..."

00:33:06.484 --> 00:33:08.056
Eu estou pesando a mão.

00:33:08.056 --> 00:33:09.650
Então, num primeiro momento,

00:33:09.650 --> 00:33:12.800
é botar os dois para que eles 
demonstrem, primeiro,

00:33:12.800 --> 00:33:15.783
qual é a função da minha questão

00:33:15.783 --> 00:33:19.097
prática do design,
artística também, claro,

00:33:19.097 --> 00:33:21.639
e principalmente 
o caminho contrário,

00:33:21.639 --> 00:33:22.691
que é você ver 
o desenvolvedor...

00:33:22.691 --> 00:33:24.203
"Olha, qual é ...".

00:33:24.203 --> 00:33:26.534
Não é só o trabalho 
que eu vou ter, entendeu,

00:33:26.534 --> 00:33:29.374
mas olhe o tanto de cor, recurso 
e tempo, que são fundamentais.

00:33:29.374 --> 00:33:30.587
Às vezes eu não tenho tempo.

00:33:30.587 --> 00:33:31.722
E olha quanto eu vou gastar.

00:33:33.147 --> 00:33:34.672
É realmente necessário?

00:33:34.672 --> 00:33:35.902
"Não é, cara, me desculpe.

00:33:35.902 --> 00:33:37.140
Eu vou fazer isso aqui."

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

00:33:40.618 --> 00:33:43.367
um saber as dificuldades 
do trabalho do outro,

00:33:43.367 --> 00:33:44.450
você pode pegar isso e aplicar

00:33:44.450 --> 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.762
Então estamos enxergando aqui
tendências do mercado.

00:33:50.762 --> 00:33:52.652
Falamos do passado, 
e agora nós vamos falar

00:33:52.652 --> 00:33:54.902
do futuro barra presente.

00:33:54.902 --> 00:33:56.985
Eder, como você enxerga

00:33:56.985 --> 00:33:59.755
o papel da Inteligência 
Artificial hoje

00:33:59.755 --> 00:34:02.473
em tempos de IAs generativas

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

00:34:06.418 --> 00:34:10.481
A IA, por si, tem a tendência

00:34:10.481 --> 00:34:14.652
de automatizar os processos
criar padrões.

00:34:14.652 --> 00:34:18.137
Eu acho que isso é inevitável,
já está acontecendo muito.

00:34:18.137 --> 00:34:19.424
Eu acho que talvez...

00:34:19.424 --> 00:34:20.844
Eu não sou futurista,

00:34:20.844 --> 00:34:24.139
mas eu acredito

00:34:24.139 --> 00:34:29.019
que a tendência
é a integração de IAs

00:34:29.019 --> 00:34:31.936
em novos processos tecnológicos,
por exemplo, Realidade Aumentada...

00:34:33.197 --> 00:34:36.007
Como a IA vai se integrar
com a Realidade Aumentada.

00:34:37.608 --> 00:34:39.621
Como a IA vai subsidiar...

00:34:42.346 --> 00:34:43.915
O Motion Design.

00:34:43.915 --> 00:34:47.952
Já tem hoje IAs 
que criam animações.

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

00:34:50.121 --> 00:34:52.219
Eu acho que, com o tempo,
isso vai aperfeiçoando.

00:34:55.426 --> 00:34:57.595
Eu acho que tem a ver mais

00:34:57.595 --> 00:35:00.598
com a automatização 
de funcionalidades.

00:35:00.598 --> 00:35:03.368
Porque o Motion Design

00:35:03.368 --> 00:35:07.195
são funcionalidades e emoções,

00:35:07.195 --> 00:35:09.803
então ele caminha entre...

00:35:09.803 --> 00:35:13.359
Ele transforma algo técnico
em algo humano.

00:35:14.850 --> 00:35:16.410
Eu vou ser mais...

00:35:16.410 --> 00:35:18.449
Eu acho que eu vou ser 
mais preciso agora.

00:35:18.449 --> 00:35:21.247
Ele faz com que,

00:35:21.247 --> 00:35:22.987
através das ferramentas dele,

00:35:22.987 --> 00:35:26.858
o usuário tenha sensações.

00:35:29.994 --> 00:35:33.210
Eu acredito que a IA vai entrar aí,

00:35:33.210 --> 00:35:36.423
vai otimizar esses processos,
automatizar esses processos,

00:35:36.423 --> 00:35:38.330
para que as sensações 
sejam mais...

00:35:39.570 --> 00:35:40.770
Sensacionais.

00:35:40.770 --> 00:35:44.775
Quase parafraseando 
o Djonga aqui...

00:35:47.345 --> 00:35:50.092
Num podcast sobre UX Motion.

00:35:50.092 --> 00:35:51.182
Mas é válido.

00:35:51.182 --> 00:35:52.103
Grande Djonga!

00:35:53.452 --> 00:35:54.952
Então é mais sobre isso,

00:35:54.952 --> 00:35:57.922
como a IA pode melhorar
essa navegação

00:35:57.922 --> 00:36:01.492
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.468
e automatização 
das funcionalidades.

00:36:09.468 --> 00:36:13.304
Na sua opinião, César, até onde ajuda
e até onde é um ponto de atenção

00:36:13.304 --> 00:36:15.392
para os profissionais 
que trabalham com isso

00:36:15.392 --> 00:36:17.593
e usam a IA no seu dia a dia?

00:36:19.218 --> 00:36:21.258
Taí um tema que, se você deixar,
eu vou ficar duas horas aqui falando.

00:36:21.258 --> 00:36:23.247
Me deixe fazer um recorte então.

00:36:23.247 --> 00:36:24.620
Eu acho que, a princípio...

00:36:26.984 --> 00:36:29.554
Ele tende a facilitar a automatização
de alguns processos.

00:36:29.554 --> 00:36:31.122
Então ele tende, de repente...

00:36:32.877 --> 00:36:35.359
A facilitar alguns trabalhos 
um pouco mais simples,

00:36:35.359 --> 00:36:38.029
onde você precisa 
de umas transições mais...

00:36:38.029 --> 00:36:41.966
Porque a Inteligência Artificial,
na verdade, não cria, tá?

00:36:41.966 --> 00:36:44.268
Ela depende de repositórios 
e treinamento.

00:36:44.268 --> 00:36:46.837
Então, muitos artistas,
inclusive da área,

00:36:46.837 --> 00:36:49.106
têm reclamado porque 
eles percebem

00:36:49.106 --> 00:36:51.509
que muitos trabalhos deles
têm sido roubados,

00:36:51.509 --> 00:36:54.512
Sabe aquele negócio,
copia mas não faz igual?

00:36:55.346 --> 00:36:56.921
Você tem artistas 
de diversos setores...

00:36:56.921 --> 00:36:58.103
Roube como um artista.

00:36:58.103 --> 00:36:59.483
Exatamente.

00:36:59.483 --> 00:37:00.632
E o que é bem verdade, né?

00:37:00.632 --> 00:37:03.287
Historicamente 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 pensam:

00:37:07.124 --> 00:37:08.925
"Opa, esse estilo aqui é meu!",

00:37:08.925 --> 00:37:10.331
e não ganham uma vírgula
por causa disso.

00:37:10.331 --> 00:37:13.965
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:17.452
E também tem muita a questão

00:37:17.452 --> 00:37:20.401
de um certo terrorismo 
momentâneo em relação...

00:37:20.401 --> 00:37:22.006
"A IA vai roubar o seu trabalho.

00:37:22.006 --> 00:37:24.242
Então, compre a sua IA,
aprenda com a gente,

00:37:24.242 --> 00:37:26.271
mas pega o pacote pago".

00:37:26.271 --> 00:37:28.134
Entendi. Vocês estão tentando 
fazer uma venda,

00:37:28.134 --> 00:37:31.101
cada IA está tentando fazer 
a sua venda, entendeu?

00:37:31.101 --> 00:37:34.252
Num primeiro momento, eu acho 
que o que você pode fazer,

00:37:34.252 --> 00:37:36.754
se você é da área 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, que é moderação.

00:37:42.660 --> 00:37:45.997
Use com moderação,
porque a sua ferramenta

00:37:45.997 --> 00:37:47.911
é muito mais 
que um After Effects,

00:37:47.911 --> 00:37:49.190
com o Lottie, com...

00:37:49.190 --> 00:37:51.634
A sua ferramenta é 
o processo criativo.

00:37:51.634 --> 00:37:53.124
É o justificativo, né?

00:37:53.124 --> 00:37:55.373
Então, quanto mais você usa...

00:37:56.223 --> 00:37:58.009
Eu não queria usar 
esta metáfora,

00:37:58.009 --> 00:37:59.345
mas é que me vem 
à cabeça agora.

00:37:59.345 --> 00:38:01.355
É como se fosse uma droga a IA.

00:38:02.240 --> 00:38:04.921
Eu não estou subjugando as IAs.

00:38:04.921 --> 00:38:06.751
Eu acho que elas 
têm muita utilidade.

00:38:06.751 --> 00:38:10.138
Mas um uso excessivo
tivesse esse seu processo criativo...

00:38:11.687 --> 00:38:13.887
A depender da IA
para poder criar.

00:38:16.060 --> 00:38:19.083
E no design, 
na arte como um todo...

00:38:20.324 --> 00:38:23.200
Você precisa aguçar 
o seu processo criativo.

00:38:23.200 --> 00:38:25.902
Isso se baseia em referências,

00:38:25.902 --> 00:38:27.872
em influências 
do seu meio social.

00:38:27.872 --> 00:38:29.882
Então busque muitas referências.

00:38:29.882 --> 00:38:31.942
Vá em museus, vá em teatro,

00:38:31.942 --> 00:38:34.364
vá em exposições,

00:38:34.364 --> 00:38:36.314
e use a IA com moderação,

00:38:36.314 --> 00:38:38.540
porque se você usar 
com moderação,

00:38:38.540 --> 00:38:41.163
você vai manter seu processo 
criativo, vai estimular,

00:38:41.163 --> 00:38:42.432
e aí você vai ter toda...

00:38:45.295 --> 00:38:47.825
A capacidade
de oferecer o seu trabalho

00:38:47.825 --> 00:38:50.818
da melhor maneira possível,
sem se condicionar,

00:38:50.818 --> 00:38:52.590
se limitar à uma ferramenta.

00:38:52.590 --> 00:38:54.441
Essa parte de se condicionar 
é boa também

00:38:54.441 --> 00:38:55.724
na questão 
de às vezes você ficar...

00:38:55.724 --> 00:38:57.766
Às veses o cara que é designer,

00:38:57.766 --> 00:39:00.099
se ele começar 
a utilizar muito a IA,

00:39:00.099 --> 00:39:03.974
ele vai ficar preso a um certo 
nicho de estilo, vamos dizer assim,

00:39:03.974 --> 00:39:06.444
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:09.124
é que às vezes você tem um insight...

00:39:09.124 --> 00:39:10.414
"Opa! Peraí...",

00:39:10.414 --> 00:39:12.283
que é o que a gente 
chama de inovação, né?

00:39:12.283 --> 00:39:13.381
Porque a parte de inovação...

00:39:13.381 --> 00:39:15.110
Eu sempre falo isso
para 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:23.861
porque às vezes o pessoal da área 
de publicidade tem muito esse peso.

00:39:23.861 --> 00:39:25.336
"Bom, mas como eu vou criar
alguma coisa do nada?".

00:39:25.336 --> 00:39:26.498
Não é do nada, meu amigo!

00:39:27.248 --> 00:39:28.199
Assim...

00:39:29.800 --> 00:39:33.110
É uma escola pedagógica
que tem alguns milhares de anos.

00:39:33.110 --> 00:39:34.306
Primeiro você vai 
aprender a copiar.

00:39:34.306 --> 00:39:35.306
É copiar mesmo.

00:39:35.306 --> 00:39:36.018
Só não vende.

00:39:36.018 --> 00:39:37.508
Você vai aprender a copiar.

00:39:37.508 --> 00:39:39.620
Aí você vai copiar, 
copiar, copiar...

00:39:39.620 --> 00:39:42.847
Isso é 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:50.909
Calma! Agora, todas 
essas cópias que você fez

00:39:50.909 --> 00:39:53.372
de diversos segmentos, 
várias referências,

00:39:53.372 --> 00:39:55.092
você vai criar o seu.

00:39:55.092 --> 00:39:57.610
Então você vai fazer 
um aplicativo para...

00:39:57.610 --> 00:39:59.230
Não sei... Comida.

00:39:59.230 --> 00:40:02.533
Pega o que melhor
você teve de experiência

00:40:02.533 --> 00:40:03.836
em todos esses aplicativos.

00:40:03.836 --> 00:40:06.582
Então a transição, 
eu vou pegar desse,

00:40:06.582 --> 00:40:10.523
de repente, uma micro interação ali, 
eu vou pegar desse,

00:40:10.523 --> 00:40:13.210
e um outro recurso, de feedback, 
eu vou pegar desse.

00:40:13.210 --> 00:40:14.262
Então você pegou todos,

00:40:14.262 --> 00:40:16.647
adaptou para o estilo 
que você acha melhor...

00:40:16.647 --> 00:40:18.516
"Essa micro interação é legal,
mas pode melhorar".

00:40:18.516 --> 00:40:20.532
Pronto, tudo o que você 
consumiu, você pegou,

00:40:20.532 --> 00:40:22.586
juntou, transformou, 
e criou seu.

00:40:22.586 --> 00:40:23.717
Isso chama-se inovação.

00:40:23.717 --> 00:40:24.602
Você ? nada.

00:40:25.793 --> 00:40:28.126
Cópia diferente de plágio, né?

00:40:28.126 --> 00:40:28.996
É diferente de plágio.

00:40:28.996 --> 00:40:30.503
Plágio é uma coisa que você pega,

00:40:30.503 --> 00:40:33.731
que não é sua, para fazer 
como se fosse sua.

00:40:33.731 --> 00:40:35.109
A mesma coisa se você 
pegar o iFood aqui,

00:40:35.109 --> 00:40:37.201
você vai lá e faz exatamente 
a mesma coisa, e muda a cor.

00:40:37.201 --> 00:40:37.822
Amigão...

00:40:39.940 --> 00:40:42.037
Você não inovou, entendeu?

00:40:42.037 --> 00:40:45.142
Essa questão da criação,
calma, baixe a 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.650
Como você vai ter insight
se você não tem referências?

00:40:49.650 --> 00:40:51.017
Foi o que ele falou.

00:40:51.017 --> 00:40:51.850
Exatamente.

00:40:51.850 --> 00:40:52.850
Não precisoreinventar a roda.

00:40:52.850 --> 00:40:55.595
O problema da Inteligência 
Artificial, o meu medo,

00:40:55.595 --> 00:40:58.470
é que ela comece 
a encaixotar demais as pessoas,

00:40:58.470 --> 00:41:00.537
que as pessoas fiquem 
muito confortáveis

00:41:00.537 --> 00:41:02.660
Porque criar dá trabalho, hein?

00:41:02.660 --> 00:41:05.162
Então eu vou ficar muito encaixotado
aqui na Inteligência Artificial,

00:41:05.162 --> 00:41:07.038
vou lá, faço o prompt, 
ele vai criar,

00:41:07.038 --> 00:41:08.098
e para o mercado está bom.

00:41:08.098 --> 00:41:08.881
E não é assim.

00:41:08.881 --> 00:41:10.501
Esse é 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.077
Passou super-rápido!

00:41:16.077 --> 00:41:17.397
- Meu Deus! Já?
- Voa!

00:41:17.397 --> 00:41:19.215
A gente não pode ficar 
mais três horas aqui?

00:41:20.330 --> 00:41:23.116
O papo está bom, e eu tenho 
certeza que o pessoal de casa

00:41:23.116 --> 00:41:25.316
continuaria escutando a gente.

00:41:25.316 --> 00:41:27.284
Mas estamos chegando ao fim.

00:41:27.284 --> 00:41:29.642
E, para finalizar,
a gente vai fazer aqui

00:41:29.642 --> 00:41:31.555
um exercício de futurismo.

00:41:32.289 --> 00:41:34.150
Depois da Inteligência Artificial,

00:41:34.150 --> 00:41:37.814
quais são outras tendências
que vocês imaginam

00:41:37.814 --> 00:41:39.964
para essa área de Motion Design?

00:41:39.964 --> 00:41:41.933
O que vem pela frente, Eder?

00:41:41.933 --> 00:41:43.751
Caramba, cara!

00:41:45.269 --> 00:41:48.116
Eu acho que o fortalecimento 
das IAs mesmo.

00:41:49.159 --> 00:41:50.829
Porque, assim...

00:41:52.843 --> 00:41:55.112
É o que está em voga hoje, né?

00:41:55.112 --> 00:41:57.077
E ela está só no começo,

00:41:57.077 --> 00:42:00.217
então ela está mudando 
alguns paradigmas

00:42:00.217 --> 00:42:03.070
Eu acho que a gente ainda 
tem muito para explorar.

00:42:04.021 --> 00:42:06.005
E dentro do que a gente 
pensa por IA,

00:42:06.005 --> 00:42:07.825
muita coisa pode aparecer.

00:42:07.825 --> 00:42:09.960
Integrações, superagentes...

00:42:09.960 --> 00:42:13.430
Então, para mim, isso cria
uma cortina de fumaça.

00:42:13.430 --> 00:42:17.234
Eu acho que está muito aberto
e tem muita coisa nova para surgir.

00:42:17.234 --> 00:42:18.807
Eu acho isso muito bacana.

00:42:20.070 --> 00:42:22.728
Então eu acredito nisso,
muitas integrações...

00:42:25.101 --> 00:42:28.879
E a IA conseguindo transformar
funcionalidades

00:42:28.879 --> 00:42:31.227
que às vezes a gente fazia na unha,

00:42:31.227 --> 00:42:33.032
melhorando processos...

00:42:33.032 --> 00:42:35.719
Converter o código, 
que já está fazendo isso hoje.

00:42:35.719 --> 00:42:38.994
Eu acredito que vai por aí.

00:42:38.994 --> 00:42:42.179
Isso pensando num futuro próximo,

00:42:43.160 --> 00:42:45.165
Mas um futuro distante,

00:42:45.165 --> 00:42:48.560
eu não conseguiria prever,

00:42:48.560 --> 00:42:50.200
ou tentar prever.

00:42:50.200 --> 00:42:51.664
Infelizmente, eu não tenho esse...

00:42:54.190 --> 00:42:56.213
Essa qualidade de Mãe Dinah.

00:43:00.752 --> 00:43:02.182
Eu acho que IA,

00:43:02.182 --> 00:43:04.442
eu acho que a IA vai dar 
muito o que falar ainda.

00:43:04.442 --> 00:43:05.282
E já está dando, né?

00:43:05.282 --> 00:43:08.018
Pouco tempo atrás,
teve o DeepSeek aí

00:43:08.018 --> 00:43:10.854
causando um fervor no mercado.

00:43:10.854 --> 00:43:12.089
Que 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:15.787
Mas com certeza.

00:43:15.787 --> 00:43:19.732
Eu acho que a IA 
vai se aprofundar

00:43:19.732 --> 00:43:22.059
e a gente vai descobrir muitas 
coisas bacanas ainda com IA.

00:43:22.059 --> 00:43:22.682
Boa!

00:43:22.682 --> 00:43:24.466
E, na sua opinião, César?

00:43:25.936 --> 00:43:28.172
Eu vou me contrariar só para dar 
um outro ponto de vista.

00:43:28.172 --> 00:43:29.440
Então vamos lá!

00:43:29.440 --> 00:43:32.608
Eu acho que, em história...

00:43:32.608 --> 00:43:33.728
Um dos meus negócios é...

00:43:33.728 --> 00:43:35.288
Eu estava fazendo 
faculdade de história.

00:43:35.288 --> 00:43:36.241
Tive que dar uma pausa.

00:43:36.241 --> 00:43:37.561
Mas, assim, em história

00:43:37.561 --> 00:43:39.876
tem uma coisa que a gente 
chama de filosofia da história,

00:43:39.876 --> 00:43:41.685
que é uma tendência...

00:43:41.685 --> 00:43:43.443
As pessoas tendem 
a achar que isso existe,

00:43:43.443 --> 00:43:44.596
que a história se repete.

00:43:44.596 --> 00:43:46.256
Não, tá?

00:43:46.256 --> 00:43:48.263
Cada e cada momento histórico
tem um contexto.

00:43:48.263 --> 00:43:48.988
Mas...

00:43:48.988 --> 00:43:50.628
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.868
inclusive uns designers freelas,

00:43:57.868 --> 00:44:00.815
que eles prestam serviço
para algum cliente,

00:44:00.815 --> 00:44:02.707
e o cliente faz 
questão de enfatizar

00:44:02.707 --> 00:44:05.020
que toda aquela campanha 
foi feita com IA

00:44:05.020 --> 00:44:07.291
mesmo que não tenha sido, tá?

00:44:07.291 --> 00:44:09.057
Teve um desenvolvedor.

00:44:09.057 --> 00:44:10.247
É só bater o carimbo...

00:44:10.247 --> 00:44:12.850
- "Olha como somos inovadores" e tal.
- "Usamos IA."

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
Porque, assim, a gente teve 
a serialização de produtos,

00:44:19.590 --> 00:44:21.959
de qualquer coisa, copos, canecas

00:44:21.959 --> 00:44:23.519
Então são produzidas em série,

00:44:23.519 --> 00:44:25.529
e que facilita 
que muita gente tenha.

00:44:25.529 --> 00:44:29.033
E isso é um efeito bom, que facilita
que do mundo tenha, é mais barato.

00:44:29.033 --> 00:44:30.501
Só que, assim, todo mundo tem.

00:44:30.501 --> 00:44:32.087
Isso cria um efeito contrário,

00:44:32.087 --> 00:44:34.571
que nasce principalmente 
com Morris e com Ruskin,

00:44:34.571 --> 00:44:37.441
que eram defensores
de uma cultura do artesanal,

00:44:37.441 --> 00:44:39.677
e que você tem público 
para issoaté hoje.

00:44:39.677 --> 00:44:40.989
Você pode perceber, 
de repente...

00:44:40.989 --> 00:44:44.993
"Ah, por que essa caneca 
aqui custa 500 reais

00:44:44.993 --> 00:44:48.147
sendo que eu posso comprar 
uma caneza igualzinha em qualquer lugar

00:44:48.147 --> 00:44:50.121
que custa 15, 10 reais?".

00:44:50.121 --> 00:44:51.221
- Porque ela é única.
- Porque ela é única...

00:44:51.221 --> 00:44:53.487
Ela foi feita à mão, 
que é o mais ou menos...

00:44:54.992 --> 00:44:57.293
Aquele carro inglês 
que é feito inteiro à mão.

00:44:57.293 --> 00:44:59.463
Ele é costurado à mão, 
ele é pintado à mão.

00:44:59.463 --> 00:45:02.499
Então eu acho que, num futuro 
médio, vamos dizer assim,

00:45:02.499 --> 00:45:06.103
vai ter uma certa tendência 
de algumas empresas

00:45:06.103 --> 00:45:10.298
colocarem o selo feito 
manualmente, para fugir....

00:45:10.298 --> 00:45:11.141
Handmade...

00:45:11.141 --> 00:45:11.955
- Valorização.
- Isso aqui não é...

00:45:11.955 --> 00:45:12.930
De Inteligência Artificial não.

00:45:12.930 --> 00:45:15.245
- Isso aqui foi...
- E faz todo sentido, né?

00:45:15.245 --> 00:45:17.911
- Mesmo que você esteja se contrariando.
- Eu estou me contrariando, tá?

00:45:17.911 --> 00:45:20.558
É um ciclo da história, tá,

00:45:20.558 --> 00:45:22.854
mas é uma tendência possível,

00:45:22.854 --> 00:45:23.854
da pessoa virar e falar:

00:45:23.854 --> 00:45:25.875
"Não, o nosso trabalho,
a nossa campanha,

00:45:25.875 --> 00:45:27.424
foi feita por pessoas.

00:45:27.424 --> 00:45:29.508
Teve ali um roteirista 
consagrado,

00:45:29.508 --> 00:45:32.898
teve ali um designer consagrado, 
um programador consagrado.

00:45:32.898 --> 00:45:33.729
Então, pessoas.

00:45:33.729 --> 00:45:35.699
É um trabalho 
muito mais humano.

00:45:35.699 --> 00:45:37.722
Talvez não dure tanto,
mas eu tenho certeza...

00:45:37.722 --> 00:45:40.082
Certeza não, eu acho 
que isso é uma tendência

00:45:40.082 --> 00:45:41.705
a aparecer no médio prazo.

00:45:41.705 --> 00:45:44.438
À curto prazo, eu acho 
que vai ser essa febre, IA...

00:45:44.438 --> 00:45:46.777
No fundo, as tendências
estão sempre em movimento.

00:45:46.777 --> 00:45:48.052
- Elas vão e voltam, né?
- Sim...

00:45:48.052 --> 00:45:50.099
E de maneira contraditória.

00:45:50.099 --> 00:45:51.792
A gente está falando disso,

00:45:51.792 --> 00:45:53.150
e 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:45:58.064
onde elas enxergam a verdade,

00:45:58.064 --> 00:46:00.445
do que um vídeo 
totalmente editado,

00:46:00.445 --> 00:46:01.825
aquela coisa toda.

00:46:01.825 --> 00:46:05.429
Isso era uma tendência 
no começo do YouTube, né?

00:46:05.429 --> 00:46:06.723
Ele nasce dessa maneira.

00:46:06.723 --> 00:46:09.209
Aí depois se exigiu
uma qualificação...

00:46:09.209 --> 00:46:10.632
Megas produções.

00:46:10.632 --> 00:46:12.202
E agora está retornando.

00:46:12.202 --> 00:46:14.372
Está em movimento.

00:46:14.372 --> 00:46:15.216
O mundo é cíclico, né...

00:46:15.216 --> 00:46:17.518
- Moda, design.
- São contradições, dinâmicas...

00:46:17.518 --> 00:46:18.488
São dialéticas, né?

00:46:18.488 --> 00:46:20.278
Se vem um, tem que vir o outro...

NOTE Paragraph

00:46:20.278 --> 00:46:21.278
Normalmente é uma tendência.

00:46:21.278 --> 00:46:24.151
É por isso que cria a ilusão
de que a história é cíclica.

00:46:24.151 --> 00:46:25.042
Mas é uma questão de...

00:46:26.774 --> 00:46:29.553
De certa forma, é previsível,
de certa forma.

00:46:29.553 --> 00:46:30.563
Que loucura!

00:46:30.563 --> 00:46:33.824
Falamos de tecnologia,
falamos de Inteligência Artificial,

00:46:33.824 --> 00:46:36.044
design, história, filosofia.

00:46:36.044 --> 00:46:37.411
Rendeu muito.

00:46:37.411 --> 00:46:41.231
Muito mais que um podcast,
uma verdadeira aula.

00:46:41.231 --> 00:46:43.372
E eu quero me despedir de vocês.

00:46:43.372 --> 00:46:45.443
Muito obrigado, Eder!

00:46:45.443 --> 00:46:46.637
Eu que agradeço,
pelo amor 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:52.336
Já assisti vários.

00:46:52.336 --> 00:46:56.246
Estar com você,
que é uma figura conhecida

00:46:56.246 --> 00:46:58.059
na área de tecnologia brasileira,

00:46:58.059 --> 00:46:59.493
quem sabe até global.

00:46:59.493 --> 00:47:00.377
Aí eu não sei.

00:47:00.377 --> 00:47:02.227
Mas eu conheço você daqui.

00:47:02.227 --> 00:47:03.691
E ter conhecido o César,

00:47:03.691 --> 00:47:06.191
um cara sensacional, fantástico.

00:47:06.191 --> 00:47:08.841
O que eu posso dizer 
sobre Motion Design

00:47:08.841 --> 00:47:12.090
é que as pessoas
que têm vontade de fazer,

00:47:12.090 --> 00:47:15.172
vá fundo, porque Motion Design

00:47:15.172 --> 00:47:17.718
é você dar movimento 
a uma ideia...

00:47:19.770 --> 00:47:21.405
É você criar algo

00:47:21.405 --> 00:47:25.375
que vai ter vida de alguma
forma, entendeu?

00:47:25.375 --> 00:47:28.990
Então, nada mais 
prazeroso e satisfatório

00:47:28.990 --> 00:47:32.816
que você finalizar um projeto 
de Motion Design

00:47:32.816 --> 00:47:36.653
e você ver aquele projeto
em movimento.

00:47:36.653 --> 00:47:39.138
Então, vão e façam.

00:47:39.138 --> 00:47:40.858
Eu sou suspeito

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:46.978
mas vale a pena demais,
vale a pena mesmo.

00:47:46.978 --> 00:47:48.999
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.638
Eu que agradeço, e muito 
obrigado aos dois pela aula,

00:47:54.638 --> 00:47:57.048
todo o pessoal 
da produção inclusive,

00:47:57.048 --> 00:47:59.477
por toda a delicadeza,
toda a gentileza.

00:47:59.477 --> 00:48:00.477
Podcast
é muito bacana.

00:48:00.477 --> 00:48:03.085
Parabéns para a FIAP por todo 
investimento que faz,

00:48:03.085 --> 00:48:05.148
infraestrutura, em conteúdo.

00:48:05.148 --> 00:48:06.459
Satisfação enorme estar aqui.

00:48:06.459 --> 00:48:09.215
E Motion Design é 
emoção e eficiência.

00:48:09.215 --> 00:48:10.654
Agradeço novamente vocês.

00:48:10.654 --> 00:48:13.821
Agradeço a você, que ficou 
até agora aqui com a gente

00:48:13.821 --> 00:48:16.560
assistindo ou ouvindo 
esse podcast.

00:48:16.560 --> 00:48:19.811
E você aprendeu 
que o papel do Motion Design

00:48:19.811 --> 00:48:22.399
vai muito além de estética.

00:48:22.399 --> 00:48:25.802
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:33.049
Nós estamos a um toque

00:48:33.049 --> 00:48:35.679
de tudo isso 
se tornar realidade.

00:48:35.679 --> 00:48:37.681
Um grande abraço 
e até a próxima!