0:00:07.790,0:00:10.278
Sabe aquela animação [br]que tem por trás

0:00:10.278,0:00:12.178
da tela do seu aplicativo

0:00:12.178,0:00:15.348
ou aquela transição[br]entre uma tela e outra?

0:00:15.348,0:00:18.351
Nós estamos falando aqui[br]do Motion Design.

0:00:18.351,0:00:20.938
O assunto desse podcast [br]vai mostrar para você

0:00:20.938,0:00:23.775
quais são as principais [br]técnicas, ferramentas,

0:00:23.775,0:00:25.725
frameworks, estratégias,

0:00:25.725,0:00:28.036
e, é claro, o papel [br]do desenvolvedor

0:00:28.036,0:00:30.663
e da Inteligência Artificial [br]em tudo isso.

0:00:30.663,0:00:32.815
Eu sou Gustavo Torrente,[br]e hoje estou aqui

0:00:32.815,0:00:35.935
com grandes [br]especialistas em motion.

0:00:35.935,0:00:39.180
Estamos aqui [br]com Eder Bronson, César Molina,

0:00:39.180,0:00:43.231
que hoje vão falar tudo[br]sobre o que você precisa saber

0:00:43.231,0:00:45.545
sobre esse tal de Motion Design.

0:00:45.545,0:00:46.250
Tudo bom, César?

0:00:46.250,0:00:47.238
Tudo bom.

0:00:47.238,0:00:48.190
Muito obrigado pelo convite.

0:00:48.190,0:00:50.052
Meu nome é César,

0:00:50.052,0:00:52.252
eu trabalho na área [br]de comunicação e educação

0:00:52.252,0:00:54.859
já faz quase dez anos.

0:00:54.859,0:00:57.409
Na verdade, educação, [br]faz algo em torno de oito anos,

0:00:57.409,0:00:59.659
e na parte [br]de comunicação, uns 20.

0:00:59.659,0:01:00.660
Faz tempo.

0:01:00.660,0:01:03.797
No momento, eu estou trabalhando mais[br]também como designer instrucional,

0:01:03.797,0:01:06.169
utilizando motion e outros [br]recursos audiovisuais.

0:01:06.169,0:01:07.339
Muito bom.

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

0:01:08.969,0:01:09.903
Obrigado.

0:01:09.903,0:01:11.923
Como ele já disse, [br]meu nome é Eder,

0:01:11.923,0:01:13.901
sou professor [br]de Design Digital da FIAP,

0:01:13.901,0:01:16.121
dou aula de UX Motion,

0:01:16.121,0:01:18.511
dou aula também [br]de Design Gráfico.

0:01:18.511,0:01:20.962
Tenho uma trajetória aí [br]de mais ou menos

0:01:20.962,0:01:22.782
15 anos em design.

0:01:22.782,0:01:25.059
Venho do jornalismo,

0:01:25.059,0:01:28.822
fiz uma transição de carreira[br]onde eu fui para a tecnologia,

0:01:28.822,0:01:32.692
mas, na tecnologia, eu [br]resgatei o meu lado designer,

0:01:32.692,0:01:35.862
e agora eu estou oferecendo[br]um pouco do meu conhecimento

0:01:35.862,0:01:37.764
para os meus queridos [br]alunos na FIAP,

0:01:37.764,0:01:38.870
e estou muito feliz com isso.

0:01:38.870,0:01:40.271
Que incrível, gente!

0:01:40.271,0:01:43.651
Vamos começar aqui a nossa conversa[br]colocando os pingos nos is.

0:01:43.651,0:01:47.078
Então, César, [br]o que é, na sua visão,

0:01:47.078,0:01:48.908
esse tal de Motion Design,

0:01:48.908,0:01:51.444
e como ele ajuda[br]na experiência do usuário,

0:01:51.444,0:01:54.721
principalmente aqueles que vão [br]navegar por aplicativos?

0:01:54.721,0:01:57.484
Bom, na verdade, isso aí nasceu

0:01:57.484,0:01:59.016
há muito tempo atrás [br]com o cinema.

0:01:59.016,0:02:01.888
Ele foi pensado mais para a parte [br]de cinema e animações.

0:02:01.888,0:02:03.389
Só que, trazendo pouco[br]para o nosso contexto,

0:02:03.389,0:02:06.013
ele cresceu nesse ambiente[br]mais de aplicativos,

0:02:06.013,0:02:08.610
principalmente [br]com o desenvolvimento dos Tablets

0:02:08.610,0:02:10.630
e Smartphones.

0:02:10.630,0:02:13.500
Então, o Motion Design,[br]para aplicativos mobile,

0:02:13.500,0:02:15.468
tem uma função [br]ali de primeiro...

0:02:16.870,0:02:19.778
Pegando essas referências[br]do Designer Gráfico,

0:02:19.778,0:02:22.375
da animação e algumas [br]técnicas cinematográficas,

0:02:22.375,0:02:26.237
inclusive reaproveitando os nomes[br]que a gente utiliza nessa área,

0:02:26.237,0:02:28.984
eles tendem a criar animações

0:02:28.984,0:02:30.318
para tornar...

0:02:32.397,0:02:34.431
Mais dinâmica a experiência.

0:02:34.431,0:02:35.956
Eu acho que essa é [br]a palavra fundamental,

0:02:35.956,0:02:36.956
que a gente ouve bastante,

0:02:36.956,0:02:38.858
inclusive na área de criação[br]ultimamente,

0:02:38.858,0:02:40.295
a palavra experiência.

0:02:40.295,0:02:42.795
Então torna esse [br]processo mais fluído.

0:02:42.795,0:02:44.268
E tem até um termo [br]que eu li esse dia,

0:02:44.268,0:02:45.298
que eu acho muito engraçado,

0:02:45.298,0:02:48.878
que é reduzir a carga [br]cognitiva do usuário,

0:02:48.878,0:02:52.378
ou seja, você fazer com que o usuário [br]fique muito mais à vontade

0:02:52.378,0:02:54.574
e muito mais calmo,

0:02:54.574,0:02:55.875
de repente, não frustrado,

0:02:55.875,0:02:57.410
que são outros temas[br]que eu tenho lido bastante,

0:02:57.410,0:03:00.013
na hora de utilizar [br]um aplicativo, por exemplo.

0:03:00.013,0:03:03.283
Então é tornar a experiência[br]mais fluida, mais simples.

0:03:03.283,0:03:05.332
Que aquele app [br]não seja um labirinto,

0:03:05.332,0:03:08.155
que ele bata o olho [br]e já saiba o que vai fazer

0:03:08.155,0:03:09.228
sem ter que pensar muito,

0:03:09.228,0:03:11.918
sem ter que gastar poder [br]de processamento, né?

0:03:11.918,0:03:13.963
Exatamente. A parte [br]estética é fundamental,

0:03:13.963,0:03:15.880
mas o essencial mesmo

0:03:15.880,0:03:19.505
é fazer a coisa mais [br]fluida, mais intuitiva.

0:03:19.505,0:03:22.235
Eu costumo dizer [br]que, na verdade,

0:03:22.235,0:03:26.166
o usuário é o navegador,[br]é o navegante,

0:03:26.166,0:03:29.944
e a gente, por mexer [br]com essa parte técnica,

0:03:29.944,0:03:32.055
tende a achar que somos [br]o capitão do barco.

0:03:32.055,0:03:34.447
E, na verdade, não.

0:03:34.447,0:03:36.883
Na verdade, o capitão do barco[br]é o próprio usuário.

0:03:36.883,0:03:39.953
Ele que é responsável[br]pela sua navegação.

0:03:39.953,0:03:44.190
O nosso trabalho[br]é ser o cursor da água,

0:03:44.190,0:03:46.357
é fornecer a linha[br]e o movimento

0:03:46.357,0:03:49.462
que vai guiar os passos [br]desse navegante

0:03:49.462,0:03:51.431
na nossa interface digital.

0:03:51.431,0:03:52.075
Então...

0:03:54.645,0:03:56.885
O Motion Design,[br]que, na verdade,

0:03:56.885,0:04:00.416
é uma junção de Motion [br]Graphics com UX Motion,

0:04:00.416,0:04:02.054
é o Motion Graphics

0:04:02.054,0:04:05.094
aplicado ao UX Motion...

0:04:07.981,0:04:10.462
Essa animação [br]de elementos visuais,

0:04:10.462,0:04:12.752
elementos técnicos,

0:04:12.752,0:04:15.222
que a gente joga [br]para a interface digital

0:04:15.222,0:04:19.209
para criar isso que ele disse,[br]que é uma navegação mais fluida...

0:04:20.493,0:04:22.869
Mais constante,

0:04:22.869,0:04:25.851
mais tranquila, né, uma...

0:04:25.851,0:04:27.310
- Intuitiva.[br]- Intuitiva.

0:04:28.268,0:04:30.870
Então a gente é [br]responsável por guiar...

0:04:30.870,0:04:32.338
É muito mais que estética.

0:04:32.338,0:04:35.208
Ele falou isso, é muito [br]mais que estética.

0:04:35.208,0:04:37.156
É uma noção [br]de percepção do usuário.

0:04:38.731,0:04:40.880
Então o nosso objetivo

0:04:40.880,0:04:45.262
é com conduzir o usuário [br]pela interface digital.

0:04:45.262,0:04:47.387
Como a gente vai [br]fazer essa animação,

0:04:47.387,0:04:49.237
é uma mera questão técnica.

0:04:49.237,0:04:50.657
Então eu acho que é [br]importante dizer isso,

0:04:50.657,0:04:54.661
porque às vezes as pessoas [br]acham que a técnica resolve tudo.

0:04:54.661,0:04:57.171
"Ah, eu preciso aprender [br]um determinado software

0:04:57.171,0:04:58.998
e eu vou me tornar [br]esse profissional."

0:04:58.998,0:04:59.618
Não.

0:04:59.618,0:05:02.368
O Motion Design[br]é muito mais que técnica.

0:05:02.368,0:05:07.540
Ele é uma noção [br]da cognição do usuário,

0:05:07.540,0:05:09.475
da relação com a interface.

0:05:09.475,0:05:10.819
Perfeito, perfeito.

0:05:10.819,0:05:14.080
É aquela história, eu não estou [br]criando a aplicação para mim.

0:05:14.080,0:05:16.382
Eu estou criando aquela [br]aplicação para o usuário.

0:05:16.382,0:05:19.285
É com a cabeça dele[br]que eu tenho que pensar,

0:05:19.285,0:05:22.422
quais são os passos que ele [br]vai tomar, onde ele vai clicar,

0:05:22.422,0:05:23.890
se ele digitar [br]alguma coisa errada,

0:05:23.890,0:05:27.260
qual é o feedback visual[br]que eu posso fornecer para ele.

0:05:27.260,0:05:28.991
- É quase um exercício de empatia.[br]- É verdade.

0:05:28.991,0:05:30.572
Se colocar no lugar do outro

0:05:30.572,0:05:32.432
e ter essa sensibilidade.

0:05:32.432,0:05:36.274
Porque não deixa de ser um artista[br]o motion designer, concorda?

0:05:36.274,0:05:38.344
É um artista aplicado.

0:05:38.344,0:05:41.407
E para ser artista[br]tem que ter sensibilidade

0:05:41.407,0:05:42.787
de se colocar no lugar do outro.

0:05:42.787,0:05:43.487
Incrível.

0:05:43.487,0:05:44.177
É isso que a gente faz.

0:05:44.177,0:05:45.914
Muito boas as definições.

0:05:45.914,0:05:49.048
E de que forma, César, [br]essas animações

0:05:49.048,0:05:53.252
vão facilitar a vida [br]e o dia a dia do usuário?

0:05:53.252,0:05:57.123
Ou seja, como você consegue[br]hoje, no seu dia a dia,

0:05:57.123,0:06:00.860
colocar em prática esse [br]conhecimento do Motion Design

0:06:00.860,0:06:04.779
e tornar interfaces [br]que antes eram complexas,

0:06:04.779,0:06:06.228
muito mais intuitivas?

0:06:07.533,0:06:09.402
Então, a gente tem [br]alguns recursos.

0:06:09.402,0:06:12.004
Por exemplo, a gente tem [br]essa questão dos feedbacks,

0:06:12.004,0:06:15.208
das microinterações,[br]que vão servir ali para reforçar

0:06:15.208,0:06:17.744
determinado comportamento,[br]e muitas vezes para guiar.

0:06:17.744,0:06:20.613
Então, por exemplo, a gente[br]às vezes pega uma interface ali

0:06:20.613,0:06:23.182
na mão de uma pessoa[br]que não está muito acostumada

0:06:23.182,0:06:26.319
a lidar com aplicativos, [br]internet de maneira geral,

0:06:26.319,0:06:30.022
e a coloca, de repente, [br]na frente de um story,

0:06:30.022,0:06:31.591
de uma propaganda [br]que ela está assistindo,

0:06:31.591,0:06:33.693
de repente ela gostou do conteúdo[br]e querer saber mais.

0:06:33.693,0:06:37.130
Você tem ali o velho e conhecido[br]Call to Action, que é o botão,

0:06:37.130,0:06:39.129
mas às vezes ele é colocado[br]de uma maneira...

0:06:39.129,0:06:41.395
Por exemplo, às vezes, [br]dependendo do aplicativo,

0:06:41.395,0:06:42.735
são muitos recursos.

0:06:42.735,0:06:45.204
Se a gente for colocar [br]um recurso para cada botão...

0:06:45.204,0:06:45.983
Me desculpe, ao contrário.

0:06:45.983,0:06:47.373
Um botão para cada recurso,

0:06:47.373,0:06:48.775
parece ser uma tela de botões.

0:06:48.775,0:06:50.910
Então a gente começa a dar[br]algumas orientações.

0:06:50.910,0:06:54.447
Por exemplo, [br]coloca uma animação,

0:06:54.447,0:06:56.082
como setinhas [br]apontando para cima.

0:06:56.082,0:06:59.257
A pessoa vai saber que se ela [br]quiser acessar aquela pasta,

0:06:59.257,0:07:01.554
arrasta para cima, [br]arrasta para o lado.

0:07:01.554,0:07:03.322
Então você tem ali[br]alguns aplicativos

0:07:03.322,0:07:05.725
que, quando você instala,

0:07:05.725,0:07:07.967
vem como se fossem [br]minis tutoriais.

0:07:07.967,0:07:10.229
Para quem está vendo [br]aquele estudante...

0:07:10.229,0:07:12.592
Você que instalou o Adobe[br]no seu computador pela primeira vez,

0:07:12.592,0:07:14.060
sabe que, toda vez [br]que abre um software...

0:07:14.060,0:07:14.880
É irritante, né?

0:07:14.880,0:07:16.387
Mas toda vez que abre [br]um software da Adobe...

0:07:16.387,0:07:17.047
Eu pulo.

0:07:17.047,0:07:18.370
Então, mas ultimamente [br]parece que eles

0:07:18.370,0:07:19.730
não estão deixando nem isso né?

0:07:19.730,0:07:22.467
- É, força você...[br]- É, força você assistir.

0:07:22.467,0:07:24.563
Então ele tem ali um tutorial.

0:07:24.563,0:07:27.169
Se você quer ir para o menu tal,[br]você arrasta para cá,

0:07:27.169,0:07:29.549
você quer acessar a página,[br]você arrasta para cima.

0:07:29.549,0:07:31.451
Então...

0:07:31.451,0:07:35.087
Esse feedback, muitas vezes,[br]de você clicar no botão...

0:07:35.087,0:07:36.810
Isso aconteceu comigo[br]esses dias.

0:07:36.810,0:07:38.316
Foi num aplicativo inclusive.

0:07:38.316,0:07:40.126
Eu preenchi um cadastro enorme,

0:07:40.126,0:07:42.061
extremamente mal feito, [br]que você tem que...

0:07:42.061,0:07:42.962
Você não pode digitar.

0:07:42.962,0:07:44.353
Você tem que... Sabe?

0:07:44.353,0:07:47.366
Universidade, são todas [br]as universidades do mundo.

0:07:47.366,0:07:48.696
Se vira, acha.

0:07:48.696,0:07:50.136
Você não pode digitar.

0:07:50.136,0:07:51.504
E a hora que você [br]acabou de digitar,

0:07:51.504,0:07:53.406
você vai lá para baixo [br]e some da sua tela

0:07:53.406,0:07:54.707
todo o formulário [br]que você preencheu

0:07:54.707,0:07:57.477
e fica só o botão de enviar.

0:07:57.477,0:07:58.978
Qual é o básico da nossa área?

0:07:58.978,0:08:01.180
Quando você aperta esse botão,[br]o que tem que acontecer?

0:08:01.180,0:08:02.442
Tem que ter uma micro interação.

0:08:02.442,0:08:04.679
O botão muda de cor, ele treme,

0:08:04.679,0:08:06.419
ele muda, aparece como enviado.

0:08:06.419,0:08:08.021
Isso é o básico na nossa área.

0:08:08.021,0:08:09.727
O botão não fazia isso.

0:08:09.727,0:08:11.357
Ele simplesmente não mudava,

0:08:11.357,0:08:13.598
o formulário tinha sido enviado,

0:08:13.598,0:08:15.478
o formulário tinha sido assim...

0:08:15.478,0:08:16.462
Ele carregava.

0:08:16.462,0:08:18.602
Só que tem um macete [br]especial desse aplicativo.

0:08:18.602,0:08:19.567
Você apertava mais de uma vez

0:08:19.567,0:08:20.893
porque você achava [br]que não tinha apertado,

0:08:20.893,0:08:22.402
ele zerava o seu formulário

0:08:22.402,0:08:24.207
e você tinha [br]que começar de novo.

0:08:25.256,0:08:27.507
A nossa área trabalha muito

0:08:27.507,0:08:30.160
na parte de direcionamento,[br]mas também de reforço,

0:08:30.160,0:08:33.215
de você sanar, no usuário,

0:08:33.215,0:08:34.975
se a ação que ele executou

0:08:34.975,0:08:36.616
foi para algum lugar.

0:08:36.616,0:08:38.284
Reduzir as interrupções.

0:08:38.284,0:08:40.319
Reduzir as interrupções.

0:08:40.319,0:08:43.923
Não existe nada mais desconfortável [br]do que você clicar num botão

0:08:43.923,0:08:47.927
e você não saber[br]se o seu arquivo subiu

0:08:47.927,0:08:50.229
ou se você recebeu o arquivo[br]de alguma maneira.

0:08:50.229,0:08:53.666
Então, esse feedback que ele está[br]fazendo, que é o feedback visual,

0:08:53.666,0:08:58.013
é uma micro animação [br]que é realizada

0:08:58.013,0:09:00.573
através de uma interação

0:09:00.573,0:09:03.853
num pequeno ícone, [br]num pequeno botão,

0:09:03.853,0:09:06.775
que dá a resposta ao usuário

0:09:06.775,0:09:09.454
de que aquela ação foi efetiva.

0:09:09.454,0:09:10.154
Tranquiliza.

0:09:10.154,0:09:11.634
Exatamente.

0:09:11.634,0:09:15.488
O nosso papel é deixar[br]os usuários mais tranquilos.

0:09:16.633,0:09:19.292
A vida já é muito difícil, né?

0:09:19.292,0:09:22.313
Ao acessar o meu site, eu te garanto[br]que, tranquilo, você vai ficar.

0:09:22.313,0:09:25.178
A vida já difícil, o seu aplicativo [br]vai dificultar mais?

0:09:26.143,0:09:28.701
Se as telas, [br]que a gente tem que lidar

0:09:28.701,0:09:29.936
o tempo inteiro com elas,

0:09:29.936,0:09:32.443
forem dificultar a nossa vida,[br]então a gente está ferrado.

0:09:32.443,0:09:34.962
No começo estava difícil, no final,[br]parecia que eu estava no começo.

0:09:35.818,0:09:36.743
É por aí mesmo.

0:09:36.743,0:09:37.743
Então a nossa função é essa.

0:09:37.743,0:09:41.052
É o que eles chamam [br]também de "visual cue",

0:09:41.052,0:09:42.481
que seria uma dica visual.

0:09:42.481,0:09:43.626
essa parte de...

0:09:45.158,0:09:47.334
Animações, [br]quando arrasta, cliques.

0:09:49.037,0:09:50.253
São recursos que a gente [br]acaba utilizando.[br]

0:09:50.253,0:09:52.762
Além de transições, que a gente [br]vai comentar um pouco.

0:09:52.762,0:09:53.792
São os três principais, né,

0:09:53.792,0:09:55.810
transições, micro interações...

0:09:57.507,0:09:59.098
E os feedbacks visuais.

0:09:59.098,0:10:02.668
Feedback visual, interações, [br]são recursos então que...

0:10:02.668,0:10:03.412
Fundamentais.

0:10:03.412,0:10:04.904
Fundamentais, [br]que o Motion Design...

0:10:04.904,0:10:05.917
E sabe o que acontece?

0:10:05.917,0:10:09.175
Nos primórdios da internet,[br]não tinha essa preocupação.

0:10:09.175,0:10:11.377
A preocupação era:[br]tem que funcionar.

0:10:11.377,0:10:12.111
E aí o que você falou?

0:10:12.111,0:10:13.994
Você vai selecionar lá a cidade.

0:10:13.994,0:10:15.994
Você seleciona [br]o estado de São Paulo,

0:10:15.994,0:10:17.664
tem mais de 500 cidades,

0:10:17.664,0:10:20.304
e aí a sua cidade é [br]a capital, é São Paulo,

0:10:20.304,0:10:23.389
que está lá embaixo[br]e aí tem que percorrer.

0:10:23.389,0:10:27.293
Todo mundo sabe que a primeira [br]cidade é Adamantina,

0:10:27.293,0:10:29.871
porque todo o formulário [br]que você vai preencher...

0:10:29.871,0:10:31.611
- Que não tem esses recursos...[br]- É mesmo, né?

0:10:31.611,0:10:34.800
Você sabe que Adamantina[br]é a primeira da lista.

0:10:34.800,0:10:37.941
Agora você imagina, por exemplo,[br]que você quer colocar uma cidade

0:10:37.941,0:10:40.506
lá no seu formulário

0:10:40.506,0:10:44.310
e você clica na setinha para baixo[br]e não abrem as cidades.

0:10:45.121,0:10:47.279
Já é uma sensação [br]de desconforto.

0:10:47.279,0:10:48.459
Exato.

0:10:48.459,0:10:51.117
E você falou desde [br]os primórdios, não é verdade?

0:10:54.320,0:10:55.624
Provavelmente, a gente [br]deve estar falando

0:10:55.624,0:10:57.990
com uma faixa etária aqui, enfim.

0:10:57.990,0:10:59.760
Quem tiver mais ou menos[br]a nossa idade

0:10:59.760,0:11:03.315
vai lembrar dos sites [br]da década de 1990.

0:11:03.315,0:11:05.699
Até tem lugares, sites,

0:11:05.699,0:11:08.709
que arquivam essas interfaces.

0:11:08.709,0:11:11.145
Tem, Web Archiving,[br]"web.archiving.org".

0:11:11.145,0:11:12.805
Obrigado por lembrar.

0:11:12.805,0:11:14.192
Eu estava aqui matutando.

0:11:14.192,0:11:16.342
Pô, se você pega um site [br]da década de 1990,

0:11:16.342,0:11:17.747
experiência do usuário...

0:11:17.747,0:11:19.057
Meu Deus!

0:11:19.057,0:11:21.187
Era o terror na terra.

0:11:21.187,0:11:24.087
E a gente desbravou [br]aquilo tudo, né?

0:11:24.087,0:11:25.768
Apanhou para fazer.

0:11:25.768,0:11:27.089
"Ah, então é assim [br]que funciona."

0:11:27.089,0:11:29.689
Teve alguém que falou assim:[br]"Meu Deus, isso aqui está terrível.

0:11:29.689,0:11:31.867
Eu vou ajudar o pessoal [br]a navegar melhor",

0:11:31.867,0:11:34.160
Essa pessoa merece [br]ser glorificada.

0:11:34.160,0:11:36.429
Eu acho que isso que você trouxe

0:11:36.429,0:11:39.719
é muito da cultura e da experiência[br]que nós tivemos no passado,

0:11:39.719,0:11:41.636
de hoje não ter essa paciência

0:11:41.636,0:11:44.336
de querer assistir o tutorial

0:11:44.336,0:11:47.373
que, de repente, outra geração[br]ou outra cultura tem.

0:11:47.373,0:11:49.975
Eu vejo que os americanos[br]tem muito dessa cultura.

0:11:49.975,0:11:52.244
Quando eles compram[br]uma TV, por exemplo,

0:11:52.244,0:11:56.306
de abrir a caixa, pegar o manual,[br]ficar lendo o manual, para depois...

0:11:56.306,0:11:57.862
Aqui não, aqui a gente já [br]pega a TV, coloca na tomada,

0:11:57.862,0:12:01.189
pega o controle remoto, [br]e vou aprender a mexer.

0:12:01.189,0:12:03.823
"Ah, tem uma folhinha[br]aqui explicando".

0:12:04.790,0:12:06.299
Na melhor das hipóteses,

0:12:06.299,0:12:08.679
o cara vê uma unboxing, [br]vê um review.

0:12:08.679,0:12:10.863
Para falar bem a verdade,[br]quando eu pego uma coisa

0:12:10.863,0:12:11.714
e não estou [br]conseguindo programar,

0:12:11.714,0:12:13.933
não tem dúvida, YouTube.

0:12:13.933,0:12:16.790
É uma cultura imediatista,[br]vai um pouco além de geração.

0:12:16.790,0:12:18.103
Você está vendo que até...

0:12:18.103,0:12:23.067
Ele falou assim: "A gente largou[br]o panfletinho o manual

0:12:23.067,0:12:27.020
para a gente procurar [br]o tutorial de como montar

0:12:27.020,0:12:28.447
num site,

0:12:28.447,0:12:32.251
porque o YouTube é um site,[br]o Facebook é um site.

0:12:32.251,0:12:36.249
E pela intuitividade deles[br]faz com que...

0:12:36.249,0:12:40.362
É muito mais intuitivo eu procurar[br]numa plataforma como essa

0:12:40.362,0:12:42.962
do que eu ler um manual...

0:12:42.962,0:12:44.170
- Com 500 folhas.[br]- Que é mal diagramado.

0:12:44.170,0:12:46.198
Nossa, muito mal diagramado.

0:12:46.198,0:12:48.010
E aí você fica naquela confusão...

0:12:48.010,0:12:49.500
- Faço isso, faço aquilo...[br]- E você acha na internet, né?

0:12:49.500,0:12:52.438
Por exemplo, como prosetar [br]o relógio na TV tal, tal, tal.

0:12:52.438,0:12:54.611
Tem, incrível como tem.

0:12:54.611,0:12:56.870
Então é muito mais fácil, [br]muito mais prático, né?

0:12:58.061,0:13:00.279
É o que eu falei, é [br]a cultura do imediatismo.

0:13:00.279,0:13:03.215
A gente tem que ter coisas[br]que forneçam respostas rápidas,

0:13:03.215,0:13:05.017
até para coisas que a gente...

0:13:05.017,0:13:06.819
Não tem como ser mais [br]rápido que isso, né?

0:13:06.819,0:13:09.088
A gente chegou num estado[br]que a gente pergunta para o AR?:

0:13:09.088,0:13:10.122
"Como eu programo essa TV?".

0:13:10.122,0:13:12.124
E o AR me responde:[br]"Ainda não chegamos lá".

0:13:12.124,0:13:14.122
Mas o aplicativo é uma coisa[br]que e cada vez mais

0:13:14.122,0:13:15.760
tem que ser responsivo,[br]tem que ser rápido.

0:13:15.760,0:13:18.643
Ninguém vai aturar ficar[br]no aplicativo de...

0:13:18.643,0:13:20.928
Eu já fiz, abandonar [br]o aplicativo de comida

0:13:20.928,0:13:23.522
porque o negócio ou é lerdo

0:13:23.522,0:13:25.006
ou mete uma animação [br]que não tem nada a ver,

0:13:25.006,0:13:27.367
e, consequentemente...

0:13:27.367,0:13:29.942
Na época,[br]o carregamento não ia e...

0:13:29.942,0:13:32.278
Não, e existe uma pesquisa,[br]que inclusive...

0:13:32.278,0:13:33.813
Eu não vou lembrar[br]a fonte da pesquisa.

0:13:33.813,0:13:36.492
Por favor, se vocês [br]tiverem acesso em casa,

0:13:36.492,0:13:38.441
pesquisem isso.

0:13:38.441,0:13:40.034
Mas existe uma média de...

0:13:42.194,0:13:45.324
Usuários que largam um site

0:13:45.324,0:13:48.321
se o site demorar [br]3 segundos para abrir.

0:13:49.995,0:13:52.698
A otimização é um processo [br]fundamental também.

0:13:52.698,0:13:55.000
Não basta você ter uma animação,

0:13:55.000,0:13:57.274
um motion design, bem bacana

0:13:57.274,0:13:58.904
se ele não tiver otimizado

0:13:58.904,0:14:01.913
para que o site carregue bem,[br]para que o site flua bem,

0:14:01.913,0:14:04.376
para que ele não fique[br]cheio de travamentos.

0:14:04.376,0:14:05.823
Boa!

0:14:05.823,0:14:07.562
Eu quero pegar um gancho [br]que o César trouxe

0:14:07.562,0:14:10.182
de múltiplas animações [br]e tudo mais.

0:14:10.182,0:14:13.219
Vocês, que são profissionais [br]que hoje estão na área,

0:14:13.219,0:14:16.155
atuam no dia a dia [br]com Motion Design,

0:14:16.155,0:14:20.559
eu vejo que às vezes o excesso [br]de animações e transições

0:14:20.559,0:14:23.128
pode dificultar [br]a vida do usuário.

0:14:23.128,0:14:26.966
Não adianta ter um aplicativo[br]que gira, pula, estoura,

0:14:26.966,0:14:29.535
sendo que ele não cumpre [br]com as funcionalidades básicas.

0:14:30.569,0:14:32.004
Eder, na sua opinião,

0:14:32.004,0:14:34.529
como a gente consegue [br]alcançar um equilíbrio

0:14:34.529,0:14:37.142
entre essas transições [br]e animações

0:14:37.142,0:14:39.873
e a usabilidade final[br]para o nosso usuário?

0:14:41.866,0:14:44.223
A análise [br]de otimização do site...

0:14:46.886,0:14:48.581
Se o site está rendendo bem,

0:14:48.581,0:14:51.424
é a primeira coisa que se tem [br]que fazer, identificar...

0:14:53.364,0:14:54.660
Esse excesso de animações

0:14:54.660,0:14:58.631
através [br]de uma percepção sensível

0:14:58.631,0:15:00.280
que o motion designer [br]tem que ter.

0:15:02.735,0:15:05.871
Em tudo, em qualquer trabalho,

0:15:05.871,0:15:08.243
no caso de interface digitais, porque [br]a gente está falando de animação.

0:15:08.243,0:15:10.709
Um monte de animação[br]não vai ser legal.

0:15:10.709,0:15:13.043
Se você pegar [br]para fazer um panfleto,

0:15:13.043,0:15:16.231
se utilizar o mesmo estilo,

0:15:16.231,0:15:18.851
ou o mesmo objeto, várias vezes,

0:15:18.851,0:15:20.738
ele vai cair num problema

0:15:20.738,0:15:23.894
que é um dos fundamentos [br]do design,

0:15:23.894,0:15:25.824
que é a repetição.

0:15:25.824,0:15:28.661
Então eu acho que a gente tem que[br]controlar essa questão de repetição.

0:15:28.661,0:15:31.697
A gente tem que ter o bom[br]senso e a sensibilidade

0:15:31.697,0:15:33.432
de tornar a página fluida.

0:15:33.432,0:15:37.336
E esse processo exige [br]o conhecimento do usuário.

0:15:38.270,0:15:40.773
Então, assim, [br]quando você conhece

0:15:40.773,0:15:43.310
como é o comportamento visual

0:15:43.310,0:15:44.910
diante de uma interface [br]de usuário,

0:15:44.910,0:15:49.315
você vai adquirindo automaticamente[br]e imperceptivelmente

0:15:49.315,0:15:50.950
essa sensibilidade.

0:15:52.700,0:15:53.716
E é design.

0:15:53.716,0:15:57.464
O design tem um objetivo [br]de frente de arte que é subjetiva.

0:15:57.464,0:16:00.173
Então, se você tem um objetivo,

0:16:00.173,0:16:02.166
você tem que cumprir [br]com esse objetivo.

0:16:02.166,0:16:05.487
O excesso de animação[br]vai cumprir o objetivo?

0:16:06.632,0:16:08.834
Depende de qual [br]a proposta da interface.

0:16:08.834,0:16:12.037
Se ele não estiver cumprindo [br]esse objetivo, então tira.

0:16:13.654,0:16:16.327
É preciso ter [br]essa sensibilidade,

0:16:16.327,0:16:19.777
esse bom senso de saber [br]avaliar qual é a proposta

0:16:19.777,0:16:21.360
e qual o objetivo da animação.

0:16:22.887,0:16:26.852
Com um bom briefing,[br]você vai à lugares maravilhosos.

0:16:26.852,0:16:28.224
Sensacional!

0:16:28.224,0:16:30.723
César, nós falamos aqui [br]nesse bate-papo

0:16:30.723,0:16:33.336
sobre micro interações.

0:16:34.259,0:16:36.128
Traz para nós aí [br]alguns exemplos.

0:16:36.128,0:16:40.299
Eu percebo que a micro interação

0:16:40.299,0:16:41.862
é aquela coisa que às vezes [br]o usuário não percebe,

0:16:41.862,0:16:43.222
ele não dá valor,

0:16:43.222,0:16:45.547
mas aqui faz [br]uma diferença enorme

0:16:45.547,0:16:48.007
na sua experiência [br]e na usabilidade.

0:16:48.007,0:16:51.100
Traz alguns outros exemplos [br]de micro interações

0:16:51.100,0:16:53.749
para o pessoal que está [br]assistindo a gente associar...

0:16:53.749,0:16:56.050
"Hum, isso aqui é [br]uma micro interação".

0:16:56.050,0:17:00.552
Por exemplo, quando você vai [br]preencher uma rede social

0:17:00.552,0:17:03.956
fora do seu computador, [br]fora do seu celular...

0:17:03.956,0:17:05.696
Essa é bem famosa.

0:17:05.696,0:17:07.326
A gente está acostumado a salvar

0:17:07.326,0:17:10.562
sem ter mais [br]que ficar decorando,

0:17:10.562,0:17:13.232
ou a gente mete [br]a impressão digital e acessa.

0:17:13.232,0:17:15.934
Às vezes a gente tem que acessar[br]o site fora, em outro lugar,

0:17:15.934,0:17:17.903
a sua rede social... "Qual [br]a sua senha do Facebook?".

0:17:17.903,0:17:19.258
- Eu não tenho a menor ideia.[br]- Não faço ideia

0:17:19.258,0:17:23.042
Aí você vai tentar entrar[br]com a sua senha e não funciona.

0:17:23.042,0:17:24.610
O que acontece normalmente com o campo?

0:17:24.610,0:17:28.247
A hora que você digita e erra,[br]ele tende a ficar na cor vermelha,

0:17:28.247,0:17:29.362
mas, além disso...

0:17:29.362,0:17:31.714
A gente até comenta sobre isso,[br]em relação à acessibilidade.

0:17:31.714,0:17:33.691
Só ficar na cor [br]vermelha não ajuda.

0:17:33.691,0:17:35.521
Ele dá uma tremidinha.

0:17:35.521,0:17:37.213
Isso é uma coisa que acontece...

0:17:37.213,0:17:38.083
Não vou dizer em todas, né,

0:17:38.083,0:17:41.479
mas eu acho que a maioria[br]dos aplicativos que a gente utiliza,

0:17:41.479,0:17:44.329
quando você erra alguma [br]informação, ele tende a tremer.

0:17:44.329,0:17:46.800
Quando você preenche,[br]de repente, o seu CEP errado,

0:17:46.800,0:17:50.743
você colocou seis dígitos, [br]o que normalmente tende a acontecer

0:17:50.743,0:17:53.216
é ele não te deixa ir para frente.

0:17:53.216,0:17:54.606
De repente ele [br]vai subir a página

0:17:54.606,0:17:56.675
e vai mostrar o erro[br]com uma cor diferente,

0:17:56.675,0:17:57.776
onde que você errou.

0:17:57.776,0:18:01.013
Então, essas interações, [br]desde movimento,

0:18:01.013,0:18:03.515
desde a alteração de cor,[br]ou os dois juntos,

0:18:03.515,0:18:05.017
preferencialmente os dois juntos,

0:18:05.017,0:18:09.093
vai mostrar uma espécie [br]de reforço quando você acerta,

0:18:09.093,0:18:11.216
ou ao contrário, quando [br]você erra, que é o caso aqui.

0:18:13.592,0:18:15.386
São coisas que ralmente tendem a...

0:18:17.663,0:18:19.164
Reforçar,

0:18:19.164,0:18:21.600
para que você não faça mais[br]ou você preste atenção,

0:18:21.600,0:18:24.603
ou para que, de repente,[br]quando você dá um like...

0:18:25.439,0:18:27.840
É uma coisa até [br]um pouco mais recente.

0:18:27.840,0:18:30.576
Você dá um like ou você dá um coraçãozinho,[br]dá um parabéns...

0:18:30.576,0:18:32.207
Ainda existe isso no Facebook,

0:18:32.207,0:18:35.778
de você colocar parabéns, [br]tem serpentina?

0:18:35.778,0:18:36.279
Sim.

0:18:36.279,0:18:38.387
Então, isso é um é [br]um reforço, é uma interação,

0:18:38.387,0:18:41.708
que causa ali [br]uma conexão emocional.

0:18:41.708,0:18:42.328
Porque, assim...

0:18:43.789,0:18:47.098
A parte do motion

0:18:47.098,0:18:48.627
pega um pouquinho de referência...

0:18:48.627,0:18:49.935
Atenção! Um pouquinho, tá?

0:18:49.935,0:18:53.802
De referência dos doze passos,[br]doze fundamentos da animação,

0:18:53.802,0:18:56.535
que é um livro que surgiu[br]lá na década de 1980,

0:18:56.535,0:19:00.632
que foram observações feitas[br]principalmente com produções da Disney.

0:19:00.632,0:19:01.910
Então não é alguém [br]que veio da regra.

0:19:01.910,0:19:04.510
É alguém que achou [br]elementos em comum.

0:19:04.510,0:19:07.228
E que vai influenciar[br]de alguma forma

0:19:07.228,0:19:09.381
os doze fundamentos do UX.

0:19:09.381,0:19:10.793
Qual a diferença [br]de um e de outro?

0:19:10.793,0:19:13.971
Da animação, é para criar [br]uma conexão emocional,

0:19:13.971,0:19:16.151
do UX para criar uma...

0:19:16.151,0:19:17.391
No sentido mais...

0:19:17.391,0:19:18.371
- Como eu posso dizer?[br]- Experiência.

0:19:18.371,0:19:19.211
Experiência.

0:19:19.211,0:19:22.327
Então você vai juntar um[br]com o outro, entendeu?

0:19:22.327,0:19:23.857
Fique mais no UX, tá?

0:19:23.857,0:19:25.697
Mas a questão da animação

0:19:25.697,0:19:28.060
para te trazer uma conexão [br]emocional, é fundamental.

0:19:29.140,0:19:31.270
A experiência é muito boa, [br]mas quando você sente ali

0:19:31.270,0:19:32.221
que tem uma...

0:19:32.221,0:19:34.130
A questão de você dar [br]like ou um coração

0:19:34.130,0:19:37.367
e ter toda uma animação,[br]uma alimentação,

0:19:37.367,0:19:39.077
um feedback.

0:19:39.077,0:19:41.103
torna a sua experiência [br]muito mais emocional,

0:19:41.103,0:19:42.590
que é importante também.

0:19:42.590,0:19:44.349
É bom que o aplicativo[br]funcione,

0:19:44.349,0:19:47.119
mas essa conexão emocional[br]também é fundamental.

0:19:47.119,0:19:50.930
Essas micro interações geralmente [br]trazem um pouquinho dos dois.

0:19:50.930,0:19:51.823
Sem dúvida, sem dúvida.

0:19:51.823,0:19:54.663
Vamos fazer agora[br]uma viagem no tempo

0:19:54.663,0:19:57.642
e voltar lá para 2009.

0:19:57.642,0:20:00.132
2009 foi um ano em que começou

0:20:00.132,0:20:03.168
a surgir os primeiros aplicativos

0:20:03.168,0:20:07.339
após o lançamento [br]de AppStore, Google Play,

0:20:07.339,0:20:08.941
a antiga Play Store.

0:20:08.941,0:20:12.880
Era uma época que tinha [br]diversos Smartphones,

0:20:12.880,0:20:15.672
um leque com Windows Phone,

0:20:15.672,0:20:18.477
BlackBerry, iOS,

0:20:18.477,0:20:21.687
Android, entre outros.

0:20:21.687,0:20:24.122
Voltando agora [br]para os dias de hoje,

0:20:24.122,0:20:26.215
nós temos a grande concentração

0:20:26.215,0:20:29.695
entre usuários Android e iOS.

0:20:29.695,0:20:32.798
Eder, muda alguma coisa [br]de Android para iOS

0:20:32.798,0:20:36.335
quando o assunto é motion,[br]ou é tudo a mesma coisa?

0:20:36.335,0:20:38.881
Eu acho que tem muito a ver[br]com as diretrizes do design.

0:20:41.573,0:20:43.442
Eu sou péssima com nome, [br]mas, por exemplo,

0:20:43.442,0:20:47.212
o Android usa muito [br]o Material Design do Google.

0:20:49.169,0:20:49.797
Tem essas...

0:20:50.816,0:20:53.752
Essas diferenças que são[br]muito estéticas, de estilo.

0:20:53.752,0:20:57.082
Por exemplo, o Material [br]Design é mais flat.

0:20:57.889,0:21:00.297
Você se lembra como[br]que é o nome do material...

0:21:00.297,0:21:02.561
Perdão por não lembrar.

0:21:02.561,0:21:04.810
Capaz que eu lembre no meio.

0:21:04.810,0:21:08.337
Mas o UX também [br]usa um estilo de...

0:21:08.337,0:21:09.529
Um Guidelines?

0:21:10.739,0:21:11.937
Alguma coisa assim.

0:21:11.937,0:21:13.672
Human Interface Guidelines.

0:21:13.672,0:21:15.719
Eu acho que eles têm [br]menos de flat.

0:21:15.719,0:21:19.879
Eles mexem mais [br]com sombreamento e profundidade

0:21:19.879,0:21:20.879
através de luzes.

0:21:20.879,0:21:24.249
Então tem essa diferença de diretrizes,

0:21:24.249,0:21:27.419
e de softwares que você vai usar, né,[br]de ferramentas que você vai usar.

0:21:27.419,0:21:29.250
Então você pode usar...

0:21:30.422,0:21:33.492
No Android, você pode usar Lottie,[br]você pode usar o After Effects,

0:21:33.492,0:21:37.029
para converter as suas [br]animações em JSON...

0:21:38.196,0:21:39.998
Em Flutter.

0:21:39.998,0:21:43.201
Assim, tem várias ferramentas

0:21:43.201,0:21:44.641
que diferenciam,

0:21:44.641,0:21:46.924
que são utilizadas[br]em cada sistema.

0:21:48.907,0:21:52.544
Tem suas diferenças,[br]mas o fundamento é o mesmo.

0:21:52.544,0:21:53.745
O fundamental é o mesmo,

0:21:53.745,0:21:56.397
desde que a gente [br]consiga respeitar ali

0:21:56.397,0:21:57.316
o Guidelines, né?

0:21:57.316,0:21:59.051
Traduzindo [br]para o pessoal de casa,

0:21:59.051,0:22:03.021
é um conjunto de boas práticas[br]que cada sistema operacional usa.

0:22:03.021,0:22:07.441
E vale destacar também que são [br]fundamentais muitas vezes

0:22:07.441,0:22:09.861
para o aplicativo[br]ser aceito na loja.

0:22:09.861,0:22:13.632
Porque, às vezes, se você coloca lá[br]um botão que foge da proposta

0:22:13.632,0:22:15.022
ou um botão menor,

0:22:15.022,0:22:17.102
o que a Apple, [br]o que o Google, pensam?

0:22:17.102,0:22:20.038
"O meu usuário vai ter dificuldade[br]de clicar nesse botão".

0:22:20.038,0:22:21.807
E aí, o que ele vai falar?

0:22:21.807,0:22:23.008
"Ah, esse aplicativo é ruim"?

0:22:23.008,0:22:25.812
Ele vai falar: "Esse [br]iPhone não presta".

0:22:25.812,0:22:27.879
Então eles são bem preocupados [br]com essa questão.

0:22:28.914,0:22:31.425
Nos projetos que você[br]já tocou, César,

0:22:31.425,0:22:34.699
você sentiu muita diferença [br]de iOS para Android

0:22:34.699,0:22:36.322
na hora de pensar em motion?

0:22:37.389,0:22:38.434
É que normalmente...

0:22:39.601,0:22:43.083
iOS tem uma questão com a sobreposição [br]e de arrastar para o lado.

0:22:46.372,0:22:48.190
Eles também tem uma questão

0:22:48.190,0:22:50.802
em relação a você não começar [br]o movimento muito perto da borda.

0:22:50.802,0:22:52.500
É uma recomendação que eles dão.

0:22:52.500,0:22:54.040
Não é bem uma recomendação.

0:22:54.040,0:22:55.140
Não pode, tá?

0:22:55.140,0:22:56.673
E no Android, [br]ele é um pouco mais...

0:23:00.011,0:23:01.114
Eu não sei como é hoje em dia,

0:23:01.114,0:23:02.283
mas se tinha uma certa cultura

0:23:02.283,0:23:04.683
de que o iOS era[br]um pouquinho mais chatinho.

0:23:04.683,0:23:06.619
Só que, assim, como você falou,

0:23:06.619,0:23:10.922
a gente está muito mais [br]em Android e iOS hoje.

0:23:10.922,0:23:13.060
As diferenças de tamanho de tela

0:23:13.060,0:23:15.591
são muito menores no iOS [br]do que no Android.

0:23:15.591,0:23:18.272
No Android, você tem [br]uma variedade imensa de tamanhos,

0:23:18.272,0:23:20.332
e você tem que trabalhar [br]em cima disso.

0:23:20.332,0:23:22.210
E a questão das transições [br]é assim:

0:23:22.210,0:23:25.070
"Ah, mas a transição [br]no iOS é mais suave".

0:23:26.071,0:23:27.038
É o que ele falou.

0:23:27.038,0:23:28.225
Eu acho que é muito mais [br]uma questão de...

0:23:28.225,0:23:30.619
É tão sutil, tão sutil,

0:23:30.619,0:23:33.879
que às vezes torna [br]imperceptível para o usuário.

0:23:33.879,0:23:36.615
Então é mais uma questão [br]de detalhe técnico mesmo.

0:23:36.615,0:23:38.483
A questão do design [br]como um todo,

0:23:38.483,0:23:40.585
se você comparar o WhatsApp[br]em um e em outro.

0:23:40.585,0:23:43.404
Mas é uma diferença do tipo...

0:23:43.404,0:23:44.132
Ah, um detalhe.

0:23:44.132,0:23:46.926
O iOS tinha uma preferência [br]no modo de transição,

0:23:46.926,0:23:48.727
que é o de expandir,

0:23:48.727,0:23:50.929
também chamado...

0:23:50.929,0:23:51.997
Eu vou tentar traduzir aqui.

0:23:51.997,0:23:53.899
É obscurecer,[br]se não me engano.

0:23:53.899,0:23:55.609
Onde você aplicaria ali...

0:23:55.609,0:23:58.970
Clica em uma determinada tela, [br]ela expande,

0:23:58.970,0:24:00.885
só que, o que está atrás,[br]não desaparece,

0:24:00.885,0:24:02.796
que é para te manter[br]o senso de direção,

0:24:02.796,0:24:04.176
para você não ficar perdido.

0:24:04.176,0:24:07.579
Só que, assim, o Android [br]também está fazendo isso.

0:24:07.579,0:24:09.381
Então, voltando para o WhatsApp,

0:24:09.381,0:24:11.529
a única diferença que eu vi,[br]visualmente falando,

0:24:11.529,0:24:12.918
o WhatsApp de um para o outro,

0:24:12.918,0:24:16.988
é que, em cima do Android,[br]tem uma faixinha verde

0:24:16.988,0:24:20.091
para fazer a barra superior[br]ser dividida em duas.

0:24:20.091,0:24:23.295
A superior do iOS é uma faixa [br]única com uma cor só.

0:24:23.295,0:24:24.953
Então, assim, são coisas [br]que...

0:24:24.953,0:24:28.467
Eu acho que, antigamente, o iOS [br]seria um pouco mais temido.

0:24:28.467,0:24:31.470
Mas hoje a coisa acabou[br]convergindo um pouco

0:24:31.470,0:24:33.038
e eu não vejo tantas [br]diferenças assim.

0:24:33.038,0:24:35.565
A questão de você arrastar [br]para o lado ou não...

0:24:35.565,0:24:37.913
Muita coisa do Android funciona assim[br]hoje em dia.

0:24:37.913,0:24:41.783
É, essa convergência, a gente[br]discutia muito isso no passado,

0:24:41.783,0:24:43.782
as diferenças [br]de um para o outro.

0:24:43.782,0:24:47.652
O iPhone tinha um botão[br]voltar no aplicativo.

0:24:47.652,0:24:51.156
O voltar do Android já é [br]nativo do próprio aparelho.

0:24:51.156,0:24:52.257
Tinham essas diferenças.

0:24:52.257,0:24:54.893
Mas esse lance da convergência[br]é muito legal, Eder,

0:24:54.893,0:24:58.029
porque a gente percebe[br]que as empresas olham e falam:

0:24:58.029,0:25:00.065
"Por que eu estou querendo[br]reinventar a roda?

0:25:00.065,0:25:03.152
Se meu usuário já sabe[br]que o carrinho de compra

0:25:03.152,0:25:04.642
é no canto superior direito,

0:25:04.642,0:25:07.047
por que eu vou inventar[br]moda e colocar embaixo?".

0:25:07.047,0:25:09.738
Porque as pessoas já [br]estão associando,

0:25:09.738,0:25:13.369
inclusive no caso do motion, [br]que é o nosso papo aqui,

0:25:13.369,0:25:15.147
os gestos, os movimentos,

0:25:15.147,0:25:18.457
o arrasta para cima, [br]o double tap.

0:25:20.151,0:25:22.604
iOS, Android,

0:25:22.604,0:25:27.225
são as nossas principais[br]plataformas de Smartphones,

0:25:27.225,0:25:29.027
quando gente fala [br]de sistema operacional.

0:25:29.027,0:25:32.297
Mas e quando a gente fala[br]num passo anterior

0:25:32.297,0:25:33.999
ao desenvolvimento do aplicativo,

0:25:33.999,0:25:35.491
o protótipo,

0:25:35.491,0:25:38.651
quais ferramentas vocês indicam hoje

0:25:38.651,0:25:41.848
para a gente prototipar [br]esses aplicativos

0:25:41.848,0:25:43.832
já pensando nas animações?

0:25:45.477,0:25:47.619
Figma, você pode animar [br]no Figma também.

0:25:47.619,0:25:48.482
Eu acho que é o mais comum.

0:25:50.511,0:25:51.346
Tem o Sketch.

0:25:53.121,0:25:55.287
O After Effects também.

0:25:55.287,0:25:59.023
Essas ferramentas todas,[br]você consegue prototipar,

0:25:59.023,0:26:02.063
e, de alguma forma,[br]elas têm suas integrações.

0:26:02.063,0:26:05.463
A tecnologia[br]é tão bacana hoje

0:26:05.463,0:26:08.727
porque você consegue permear

0:26:08.727,0:26:11.668
por todos os cantos,[br]por todas as ferramentas,

0:26:11.668,0:26:14.472
sem necessariamente sair,[br]abandonar outra ferramenta,

0:26:14.472,0:26:15.567
porque elas estão integradas.

0:26:17.917,0:26:19.277
São algumas.

0:26:19.277,0:26:21.480
Mas aí tem diversas ferramentas.

0:26:21.480,0:26:22.850
Tem o Lottie, né?

0:26:22.850,0:26:24.056
É, o Lottie.

0:26:24.056,0:26:25.946
Essa eu não conhecia.

0:26:25.946,0:26:26.778
O que ela faz?

0:26:27.928,0:26:30.288
- Está certo o nome, né, Lottie?[br]- É, Lottie.

0:26:30.288,0:26:31.281
Ele tem modo...

0:26:32.791,0:26:34.926
Para a galera que já trabalha[br]mais com programação,

0:26:34.926,0:26:37.200
porque ele te fornece[br]um arquivo JSON...

0:26:37.200,0:26:39.495
Depende como a pessoa pronuncia.

0:26:39.495,0:26:41.542
Se você não souber programar,

0:26:41.542,0:26:43.602
vai precisar de algum [br]desenvolvedor,

0:26:43.602,0:26:46.490
que ele te dá o código, que é [br]um código mais facilitado inclusive,

0:26:46.490,0:26:49.221
ele é mais fácil, ele roda[br]inclusive muito mais rápido.

0:26:49.221,0:26:51.977
E tem a versão mais [br]prática e multiuso.

0:26:51.977,0:26:53.381
Qualquer um pode pegar.

0:26:53.381,0:26:55.680
Você pode baixar uma animação[br]que você precisa colocar no teu...

0:26:59.724,0:27:03.341
Alguma publicação que você [br]vai fazer no Instagram.

0:27:03.341,0:27:05.441
Aí você quer, de repente,

0:27:05.441,0:27:06.391
uma caixinha de som tocando.

0:27:06.391,0:27:08.693
Você coloca lá uma caixinha [br]de som tocando.

0:27:08.693,0:27:10.795
Aí você acha a caixinha [br]de som, animada,

0:27:10.795,0:27:13.124
você consegue mudar [br]essa caixinha de som.

0:27:13.124,0:27:14.294
Não precisa programar,

0:27:14.294,0:27:16.868
pode ser do zero, tanto [br]o fundo quanto a figura,

0:27:16.868,0:27:19.770
e você consegue adaptar,

0:27:19.770,0:27:22.572
de que maneira ela vai se mexer,[br]de que maneira ela vai animar,

0:27:22.572,0:27:25.644
e você consegue baixar em MP4,

0:27:25.644,0:27:28.480
GIF e o JSON.

0:27:28.480,0:27:31.249
Então, se você já baixa no formato[br]para você utilizar na hora,

0:27:31.249,0:27:33.788
você mexe na sua publicação[br]imediatamente.

0:27:33.788,0:27:35.593
Você transforma vetor, [br]ou imagem,

0:27:35.593,0:27:38.073
que é superpesado, em código,

0:27:38.073,0:27:40.176
e aí você pode levar [br]para o VS Code

0:27:40.176,0:27:42.454
e o front-end pode só aplicar

0:27:42.454,0:27:44.584
o código JSON no site dele

0:27:44.584,0:27:46.064
e vai ter a animação lá.

0:27:46.064,0:27:49.928
E caso você queira [br]uma funcionalidade de cliques

0:27:49.928,0:27:51.435
aí é código,

0:27:51.435,0:27:54.723
muitas vezes em CSS[br]ou alguma coisa em JavaScript.

0:27:54.723,0:27:55.517
Sensacional!

0:27:55.517,0:27:59.177
Essa então seria uma forma [br]de pular uma barreira.

0:27:59.177,0:28:01.146
Quando a gente fala em animação,

0:28:01.146,0:28:03.948
quando a gente volta lá[br]para meados dos anos 1990,

0:28:03.948,0:28:07.157
vocês devem lembrar do Adobe Flash.

0:28:07.157,0:28:10.321
Nossa! Eu tinha certeza absoluta[br]que você ia levar a gente

0:28:10.321,0:28:11.957
para o fundo do...

0:28:11.957,0:28:13.009
Não, eu estou brincando, Flash.

0:28:13.009,0:28:15.327
Você foi muito útil[br]por muito tempo.

0:28:15.327,0:28:16.595
Resgatei agora o Adobe Flash.

0:28:16.595,0:28:19.195
- Eu fiz um curso em 2008... [br]- O terror dos web designers.

0:28:19.195,0:28:20.592
Flash CS5.

0:28:20.592,0:28:21.609
O Flash é traumático.

0:28:21.609,0:28:24.869
Era pesado [br]e prejudicava a experiência.

0:28:24.869,0:28:27.147
O carregamento do site,

0:28:27.147,0:28:29.407
o aplicativo, na época, [br]não existia ainda,

0:28:29.407,0:28:32.677
os Smartphones são pós 2007.

0:28:32.677,0:28:36.481
Mas quando a gente fala[br]desses desafios técnicos,

0:28:36.481,0:28:37.607
esse é um exemplo que você deu,

0:28:37.607,0:28:40.118
de converter em SVG,[br]converter em código

0:28:40.118,0:28:42.821
para não prejudicar[br]a performance do aplicativo.

0:28:42.821,0:28:44.489
Tem outras dicas e truques?

0:28:44.489,0:28:46.157
É sobre o usuário,

0:28:46.157,0:28:47.859
é tudo sobre o usuário

0:28:47.859,0:28:49.368
é o que ele precisa,[br]o que ele quer,

0:28:49.368,0:28:52.964
para ter a melhor experiência [br]possível diante de uma tela.

0:28:54.985,0:28:56.099
Eu acho que é sobre isso.

0:28:57.751,0:28:58.791
O UX Motion...

0:28:58.791,0:29:01.875
A gente estava conversando[br]sobre isso, né, César?

0:29:03.875,0:29:05.926
O código hoje...

0:29:05.926,0:29:07.912
Eu sei que muita gente torce o nariz,

0:29:07.912,0:29:11.116
principalmente quem [br]não é da programação.

0:29:11.116,0:29:13.005
Mas é algo que a gente[br]tem que lidar.

0:29:14.775,0:29:16.225
E eu não gosto de ser clichê,

0:29:16.225,0:29:19.028
mas normalmente é clichê[br]é porque é verdade.

0:29:19.028,0:29:21.405
É um novo idioma,[br]um novo inglês.

0:29:23.194,0:29:26.898
A pessoa que hoje está preparada [br]para lidar com código,

0:29:26.898,0:29:29.434
ela está um passo[br]na frente dos outros.

0:29:29.434,0:29:33.004
Opa! Então quer dizer que, mesmo[br]eu só trabalhando ali com design,

0:29:33.004,0:29:34.472
eu tenho que sair[br]da minha zona de conforto

0:29:34.472,0:29:36.628
e entender um pouquinho[br]o que aquele código faz?

0:29:36.628,0:29:39.607
Você precisa saber [br]se vai pegar o arquivo JSON

0:29:39.607,0:29:41.918
na hora que você exportar [br]uma animação Lottie.

0:29:41.918,0:29:44.521
Você precisa saber [br]o que está escrito ali.

0:29:44.521,0:29:48.153
Vai ter uma série de sintaxes, [br]parâmetros e valores.

0:29:48.153,0:29:52.175
Então, você precisa saber[br]para que você possa otimizar melhor

0:29:52.175,0:29:53.558
o seu site, caso necessário.

0:29:53.558,0:29:56.861
E quando você tem [br]o domínio dessas ferramentas,

0:29:56.861,0:29:59.028
você fica muito mais tranquilo

0:29:59.028,0:30:02.338
para lidar [br]com as resoluções dos problemas.

0:30:02.338,0:30:04.702
E da mesma forma que o designer

0:30:04.702,0:30:07.238
começou a aprender[br]um pouquinho de código,

0:30:07.238,0:30:09.307
é importante o desenvolvedor [br]também sacar

0:30:09.307,0:30:12.544
o que o designer pensou[br]para aquela aplicação.

0:30:13.478,0:30:15.680
Conte para nós, César,

0:30:15.680,0:30:17.990
vocês, que estão [br]no mercado hoje,

0:30:17.990,0:30:20.306
dá muito ruim se os dois [br]não se conversarem,

0:30:20.306,0:30:21.316
não se entenderem ali?

0:30:21.316,0:30:22.399
Ah, dá muito péssimo.

0:30:24.796,0:30:26.926
Às vezes eu percebo...

0:30:26.926,0:30:29.186
Até leio em alguns fóruns [br]de vez em quando nos comentários,

0:30:29.186,0:30:31.831
algum designer vai lá, coloca [br]mais ou menos a arte dele,

0:30:31.831,0:30:34.165
uma noção do que ele [br]pretende fazer,

0:30:34.165,0:30:37.035
e aí tem lá o comentário, [br]que é o protótipo, de alguém:

0:30:37.035,0:30:39.830
"Quero ver o dev se virar [br]para fazer isso".

0:30:40.702,0:30:41.702
Ele que lute, né?

0:30:42.574,0:30:44.287
É, ele que lute.

0:30:44.287,0:30:46.314
Até os membros, que eu vejo[br]de vez em quando, um dev olhando...

0:30:46.314,0:30:48.256
"Mano, que mundo [br]esse cara vive?".

0:30:49.796,0:30:51.583
É importante para você saber...

0:30:51.583,0:30:53.598
É de maneira geral, tá?

0:30:53.598,0:30:55.665
Boa parte de qualquer [br]área de criação,

0:30:55.665,0:30:58.671
você sempre tem [br]uma fragmentação,

0:30:58.671,0:31:02.831
e essa fragmentação [br]inclusive tende a ir sumindo...

0:31:04.048,0:31:05.530
A fragmentação de áreas,[br]por exemplo.

0:31:05.530,0:31:08.733
Então, só para dar um exemplo,[br]a gente estava conversando ali atrás,

0:31:08.733,0:31:11.285
eu pego algumas vagas de vez em quando [br]para Design Instrucional

0:31:11.285,0:31:14.105
e eu vejo algumas especificações [br]que eles pedem.

0:31:14.105,0:31:16.441
Só retomando rapidinho[br]a questão da programação,

0:31:16.441,0:31:17.709
do seu novo inglês.

0:31:17.709,0:31:20.520
Aí você tem lá o que eles pedem[br]como design instrucional,

0:31:20.520,0:31:23.527
que é uma coisa ligada [br]à pedagogia, essencialmente.

0:31:23.527,0:31:26.003
Mas eles já transformaram [br]o designer pedagogo

0:31:26.003,0:31:27.752
também designer, entendeu?

0:31:27.752,0:31:30.157
E agora, não[br]não contente com isso,

0:31:30.157,0:31:31.923
eu pego umas empresas,[br]grandes inclusive,

0:31:31.923,0:31:33.758
pedindo para saber fazer isso aqui,

0:31:33.758,0:31:36.355
o audiovisual, captação [br]e edição, a parte de design,

0:31:36.355,0:31:39.550
a parte de emotion, [br]e programação.

0:31:40.531,0:31:42.817
Eu tenho vontade [br]de responder na entrevista:

0:31:42.817,0:31:43.678
aceitam fritas também?

0:31:45.448,0:31:48.665
Realmente é importante você ter

0:31:48.665,0:31:50.375
um mínimo de conhecimento,

0:31:50.375,0:31:51.743
por exemplo, que é o que eu [br]tenho em programação,

0:31:51.743,0:31:55.079
para você saber, na hora [br]de você pedir uma transição.

0:31:55.079,0:31:57.119
por que você quer [br]aquela transição.

0:31:58.499,0:32:01.286
É realmente necessária [br]aquela transição?

0:32:01.286,0:32:04.289
Ela está extrapolando a parte [br]artística, e é egocêntrica?

0:32:04.289,0:32:07.292
Eu sempre vou falar ?[br]como designer.

0:32:07.292,0:32:09.382
Mas ela realmente é necessária?

0:32:09.382,0:32:11.193
O desenvolvedor ?

0:32:11.193,0:32:14.366
Isso aqui realmente [br]pode prejudicar

0:32:14.366,0:32:16.086
a fluidez do nosso sistema?

0:32:16.086,0:32:16.702
Pode.

0:32:16.702,0:32:17.702
O que a gente pode fazer?

0:32:17.702,0:32:21.108
Olha, você pode, de repente, [br]tirar a FPS, por exemplo.

0:32:21.108,0:32:23.061
Ou se não, "Tem realmente..."

0:32:23.061,0:32:24.974
Agora o desenvolvedor [br]para o designer.

0:32:24.974,0:32:26.201
"Tem realmente a necessidade

0:32:26.201,0:32:29.135
de você meter [br]essas transições aqui?

0:32:29.959,0:32:31.010
Você não pode adaptar?".

0:32:31.010,0:32:34.064
Então é sempre bom [br]a gente ir um pouco além

0:32:34.064,0:32:36.521
daquela questão do... "Não, [br]botem os dois para jantar juntos".

0:32:36.521,0:32:39.369
Não, amigo, [br]não é isso que vai...

0:32:39.369,0:32:41.626
É você colocar os dois [br]para trabalharem juntos.

0:32:41.626,0:32:44.102
O que eu percebo[br]é que, cada vez mais...

0:32:44.102,0:32:45.962
Inclusive a gente estava [br]conversando sobre isso,

0:32:45.962,0:32:49.219
que os designers estão...

0:32:49.219,0:32:51.769
Até vendo um pouco do futuro.

0:32:51.769,0:32:54.562
Indo para a parte de programação,[br]necessariamente.

0:32:55.699,0:32:59.210
Primeiro, porque talvez ele não [br]seja um baita desenvolvedor,

0:32:59.210,0:33:01.446
mas ele minimamente[br]sabe trabalhar aquilo ?

0:33:01.446,0:33:03.339
Então ele vai ter consciência[br]de.. "Não, espera um pouquinho.

0:33:03.339,0:33:05.633
A hora que o cara ali [br]for desenvolver..."

0:33:06.484,0:33:08.056
Eu estou pesando a mão.

0:33:08.056,0:33:09.650
Então, num primeiro momento,

0:33:09.650,0:33:12.800
é botar os dois para que eles [br]demonstrem, primeiro,

0:33:12.800,0:33:15.783
qual é a função da minha questão

0:33:15.783,0:33:19.097
prática do design,[br]artística também, claro,

0:33:19.097,0:33:21.639
e principalmente [br]o caminho contrário,

0:33:21.639,0:33:22.691
que é você ver [br]o desenvolvedor...

0:33:22.691,0:33:24.203
"Olha, qual é ...".

0:33:24.203,0:33:26.534
Não é só o trabalho [br]que eu vou ter, entendeu,

0:33:26.534,0:33:29.374
mas olhe o tanto de cor, recurso [br]e tempo, que são fundamentais.

0:33:29.374,0:33:30.587
Às vezes eu não tenho tempo.

0:33:30.587,0:33:31.722
E olha quanto eu vou gastar.

0:33:33.147,0:33:34.672
É realmente necessário?

0:33:34.672,0:33:35.902
"Não é, cara, me desculpe.

0:33:35.902,0:33:37.140
Eu vou fazer isso aqui."

0:33:38.622,0:33:40.618
Então, essa parte [br]de trabalho em equipe,

0:33:40.618,0:33:43.367
um saber as dificuldades [br]do trabalho do outro,

0:33:43.367,0:33:44.450
você pode pegar isso e aplicar

0:33:44.450,0:33:46.791
em qualquer área [br]de criação que você quiser.

0:33:46.791,0:33:47.492
Muito bom!

0:33:47.492,0:33:50.762
Então estamos enxergando aqui[br]tendências do mercado.

0:33:50.762,0:33:52.652
Falamos do passado, [br]e agora nós vamos falar

0:33:52.652,0:33:54.902
do futuro barra presente.

0:33:54.902,0:33:56.985
Eder, como você enxerga

0:33:56.985,0:33:59.755
o papel da Inteligência [br]Artificial hoje

0:33:59.755,0:34:02.473
em tempos de IAs generativas

0:34:02.473,0:34:06.418
desempenhando um papel[br]nessas animações e transações?

0:34:06.418,0:34:10.481
A IA, por si, tem a tendência

0:34:10.481,0:34:14.652
de automatizar os processos[br]criar padrões.

0:34:14.652,0:34:18.137
Eu acho que isso é inevitável,[br]já está acontecendo muito.

0:34:18.137,0:34:19.424
Eu acho que talvez...

0:34:19.424,0:34:20.844
Eu não sou futurista,

0:34:20.844,0:34:24.139
mas eu acredito

0:34:24.139,0:34:29.019
que a tendência[br]é a integração de IAs

0:34:29.019,0:34:31.936
em novos processos tecnológicos,[br]por exemplo, Realidade Aumentada...

0:34:33.197,0:34:36.007
Como a IA vai se integrar[br]com a Realidade Aumentada.

0:34:37.608,0:34:39.621
Como a IA vai subsidiar...

0:34:42.346,0:34:43.915
O Motion Design.

0:34:43.915,0:34:47.952
Já tem hoje IAs [br]que criam animações.

0:34:47.952,0:34:50.121
Eu acho que é tudo [br]uma questão agora de aperfeiçoar.

0:34:50.121,0:34:52.219
Eu acho que, com o tempo,[br]isso vai aperfeiçoando.

0:34:55.426,0:34:57.595
Eu acho que tem a ver mais

0:34:57.595,0:35:00.598
com a automatização [br]de funcionalidades.

0:35:00.598,0:35:03.368
Porque o Motion Design

0:35:03.368,0:35:07.195
são funcionalidades e emoções,

0:35:07.195,0:35:09.803
então ele caminha entre...

0:35:09.803,0:35:13.359
Ele transforma algo técnico[br]em algo humano.

0:35:14.850,0:35:16.410
Eu vou ser mais...

0:35:16.410,0:35:18.449
Eu acho que eu vou ser [br]mais preciso agora.

0:35:18.449,0:35:21.247
Ele faz com que,

0:35:21.247,0:35:22.987
através das ferramentas dele,

0:35:22.987,0:35:26.858
o usuário tenha sensações.

0:35:29.994,0:35:33.210
Eu acredito que a IA vai entrar aí,

0:35:33.210,0:35:36.423
vai otimizar esses processos,[br]automatizar esses processos,

0:35:36.423,0:35:38.330
para que as sensações [br]sejam mais...

0:35:39.570,0:35:40.770
Sensacionais.

0:35:40.770,0:35:44.775
Quase parafraseando [br]o Djonga aqui...

0:35:47.345,0:35:50.092
Num podcast sobre UX Motion.

0:35:50.092,0:35:51.182
Mas é válido.

0:35:51.182,0:35:52.103
Grande Djonga!

0:35:53.452,0:35:54.952
Então é mais sobre isso,

0:35:54.952,0:35:57.922
como a IA pode melhorar[br]essa navegação

0:35:57.922,0:36:01.492
a ponto do usuário[br]se sentir mais confortável.

0:36:01.492,0:36:04.362
Aí é um mundo de possibilidades.

0:36:04.362,0:36:07.465
Mas eu acredito muito[br]que está nessa construção de padrões

0:36:07.465,0:36:09.468
e automatização [br]das funcionalidades.

0:36:09.468,0:36:13.304
Na sua opinião, César, até onde ajuda[br]e até onde é um ponto de atenção

0:36:13.304,0:36:15.392
para os profissionais [br]que trabalham com isso

0:36:15.392,0:36:17.593
e usam a IA no seu dia a dia?

0:36:19.218,0:36:21.258
Taí um tema que, se você deixar,[br]eu vou ficar duas horas aqui falando.

0:36:21.258,0:36:23.247
Me deixe fazer um recorte então.

0:36:23.247,0:36:24.620
Eu acho que, a princípio...

0:36:26.984,0:36:29.554
Ele tende a facilitar a automatização[br]de alguns processos.

0:36:29.554,0:36:31.122
Então ele tende, de repente...

0:36:32.877,0:36:35.359
A facilitar alguns trabalhos [br]um pouco mais simples,

0:36:35.359,0:36:38.029
onde você precisa [br]de umas transições mais...

0:36:38.029,0:36:41.966
Porque a Inteligência Artificial,[br]na verdade, não cria, tá?

0:36:41.966,0:36:44.268
Ela depende de repositórios [br]e treinamento.

0:36:44.268,0:36:46.837
Então, muitos artistas,[br]inclusive da área,

0:36:46.837,0:36:49.106
têm reclamado porque [br]eles percebem

0:36:49.106,0:36:51.509
que muitos trabalhos deles[br]têm sido roubados,

0:36:51.509,0:36:54.512
Sabe aquele negócio,[br]copia mas não faz igual?

0:36:55.346,0:36:56.921
Você tem artistas [br]de diversos setores...

0:36:56.921,0:36:58.103
Roube como um artista.

0:36:58.103,0:36:59.483
Exatamente.

0:36:59.483,0:37:00.632
E o que é bem verdade, né?

0:37:00.632,0:37:03.287
Historicamente falando, [br]sempre se roubou muito.

0:37:03.287,0:37:04.922
Só que quem é roubado não gosta.

0:37:04.922,0:37:07.124
Então você tem vários ilustradores,[br]por exemplo, que pensam:

0:37:07.124,0:37:08.925
"Opa, esse estilo aqui é meu!",

0:37:08.925,0:37:10.331
e não ganham uma vírgula[br]por causa disso.

0:37:10.331,0:37:13.965
Então a coisa precisa passar [br]por uma regulamentação.

0:37:13.965,0:37:15.399
Mas, num primeiro momento...

0:37:15.399,0:37:17.452
E também tem muita a questão

0:37:17.452,0:37:20.401
de um certo terrorismo [br]momentâneo em relação...

0:37:20.401,0:37:22.006
"A IA vai roubar o seu trabalho.

0:37:22.006,0:37:24.242
Então, compre a sua IA,[br]aprenda com a gente,

0:37:24.242,0:37:26.271
mas pega o pacote pago".

0:37:26.271,0:37:28.134
Entendi. Vocês estão tentando [br]fazer uma venda,

0:37:28.134,0:37:31.101
cada IA está tentando fazer [br]a sua venda, entendeu?

0:37:31.101,0:37:34.252
Num primeiro momento, eu acho [br]que o que você pode fazer,

0:37:34.252,0:37:36.754
se você é da área de design, [br]é: vá fazer programação.

0:37:37.822,0:37:38.656
É essencial.

0:37:38.656,0:37:41.826
Eu acho que tem uma coisa que é [br]importante também, que é moderação.

0:37:42.660,0:37:45.997
Use com moderação,[br]porque a sua ferramenta

0:37:45.997,0:37:47.911
é muito mais [br]que um After Effects,

0:37:47.911,0:37:49.190
com o Lottie, com...

0:37:49.190,0:37:51.634
A sua ferramenta é [br]o processo criativo.

0:37:51.634,0:37:53.124
É o justificativo, né?

0:37:53.124,0:37:55.373
Então, quanto mais você usa...

0:37:56.223,0:37:58.009
Eu não queria usar [br]esta metáfora,

0:37:58.009,0:37:59.345
mas é que me vem [br]à cabeça agora.

0:37:59.345,0:38:01.355
É como se fosse uma droga a IA.

0:38:02.240,0:38:04.921
Eu não estou subjugando as IAs.

0:38:04.921,0:38:06.751
Eu acho que elas [br]têm muita utilidade.

0:38:06.751,0:38:10.138
Mas um uso excessivo[br]tivesse esse seu processo criativo...

0:38:11.687,0:38:13.887
A depender da IA[br]para poder criar.

0:38:16.060,0:38:19.083
E no design, [br]na arte como um todo...

0:38:20.324,0:38:23.200
Você precisa aguçar [br]o seu processo criativo.

0:38:23.200,0:38:25.902
Isso se baseia em referências,

0:38:25.902,0:38:27.872
em influências [br]do seu meio social.

0:38:27.872,0:38:29.882
Então busque muitas referências.

0:38:29.882,0:38:31.942
Vá em museus, vá em teatro,

0:38:31.942,0:38:34.364
vá em exposições,

0:38:34.364,0:38:36.314
e use a IA com moderação,

0:38:36.314,0:38:38.540
porque se você usar [br]com moderação,

0:38:38.540,0:38:41.163
você vai manter seu processo [br]criativo, vai estimular,

0:38:41.163,0:38:42.432
e aí você vai ter toda...

0:38:45.295,0:38:47.825
A capacidade[br]de oferecer o seu trabalho

0:38:47.825,0:38:50.818
da melhor maneira possível,[br]sem se condicionar,

0:38:50.818,0:38:52.590
se limitar à uma ferramenta.

0:38:52.590,0:38:54.441
Essa parte de se condicionar [br]é boa também

0:38:54.441,0:38:55.724
na questão [br]de às vezes você ficar...

0:38:55.724,0:38:57.766
Às veses o cara que é designer,

0:38:57.766,0:39:00.099
se ele começar [br]a utilizar muito a IA,

0:39:00.099,0:39:03.974
ele vai ficar preso a um certo [br]nicho de estilo, vamos dizer assim,

0:39:03.974,0:39:06.444
e ele acaba não [br]inovando, entendeu?

0:39:06.444,0:39:08.179
Então a questão de você ficar[br]pegando referência,

0:39:08.179,0:39:09.124
é que às vezes você tem um insight...

0:39:09.124,0:39:10.414
"Opa! Peraí...",

0:39:10.414,0:39:12.283
que é o que a gente [br]chama de inovação, né?

0:39:12.283,0:39:13.381
Porque a parte de inovação...

0:39:13.381,0:39:15.110
Eu sempre falo isso[br]para o pessoal de criação.

0:39:16.420,0:39:18.422
Você não vai criar nada do zero, tá?

0:39:18.422,0:39:21.459
Então, assim, perca essa ilusão[br]e perca esse peso nas costas,

0:39:21.459,0:39:23.861
porque às vezes o pessoal da área [br]de publicidade tem muito esse peso.

0:39:23.861,0:39:25.336
"Bom, mas como eu vou criar[br]alguma coisa do nada?".

0:39:25.336,0:39:26.498
Não é do nada, meu amigo!

0:39:27.248,0:39:28.199
Assim...

0:39:29.800,0:39:33.110
É uma escola pedagógica[br]que tem alguns milhares de anos.

0:39:33.110,0:39:34.306
Primeiro você vai [br]aprender a copiar.

0:39:34.306,0:39:35.306
É copiar mesmo.

0:39:35.306,0:39:36.018
Só não vende.

0:39:36.018,0:39:37.508
Você vai aprender a copiar.

0:39:37.508,0:39:39.620
Aí você vai copiar, [br]copiar, copiar...

0:39:39.620,0:39:42.847
Isso é em qualquer área,[br]em qualquer faculdade.

0:39:42.847,0:39:44.315
Ele vai reclamar com você...

0:39:44.315,0:39:47.585
"Mas eu não vim aqui para ser [br]reprodutor ou falsificador.

0:39:47.585,0:39:48.352
Eu vim aqui para criar".

0:39:48.352,0:39:50.909
Calma! Agora, todas [br]essas cópias que você fez

0:39:50.909,0:39:53.372
de diversos segmentos, [br]várias referências,

0:39:53.372,0:39:55.092
você vai criar o seu.

0:39:55.092,0:39:57.610
Então você vai fazer [br]um aplicativo para...

0:39:57.610,0:39:59.230
Não sei... Comida.

0:39:59.230,0:40:02.533
Pega o que melhor[br]você teve de experiência

0:40:02.533,0:40:03.836
em todos esses aplicativos.

0:40:03.836,0:40:06.582
Então a transição, [br]eu vou pegar desse,

0:40:06.582,0:40:10.523
de repente, uma micro interação ali, [br]eu vou pegar desse,

0:40:10.523,0:40:13.210
e um outro recurso, de feedback, [br]eu vou pegar desse.

0:40:13.210,0:40:14.262
Então você pegou todos,

0:40:14.262,0:40:16.647
adaptou para o estilo [br]que você acha melhor...

0:40:16.647,0:40:18.516
"Essa micro interação é legal,[br]mas pode melhorar".

0:40:18.516,0:40:20.532
Pronto, tudo o que você [br]consumiu, você pegou,

0:40:20.532,0:40:22.586
juntou, transformou, [br]e criou seu.

0:40:22.586,0:40:23.717
Isso chama-se inovação.

0:40:23.717,0:40:24.602
Você ? nada.

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

0:40:28.126,0:40:28.996
É diferente de plágio.

0:40:28.996,0:40:30.503
Plágio é uma coisa que você pega,

0:40:30.503,0:40:33.731
que não é sua, para fazer [br]como se fosse sua.

0:40:33.731,0:40:35.109
A mesma coisa se você [br]pegar o iFood aqui,

0:40:35.109,0:40:37.201
você vai lá e faz exatamente [br]a mesma coisa, e muda a cor.

0:40:37.201,0:40:37.822
Amigão...

0:40:39.940,0:40:42.037
Você não inovou, entendeu?

0:40:42.037,0:40:45.142
Essa questão da criação,[br]calma, baixe a bola,

0:40:45.142,0:40:47.378
pegue referências, e aí[br]você vai ter um insight.

0:40:47.378,0:40:49.650
Como você vai ter insight[br]se você não tem referências?

0:40:49.650,0:40:51.017
Foi o que ele falou.

0:40:51.017,0:40:51.850
Exatamente.

0:40:51.850,0:40:52.850
Não precisoreinventar a roda.

0:40:52.850,0:40:55.595
O problema da Inteligência [br]Artificial, o meu medo,

0:40:55.595,0:40:58.470
é que ela comece [br]a encaixotar demais as pessoas,

0:40:58.470,0:41:00.537
que as pessoas fiquem [br]muito confortáveis

0:41:00.537,0:41:02.660
Porque criar dá trabalho, hein?

0:41:02.660,0:41:05.162
Então eu vou ficar muito encaixotado[br]aqui na Inteligência Artificial,

0:41:05.162,0:41:07.038
vou lá, faço o prompt, [br]ele vai criar,

0:41:07.038,0:41:08.098
e para o mercado está bom.

0:41:08.098,0:41:08.881
E não é assim.

0:41:08.881,0:41:10.501
Esse é um bom ponto.

0:41:10.501,0:41:14.271
E, infelizmente, estamos chegando[br]ao final deste bate-papo,

0:41:14.271,0:41:16.077
Passou super-rápido!

0:41:16.077,0:41:17.397
- Meu Deus! Já?[br]- Voa!

0:41:17.397,0:41:19.215
A gente não pode ficar [br]mais três horas aqui?

0:41:20.330,0:41:23.116
O papo está bom, e eu tenho [br]certeza que o pessoal de casa

0:41:23.116,0:41:25.316
continuaria escutando a gente.

0:41:25.316,0:41:27.284
Mas estamos chegando ao fim.

0:41:27.284,0:41:29.642
E, para finalizar,[br]a gente vai fazer aqui

0:41:29.642,0:41:31.555
um exercício de futurismo.

0:41:32.289,0:41:34.150
Depois da Inteligência Artificial,

0:41:34.150,0:41:37.814
quais são outras tendências[br]que vocês imaginam

0:41:37.814,0:41:39.964
para essa área de Motion Design?

0:41:39.964,0:41:41.933
O que vem pela frente, Eder?

0:41:41.933,0:41:43.751
Caramba, cara!

0:41:45.269,0:41:48.116
Eu acho que o fortalecimento [br]das IAs mesmo.

0:41:49.159,0:41:50.829
Porque, assim...

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

0:41:55.112,0:41:57.077
E ela está só no começo,

0:41:57.077,0:42:00.217
então ela está mudando [br]alguns paradigmas

0:42:00.217,0:42:03.070
Eu acho que a gente ainda [br]tem muito para explorar.

0:42:04.021,0:42:06.005
E dentro do que a gente [br]pensa por IA,

0:42:06.005,0:42:07.825
muita coisa pode aparecer.

0:42:07.825,0:42:09.960
Integrações, superagentes...

0:42:09.960,0:42:13.430
Então, para mim, isso cria[br]uma cortina de fumaça.

0:42:13.430,0:42:17.234
Eu acho que está muito aberto[br]e tem muita coisa nova para surgir.

0:42:17.234,0:42:18.807
Eu acho isso muito bacana.

0:42:20.070,0:42:22.728
Então eu acredito nisso,[br]muitas integrações...

0:42:25.101,0:42:28.879
E a IA conseguindo transformar[br]funcionalidades

0:42:28.879,0:42:31.227
que às vezes a gente fazia na unha,

0:42:31.227,0:42:33.032
melhorando processos...

0:42:33.032,0:42:35.719
Converter o código, [br]que já está fazendo isso hoje.

0:42:35.719,0:42:38.994
Eu acredito que vai por aí.

0:42:38.994,0:42:42.179
Isso pensando num futuro próximo,

0:42:43.160,0:42:45.165
Mas um futuro distante,

0:42:45.165,0:42:48.560
eu não conseguiria prever,

0:42:48.560,0:42:50.200
ou tentar prever.

0:42:50.200,0:42:51.664
Infelizmente, eu não tenho esse...

0:42:54.190,0:42:56.213
Essa qualidade de Mãe Dinah.

0:43:00.752,0:43:02.182
Eu acho que IA,

0:43:02.182,0:43:04.442
eu acho que a IA vai dar [br]muito o que falar ainda.

0:43:04.442,0:43:05.282
E já está dando, né?

0:43:05.282,0:43:08.018
Pouco tempo atrás,[br]teve o DeepSeek aí

0:43:08.018,0:43:10.854
causando um fervor no mercado.

0:43:10.854,0:43:12.089
Que tem a ver muito com inovação.

0:43:12.089,0:43:14.491
Mas isso é um assunto [br]para outro bate-papo.

0:43:14.491,0:43:15.787
Mas com certeza.

0:43:15.787,0:43:19.732
Eu acho que a IA [br]vai se aprofundar

0:43:19.732,0:43:22.059
e a gente vai descobrir muitas [br]coisas bacanas ainda com IA.

0:43:22.059,0:43:22.682
Boa!

0:43:22.682,0:43:24.466
E, na sua opinião, César?

0:43:25.936,0:43:28.172
Eu vou me contrariar só para dar [br]um outro ponto de vista.

0:43:28.172,0:43:29.440
Então vamos lá!

0:43:29.440,0:43:32.608
Eu acho que, em história...

0:43:32.608,0:43:33.728
Um dos meus negócios é...

0:43:33.728,0:43:35.288
Eu estava fazendo [br]faculdade de história.

0:43:35.288,0:43:36.241
Tive que dar uma pausa.

0:43:36.241,0:43:37.561
Mas, assim, em história

0:43:37.561,0:43:39.876
tem uma coisa que a gente [br]chama de filosofia da história,

0:43:39.876,0:43:41.685
que é uma tendência...

0:43:41.685,0:43:43.443
As pessoas tendem [br]a achar que isso existe,

0:43:43.443,0:43:44.596
que a história se repete.

0:43:44.596,0:43:46.256
Não, tá?

0:43:46.256,0:43:48.263
Cada e cada momento histórico[br]tem um contexto.

0:43:48.263,0:43:48.988
Mas...

0:43:48.988,0:43:50.628
Agora eu vou me contrariar.

0:43:50.628,0:43:54.431
Eu acho que se você parar para ver,[br]eu conheço algumas produtoras,

0:43:54.431,0:43:57.868
inclusive uns designers freelas,

0:43:57.868,0:44:00.815
que eles prestam serviço[br]para algum cliente,

0:44:00.815,0:44:02.707
e o cliente faz [br]questão de enfatizar

0:44:02.707,0:44:05.020
que toda aquela campanha [br]foi feita com IA

0:44:05.020,0:44:07.291
mesmo que não tenha sido, tá?

0:44:07.291,0:44:09.057
Teve um desenvolvedor.

0:44:09.057,0:44:10.247
É só bater o carimbo...

0:44:10.247,0:44:12.850
- "Olha como somos inovadores" e tal.[br]- "Usamos IA."

0:44:12.850,0:44:14.952
E teve um momento na história,[br]no século XIX

0:44:14.952,0:44:16.220
durante a Revolução Industrial...

0:44:16.220,0:44:19.590
Porque, assim, a gente teve [br]a serialização de produtos,

0:44:19.590,0:44:21.959
de qualquer coisa, copos, canecas

0:44:21.959,0:44:23.519
Então são produzidas em série,

0:44:23.519,0:44:25.529
e que facilita [br]que muita gente tenha.

0:44:25.529,0:44:29.033
E isso é um efeito bom, que facilita[br]que do mundo tenha, é mais barato.

0:44:29.033,0:44:30.501
Só que, assim, todo mundo tem.

0:44:30.501,0:44:32.087
Isso cria um efeito contrário,

0:44:32.087,0:44:34.571
que nasce principalmente [br]com Morris e com Ruskin,

0:44:34.571,0:44:37.441
que eram defensores[br]de uma cultura do artesanal,

0:44:37.441,0:44:39.677
e que você tem público [br]para issoaté hoje.

0:44:39.677,0:44:40.989
Você pode perceber, [br]de repente...

0:44:40.989,0:44:44.993
"Ah, por que essa caneca [br]aqui custa 500 reais

0:44:44.993,0:44:48.147
sendo que eu posso comprar [br]uma caneza igualzinha em qualquer lugar

0:44:48.147,0:44:50.121
que custa 15, 10 reais?".

0:44:50.121,0:44:51.221
- Porque ela é única.[br]- Porque ela é única...

0:44:51.221,0:44:53.487
Ela foi feita à mão, [br]que é o mais ou menos...

0:44:54.992,0:44:57.293
Aquele carro inglês [br]que é feito inteiro à mão.

0:44:57.293,0:44:59.463
Ele é costurado à mão, [br]ele é pintado à mão.

0:44:59.463,0:45:02.499
Então eu acho que, num futuro [br]médio, vamos dizer assim,

0:45:02.499,0:45:06.103
vai ter uma certa tendência [br]de algumas empresas

0:45:06.103,0:45:10.298
colocarem o selo feito [br]manualmente, para fugir....

0:45:10.298,0:45:11.141
Handmade...

0:45:11.141,0:45:11.955
- Valorização.[br]- Isso aqui não é...

0:45:11.955,0:45:12.930
De Inteligência Artificial não.

0:45:12.930,0:45:15.245
- Isso aqui foi...[br]- E faz todo sentido, né?

0:45:15.245,0:45:17.911
- Mesmo que você esteja se contrariando.[br]- Eu estou me contrariando, tá?

0:45:17.911,0:45:20.558
É um ciclo da história, tá,

0:45:20.558,0:45:22.854
mas é uma tendência possível,

0:45:22.854,0:45:23.854
da pessoa virar e falar:

0:45:23.854,0:45:25.875
"Não, o nosso trabalho,[br]a nossa campanha,

0:45:25.875,0:45:27.424
foi feita por pessoas.

0:45:27.424,0:45:29.508
Teve ali um roteirista [br]consagrado,

0:45:29.508,0:45:32.898
teve ali um designer consagrado, [br]um programador consagrado.

0:45:32.898,0:45:33.729
Então, pessoas.

0:45:33.729,0:45:35.699
É um trabalho [br]muito mais humano.

0:45:35.699,0:45:37.722
Talvez não dure tanto,[br]mas eu tenho certeza...

0:45:37.722,0:45:40.082
Certeza não, eu acho [br]que isso é uma tendência

0:45:40.082,0:45:41.705
a aparecer no médio prazo.

0:45:41.705,0:45:44.438
À curto prazo, eu acho [br]que vai ser essa febre, IA...

0:45:44.438,0:45:46.777
No fundo, as tendências[br]estão sempre em movimento.

0:45:46.777,0:45:48.052
- Elas vão e voltam, né?[br]- Sim...

0:45:48.052,0:45:50.099
E de maneira contraditória.

0:45:50.099,0:45:51.792
A gente está falando disso,

0:45:51.792,0:45:53.150
e hoje eu falei que é verdade,

0:45:53.150,0:45:55.052
porque eu estava vendo [br]sobre isso, sobre vídeos.

0:45:55.052,0:45:56.854
As pessoas estão mais[br]procurando vídeos

0:45:56.854,0:45:58.064
onde elas enxergam a verdade,

0:45:58.064,0:46:00.445
do que um vídeo [br]totalmente editado,

0:46:00.445,0:46:01.825
aquela coisa toda.

0:46:01.825,0:46:05.429
Isso era uma tendência [br]no começo do YouTube, né?

0:46:05.429,0:46:06.723
Ele nasce dessa maneira.

0:46:06.723,0:46:09.209
Aí depois se exigiu[br]uma qualificação...

0:46:09.209,0:46:10.632
Megas produções.

0:46:10.632,0:46:12.202
E agora está retornando.

0:46:12.202,0:46:14.372
Está em movimento.

0:46:14.372,0:46:15.216
O mundo é cíclico, né...

0:46:15.216,0:46:17.518
- Moda, design.[br]- São contradições, dinâmicas...

0:46:17.518,0:46:18.488
São dialéticas, né?

0:46:18.488,0:46:20.278
Se vem um, tem que vir o outro...

0:46:20.278,0:46:21.278
Normalmente é uma tendência.

0:46:21.278,0:46:24.151
É por isso que cria a ilusão[br]de que a história é cíclica.

0:46:24.151,0:46:25.042
Mas é uma questão de...

0:46:26.774,0:46:29.553
De certa forma, é previsível,[br]de certa forma.

0:46:29.553,0:46:30.563
Que loucura!

0:46:30.563,0:46:33.824
Falamos de tecnologia,[br]falamos de Inteligência Artificial,

0:46:33.824,0:46:36.044
design, história, filosofia.

0:46:36.044,0:46:37.411
Rendeu muito.

0:46:37.411,0:46:41.231
Muito mais que um podcast,[br]uma verdadeira aula.

0:46:41.231,0:46:43.372
E eu quero me despedir de vocês.

0:46:43.372,0:46:45.443
Muito obrigado, Eder!

0:46:45.443,0:46:46.637
Eu que agradeço,[br]pelo amor de Deus!

0:46:46.637,0:46:48.472
É uma honra para mim estar aqui

0:46:48.472,0:46:50.641
nesse videocast da FIAP,[br]que é maravilhoso.

0:46:50.641,0:46:52.336
Já assisti vários.

0:46:52.336,0:46:56.246
Estar com você,[br]que é uma figura conhecida

0:46:56.246,0:46:58.059
na área de tecnologia brasileira,

0:46:58.059,0:46:59.493
quem sabe até global.

0:46:59.493,0:47:00.377
Aí eu não sei.

0:47:00.377,0:47:02.227
Mas eu conheço você daqui.

0:47:02.227,0:47:03.691
E ter conhecido o César,

0:47:03.691,0:47:06.191
um cara sensacional, fantástico.

0:47:06.191,0:47:08.841
O que eu posso dizer [br]sobre Motion Design

0:47:08.841,0:47:12.090
é que as pessoas[br]que têm vontade de fazer,

0:47:12.090,0:47:15.172
vá fundo, porque Motion Design

0:47:15.172,0:47:17.718
é você dar movimento [br]a uma ideia...

0:47:19.770,0:47:21.405
É você criar algo

0:47:21.405,0:47:25.375
que vai ter vida de alguma[br]forma, entendeu?

0:47:25.375,0:47:28.990
Então, nada mais [br]prazeroso e satisfatório

0:47:28.990,0:47:32.816
que você finalizar um projeto [br]de Motion Design

0:47:32.816,0:47:36.653
e você ver aquele projeto[br]em movimento.

0:47:36.653,0:47:39.138
Então, vão e façam.

0:47:39.138,0:47:40.858
Eu sou suspeito

0:47:40.858,0:47:43.827
porque eu defendo com unhas [br]e dentes a minha profissão,

0:47:43.827,0:47:46.978
mas vale a pena demais,[br]vale a pena mesmo.

0:47:46.978,0:47:48.999
César, foi um prazer enorme

0:47:48.999,0:47:51.602
contar com você aqui[br]nesse nosso podcast.

0:47:51.602,0:47:54.638
Eu que agradeço, e muito [br]obrigado aos dois pela aula,

0:47:54.638,0:47:57.048
todo o pessoal [br]da produção inclusive,

0:47:57.048,0:47:59.477
por toda a delicadeza,[br]toda a gentileza.

0:47:59.477,0:48:00.477
Podcast[br]é muito bacana.

0:48:00.477,0:48:03.085
Parabéns para a FIAP por todo [br]investimento que faz,

0:48:03.085,0:48:05.148
infraestrutura, em conteúdo.

0:48:05.148,0:48:06.459
Satisfação enorme estar aqui.

0:48:06.459,0:48:09.215
E Motion Design é [br]emoção e eficiência.

0:48:09.215,0:48:10.654
Agradeço novamente vocês.

0:48:10.654,0:48:13.821
Agradeço a você, que ficou [br]até agora aqui com a gente

0:48:13.821,0:48:16.560
assistindo ou ouvindo [br]esse podcast.

0:48:16.560,0:48:19.811
E você aprendeu [br]que o papel do Motion Design

0:48:19.811,0:48:22.399
vai muito além de estética.

0:48:22.399,0:48:25.802
Estamos falando aqui [br]de fluidez, dinamismo,

0:48:25.802,0:48:28.572
uma melhor [br]experiência do usuário.

0:48:28.572,0:48:30.874
Parece clichê, mas não é.

0:48:30.874,0:48:33.049
Nós estamos a um toque

0:48:33.049,0:48:35.679
de tudo isso [br]se tornar realidade.

0:48:35.679,0:48:37.681
Um grande abraço [br]e até a próxima!