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.181
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 Designer.

0:00:18.351,0:00:21.888
O assunto desse podcast vai mostrar[br]para você quais são as principais

0:00:21.888,0:00:25.392
técnicas, ferramentas,[br]frameworks e estratégias

0:00:25.725,0:00:29.596
e, é claro, o papel do desenvolvedor[br]e da inteligência artificial

0:00:29.596,0:00:30.663
em tudo isso.

0:00:30.663,0:00:31.998
Eu sou Gustavo Torrente

0:00:31.998,0:00:35.668
e hoje estou aqui[br]com grandes especialistas em motion.

0:00:35.935,0:00:38.371
Estamos aqui com Eder Bronson.

0:00:38.371,0:00:41.741
César Molina,[br]que hoje vai falar tudo

0:00:41.741,0:00:45.311
sobre o que você precisa saber[br]sobre esse tal de motion designer.

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

0:00:46.713,0:00:48.648
Tudo bom? Obrigado pelo convite.

0:00:48.648,0:00:52.252
Meu nome é César e eu trabalho[br]na área de comunicação e Educação

0:00:52.252,0:00:55.588
e já faz uns quase dez anos[br]na área de educação.

0:00:55.588,0:00:59.092
Faz algo em torno de oito anos[br]na parte de comunicação, uns 20

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

0:01:00.660,0:01:03.663
No momento estou trabalhando mais[br]também como design instrucional,

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

0:01:06.066,0:01:09.069
Muito bom Eder, Seja[br]muito bem vindo.

0:01:09.069,0:01:09.903
Obrigado.

0:01:09.903,0:01:13.273
Como ele já disse, meu nome é Éder,[br]sou professor de design digital

0:01:13.273,0:01:17.977
da FIAP, dou aula de UX Motion,[br]dou aula também de design gráfico.

0:01:18.511,0:01:22.782
Tenho uma trajetória aí de mais[br]ou menos uns 15 anos em design.

0:01:22.782,0:01:26.719
Venho do jornalismo[br]e fiz uma transição de carreira,

0:01:26.719,0:01:28.822
onde eu fui para tecnologia,

0:01:28.822,0:01:32.692
mas na tecnologia[br]eu resgatei 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 meus queridos alunos na FIAP.

0:01:37.764,0:01:40.500
Estou muito feliz com isso.[br]Que incrível, gente!

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

0:01:44.070,0:01:48.908
Então, o que é, na sua visão,[br]esse tal de motion design?

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

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

0:01:54.781,0:01:56.783
Bom, na verdade é isso aí.

0:01:56.783,0:01:57.484
Ele nasce

0:01:57.484,0:01:58.351
há muito tempo atrás,

0:01:58.351,0:01:59.786
ele com o cinema[br]ele foi pensado mais

0:01:59.786,0:02:01.888
a parte de cinema e animações, né?

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

0:02:03.389,0:02:06.593
Ele cresceu nesse ambiente[br]mais de aplicativos, principalmente

0:02:06.593,0:02:10.096
com o desenvolvimento dos tablets[br]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
Ele tem uma função ali de primeiro,

0:02:16.870,0:02:18.638
pegando essas referências

0:02:18.638,0:02:22.375
do designer gráfico, da animação[br]e algumas técnicas cinematográficas

0:02:22.375,0:02:24.577
que a gente vê,[br]inclusive reaproveitando os nomes

0:02:24.577,0:02:28.214
que a gente utiliza nessa área,[br]Eles tendem a criar animações

0:02:28.982,0:02:31.951
para tornar

0:02:32.152,0:02:34.020
mais dinâmico a experiência.

0:02:34.020,0:02:34.621
E essa

0:02:34.621,0:02:36.956
acho que é a palavra fundamental[br]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:42.195
que a palavra experiência então,[br]torna esse processo mais fluído.

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

0:02:44.364,0:02:47.634
que eu acho muito engraçado,[br]que é reduzir a carga cognitiva

0:02:48.268,0:02:50.670
do usuário, ou seja,[br]você fazer com que o usuário

0:02:50.670,0:02:53.873
fique muito mais à vontade[br]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
São outros temas[br]que eu tenho lido bastante

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

0:03:00.013,0:03:03.049
E para tornar a experiência[br]mais fluida, mais simples.

0:03:03.283,0:03:06.452
Que aquele app não seja um labirinto[br]que ele bate o olho,

0:03:06.452,0:03:07.854
ele já sabe o que vai fazer

0:03:07.854,0:03:11.858
sem ter que pensar muito, sem ter[br]que gastar poder de processamento.

0:03:11.858,0:03:14.093
Também.[br]A parte estética é fundamental, mas

0:03:15.061,0:03:15.662
o essencial

0:03:15.662,0:03:18.698
mesmo é fazer[br]a coisa mais fluída, mais intuitiva.

0:03:19.399,0:03:22.235
Eu costumo dizer que na verdade,

0:03:22.235,0:03:26.806
o usuário é o navegador[br]e o navegante é a gente.

0:03:27.207,0:03:30.944
Por mexer com essa parte técnica,[br]a gente tende a achar que a gente

0:03:30.944,0:03:33.947
é o capitão do barco[br]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.886
Ele que é responsável[br]pela sua navegação,

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

0:03:44.190,0:03:47.360
e fornecer a linha[br]e o movimento que vai guiar

0:03:47.727,0:03:49.462
os passos desse navegante.

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

0:03:51.431,0:03:55.835
Então é o Mocha Design,

0:03:55.835,0:03:59.973
que na verdade ele é uma junção[br]de motion graphics com Max Mocha

0:04:00.440,0:04:04.544
e o motion graphics aplicado ao UX

0:04:04.544,0:04:07.547
Mocha e.

0:04:07.981,0:04:12.352
Essa animação de elementos visuais,[br]elementos técnicos que ela aqui

0:04:12.752,0:04:16.322
que a gente joga para interface[br]digital para criar isso

0:04:16.322,0:04:19.692
com o que ele disse[br]que é uma navegação mais fluída e

0:04:20.493,0:04:23.429
mais constante e mais

0:04:24.397,0:04:25.431
tranquila.

0:04:25.431,0:04:28.268
Uma intuitiva.

0:04:28.268,0:04:30.870
Então a gente é o responsável[br]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 mais[br]que estética, é uma.

0:04:35.208,0:04:38.211
É uma noção de percepção do usuário.

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

0:04:40.880,0:04:42.915
é com conduzir

0:04:42.915,0:04:45.918
o usuário pela interface[br]digital, como antes.

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

0:04:47.387,0:04:50.657
É uma mera questão técnica, Então[br]acho que isso é importante dizer,

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

0:04:54.661,0:04:55.261
Ah, eu preciso

0:04:55.261,0:04:58.564
aprender um determinado software e[br]eu vou me tornar esse profissional,

0:04:58.998,0:05:00.900
não o motion design.

0:05:00.900,0:05:02.368
Ele é muito mais que técnica.

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

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

0:05:09.475,0:05:10.476
Perfeito, Perfeito.

0:05:10.476,0:05:14.080
Aquela história não estou criando[br]a aplicação para mim.

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

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

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

0:05:22.422,0:05:23.890
Se ele digitar alguma coisa errada.

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

0:05:27.260,0:05:28.561
Exercício de empatia?

0:05:28.561,0:05:32.031
Ele se colocar no lugar do outro[br]e ter essa sensibilidade

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

0:05:36.736,0:05:38.705
É um artista. Aplicado, tem que ter.

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

0:05:41.407,0:05:44.177
de se colocar no lugar do outro.[br]É incrível isso que a gente faz.

0:05:44.177,0:05:48.781
Muito boas definições[br]e de que forma fazer essas animações

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

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

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

0:06:00.860,0:06:06.299
e tornar interfaces que antes eram[br]complexas, muito mais intuitivas?

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

0:06:09.402,0:06:09.802
Por exemplo,

0:06:09.802,0:06:12.004
a gente tem essa[br]questão de repartir, dos feedbacks,

0:06:12.004,0:06:15.007
das micro interaçõ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.185
a lidar com aplicativos, internet[br]de maneira geral

0:06:26.319,0:06:30.022
e coloca ela de repente ali[br]na frente de um de um estouro

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

0:06:31.591,0:06:33.693
De repente, ela gosta do conteúdo[br]a querer saber mais.

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

0:06:37.130,0:06:39.699
mas às vezes ele é colocado[br]de uma maneira, porque, por exemplo,

0:06:39.699,0:06:42.702
às vezes, dependendo do aplicativo,[br]são muitos recursos.

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

0:06:45.204,0:06:47.373
essa desculpa contrária,[br]um botão para cada recurso,

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

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

0:06:50.910,0:06:53.312
Por exemplo, coloca uma animação

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

0:06:56.082,0:06:57.950
A pessoa vai saber que se ela quiser

0:06:57.950,0:07:01.220
acessar aquela frase[br]arrasta para cima, arrasta pro 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
Eles vêm a primeira vez que você[br]instala

0:07:05.725,0:07:09.061
como se fosse um mini[br]tutoriais para quem está vendo aqui.

0:07:09.061,0:07:10.229
O estudante.

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

0:07:12.432,0:07:12.832
Você sabe,

0:07:12.832,0:07:14.700
toda vez que abre um software[br]é irritante,

0:07:14.700,0:07:17.537
mas toda vez[br]que abre no seu pulador.

0:07:17.537,0:07:20.173
Mas ultimamente[br]parece que eles estão deixando isso.

0:07:20.173,0:07:20.740
Então, para.

0:07:20.740,0:07:24.444
Você assistir de verdade,[br]ele tem ali um tutorial

0:07:24.977,0:07:26.913
para o menu tal,[br]você arrasta para cá,

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

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

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

0:07:35.087,0:07:37.890
Isso aconteceu comigo[br]esses dias, Foi o meu aplicativo.

0:07:37.890,0:07:40.126
Inclusive[br]eu preenchi um cadastro enorme,

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

0:07:42.061,0:07:43.863
você não pode digitar,[br]você tem que se sabe.

0:07:43.863,0:07:47.366
A universidade[br]são todas as universidades do mundo.

0:07:47.366,0:07:50.136
Se vira, acha.[br]Você não pode digitar.

0:07:50.136,0:07:51.504
E olha que você acabou de digitar.

0:07:51.504,0:07:53.406
Você vai lá[br]pra baixo e some da sua tela.

0:07:53.406,0:07:56.976
Todo o formulário que você preencher[br]fica só o botão de enviar.

0:07:57.477,0:07:58.878
O que é o básico da nossa área.

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

0:08:01.180,0:08:02.882
tem que ter uma micro interação[br]com o garotão.

0:08:02.882,0:08:06.385
Ele muda de cor, ele treme,[br]ele muda, aparece como enviado.

0:08:06.419,0:08:07.153
Isso é o básico.

0:08:07.153,0:08:08.521
Nossa, o botão.

0:08:08.521,0:08:11.357
Ele não fazia isso,[br]ele simplesmente não mudava.

0:08:11.357,0:08:14.894
O formulário tinha sido enviado,[br]o formulário tinha sido assim,

0:08:15.428,0:08:16.462
ele carregava.

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

0:08:18.297,0:08:20.533
Você apertava mais de uma vez[br]porque você acha que vai apertar

0:08:20.533,0:08:24.170
uma vez ele zerado o seu formulário[br]seja tinha que começar de novo.

0:08:24.470,0:08:27.507
Então a nossa área trabalha muito

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

0:08:31.143,0:08:35.248
sanar no usuário[br]se a ação que ele executou foi

0:08:35.815,0:08:36.616
foi para algum lugar ou.

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

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

0:08:40.319,0:08:42.989
E não existe nada[br]mais desconfortável do que você

0:08:42.989,0:08:43.923
clicar num botão

0:08:43.923,0:08:47.593
e você não saber[br]se o seu arquivo foi 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.232
Então esse feedback que está[br]fazendo, que é o feedback visual,

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

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

0:09:00.573,0:09:03.543
num pequeno ícone, num pequeno botão

0:09:03.709,0:09:06.178
que dá a resposta

0:09:06.178,0:09:08.915
ao usuário[br]de que aquela ação foi efetiva.

0:09:08.915,0:09:11.784
Tranquiliza. É exatamente o nosso.

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

0:09:16.589,0:09:18.424
A vida já é muito difícil.

0:09:18.424,0:09:19.292
Então,

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

0:09:22.728,0:09:23.596
A vida já difícil.

0:09:23.596,0:09:25.598
O seu aplicativo vai dificultar[br]mais.

0:09:25.598,0:09:26.933
Fácil de se ão

0:09:26.933,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:31.871
fortificando a nossa vida,[br]então a gente tá ferrado.

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

0:09:35.608,0:09:37.743
É por aí mesmo da nossa função.

0:09:37.743,0:09:42.481
É o que eles chamam também de vídeo[br]áudio em que seria uma dica visual.

0:09:42.481,0:09:47.219
Essa parte da criação de você[br]dá animações por arrasta clique

0:09:48.287,0:09:51.223
é são recursos que a gente acaba[br]utilizar, além de transições

0:09:51.223,0:09:52.191
que a gente vai comentar.

0:09:52.191,0:09:53.092
São os principais.

0:09:53.092,0:09:56.095
Os três transições Micro interações.

0:09:56.529,0:09:59.098
É o que é. Os feedbacks visuais.

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

0:10:02.768,0:10:04.904
Fundamentais.[br]Fundamentais que o motion.

0:10:04.904,0:10:07.707
E sabe o que acontece[br]nos primórdios da internet

0:10:07.707,0:10:09.175
não tinha essa preocupação,

0:10:09.175,0:10:11.377
essa 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:14.714
Você vai selecionar lá cidade,[br]você seleciona.

0:10:14.714,0:10:17.984
O Estado de São Paulo[br]tem mais de 500 cidades e aí

0:10:17.984,0:10:21.454
a sua cidade é a capital de[br]São Paulo que está lá embaixo

0:10:21.754,0:10:23.389
e aí tem que percorrer.

0:10:23.389,0:10:26.025
Todo mundo[br]sabe que a primeira cidade

0:10:26.025,0:10:27.293
é a da cantina,

0:10:27.293,0:10:29.328
porque todo o formulário que você

0:10:29.328,0:10:31.764
vai preencher,[br]que não tem esses recursos,

0:10:31.764,0:10:34.767
você sabe que Adamantina[br]é a primeira da lista.

0:10:34.800,0:10:38.204
Agora você imagina, por exemplo,[br]se quer colocar uma cidade lá

0:10:38.337,0:10:40.506
no seu formulário

0:10:40.506,0:10:44.176
e você clica na setinha pra baixo[br]e não abre a cidade?

0:10:44.310,0:10:47.279
Nós Então já[br]é uma sensação de desconforto,

0:10:47.279,0:10:51.117
Desafio[br]E você falou de desde os primórdios.

0:10:51.117,0:10:51.751
Na verdade,

0:10:52.785,0:10:54.320
agora

0:10:54.320,0:10:54.854
provavelmente a

0:10:54.854,0:10:57.857
gente deve estar falando[br]com uma faixa etária aqui ou enfim,

0:10:57.990,0:11:01.160
quem tiver mais ou menos[br]a nossa idade vai lembrar dos sites

0:11:01.727,0:11:03.195
da década de 90.

0:11:03.195,0:11:06.632
Até tem lugares sites que arquivam

0:11:06.899,0:11:09.935
esses[br]essas interfaces de web arcaico.

0:11:09.935,0:11:12.805
Vai ver quem é bom.[br]Brigado por lembrar.

0:11:12.805,0:11:16.342
Eu estava aqui matutando se você[br]pega um site da década de 90,

0:11:16.342,0:11:20.680
experiência do usuário Meu Deus,[br]essa era era o terror na terra.

0:11:20.680,0:11:23.683
A gente desbravou aquilo tudo.

0:11:23.783,0:11:25.918
Sobreviveu, apanhou pra fazer.

0:11:25.918,0:11:26.819
Então é assim que.

0:11:26.819,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.891
Eu vou ajudar[br]o pessoal na vida melhor.

0:11:31.891,0:11:34.160
Essa pessoa merece ser glorificado.

0:11:34.160,0:11:36.429
Acho que isso que você trouxe

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

0:11:40.099,0:11:44.103
Não ter essa paciência[br]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.148
de abrir a caixa, pegar o manual,[br]ficar lendo o manual para depois.

0:11:56.215,0:11:56.716
Aqui não.

0:11:56.716,0:12:00.219
Aqui a gente pega a TV, coloca[br]na tomada, pega o controle remoto.

0:12:00.252,0:12:03.823
Não é útil, tem uma folhinha[br]aqui explicando porque não?

0:12:04.790,0:12:05.925
Na melhor das hipóteses, o

0:12:05.925,0:12:09.729
cara vê uma box, vê um review,[br]pra falar bem a verdade.

0:12:09.729,0:12:10.863
Assim,[br]quando eu tenho pego uma coisa

0:12:10.863,0:12:12.264
não tô conseguindo programar,[br]não tem dúvida.

0:12:12.264,0:12:13.933
YouTube

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

0:12:16.869,0:12:19.972
Você está vendo que até[br]ele falou assim a gente largou

0:12:20.573,0:12:23.743
o panfletinho lá[br]do manual para a gente

0:12:23.743,0:12:27.880
procurar o tutorial[br]de como montar num site,

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

0:12:32.251,0:12:36.489
E pela intuição intuitividade deles,[br]faz com que eu

0:12:36.489,0:12:39.992
muito mais intuitivo eu procurar[br]numa plataforma como essa

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

0:12:42.962,0:12:44.897
Que é mal diagramado. Olhos.

0:12:44.897,0:12:46.198
Muito mal diagramado.

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

0:12:48.000,0:12:52.004
Você acha na internet,[br]mas é como projetar o relógio na TV

0:12:52.438,0:12:55.741
tem nem um link incrível como tem,[br]então é muito mais

0:12:55.741,0:12:56.776
fácil, muito mais prático

0:12:58.611,0:13:00.279
a cultura do imediatismo.

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

0:13:03.215,0:13:04.917
Assim dá até para coisas que a gente

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

0:13:06.819,0:13:09.088
A gente chegou num estado[br]que a gente pergunta pro ar

0:13:09.088,0:13:10.122
como eu programo essa TV?

0:13:10.122,0:13:12.124
O ar me responde[br]Ainda não chegamos lá,

0:13:12.124,0:13:13.392
mas o aplicativo é uma coisa

0:13:13.392,0:13:15.060
e cada vez mais[br]ele tem que ser responsivo,

0:13:15.060,0:13:17.263
tem que ser rápido,[br]Ninguém vai aturar ficar.

0:13:17.263,0:13:19.498
Às vezes o aplicativo diz eu já fiz,[br]já fiz isso.

0:13:19.498,0:13:22.501
Abandonar aplicativo de comida,[br]porque o negócio

0:13:22.802,0:13:25.104
ou é lerdo ou mete[br]uma animação que não tem nada a ver

0:13:25.104,0:13:28.107
e consequentemente, assim o toc toc,[br]o celular ruim ele na época

0:13:28.174,0:13:29.942
o carregamento não vai não.

0:13:29.942,0:13:32.278
E existe uma pesquisa 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.782
Por favor,[br]se vocês tiverem acesso em casa,

0:13:37.049,0:13:41.053
pesquisem isso,[br]Mas que existe uma média de de

0:13:42.121,0:13:45.090
de que usuários eles largam um site.

0:13:45.324,0:13:48.961
Se o site demorar 3/2[br]sim para abrir, então sim,

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

0:13:52.698,0:13:55.000
Então não basta[br]você ter uma animação,

0:13:55.000,0:13:58.771
uma muffin design bem bacana[br]se ele não tiver otimizado

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

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

0:14:04.376,0:14:05.878
Boa, Eu quero pegar

0:14:05.878,0:14:09.915
um gancho que o César trouxe ele[br]de múltiplas animações e tudo mais.

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

0:14:13.219,0:14:16.155
atuam[br]no dia a dia com motion design.

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

0:14:20.559,0:14:23.128
podem dificultar a vida do usuário.

0:14:23.128,0:14:26.665
Não adianta ter um aplicativo[br]que gira pula história,

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

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

0:14:32.004,0:14:33.639
como é que a gente consegue alcançar

0:14:33.639,0:14:36.909
um equilíbrio[br]entre essas transições e animações

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

0:14:40.646,0:14:45.384
E análise de otimização do site de

0:14:46.886,0:14:49.021
Se o site está rendendo[br]bem é a primeira.

0:14:49.021,0:14:52.024
A primeira coisa tem que fazer,[br]identificar,

0:14:52.024,0:14:54.660
ter esse excesso de animações

0:14:54.660,0:14:58.430
através de uma percepção sensível

0:14:58.631,0:15:01.634
que o motion design tem que ter.

0:15:02.735,0:15:05.738
Em tudo, qualquer trabalho,[br]em qualquer trabalho.

0:15:05.871,0:15:08.073
No caso de interface digitais,[br]a gente tá falando de animação.

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

0:15:10.709,0:15:14.013
se você pegar para[br]fazer um panfleto, se não utilizar

0:15:14.013,0:15:18.284
o mesmo, o mesmo estilo[br]ou o mesmo objeto várias vezes,

0:15:18.851,0:15:22.121
ele vai cair num problema[br]que é um dos princípios do fundo

0:15:22.388,0:15:25.391
e um dos fundamentos do design[br]do design, que é a repetição.

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

0:15:28.661,0:15:31.664
Então a gente tem que ter o bom[br]senso, 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[br]exige o conhecimento do usuário.

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

0:15:40.773,0:15:44.910
como que o comportamento visual[br]diante de uma interface de usuário,

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

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

0:15:50.950,0:15:54.186
Então é e é design de design

0:15:54.186,0:15:57.256
tem um objetivo de frente de arte[br]que é subjetiva.

0:15:57.723,0:16:01.093
Então, se você tem um objetivo,[br]você tem que cumprir

0:16:01.093,0:16:04.096
com esse objetivo[br]ou excesso de animação.

0:16:04.163,0:16:05.597
Ele vai cumprir o objetivo.

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

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

0:16:13.605,0:16:18.277
É preciso ter essa sensibilidade,[br]esse bom senso de saber avaliar

0:16:18.777,0:16:21.747
qual é a proposta[br]e qual o objetivo da animação.

0:16:21.747,0:16:26.218
E assim, com bom briefing,[br]você vai a lugares maravilhosos.

0:16:26.852,0:16:28.487
Sensacional!

0:16:28.487,0:16:30.723
Nós falamos aqui nesse bate papo

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

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

0:16:36.128,0:16:40.299
Eu percebo que a micro interação[br]é aquela coisa que o usuário

0:16:40.299,0:16:43.602
às vezes ele não percebe,[br]ele não dá valor, Mas aqui não

0:16:43.602,0:16:47.706
faz uma diferença enorme[br]na sua experiência e na usabilidade.

0:16:48.007,0:16:51.610
Traz alguns outros exemplos de micro[br]interações para o pessoal

0:16:51.610,0:16:52.378
que está assistindo.

0:16:52.378,0:16:54.279
A gente associa um.

0:16:54.279,0:16:56.548
Isso aqui é uma micro interação.

0:16:56.548,0:16:59.752
Então, por exemplo,[br]quando você vai preencher lá alguma

0:16:59.752,0:17:03.655
uma rede social fora do seu[br]computador, fora do seu celular

0:17:03.956,0:17:07.326
e essa essa é bem famosa e aí[br]a gente está acostumado a salvar

0:17:07.326,0:17:10.329
sem ali[br]não ter que ficar mais decorando.

0:17:10.562,0:17:13.232
Ou a gente[br]mete 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,[br]Qual a sua senha do Facebook?

0:17:17.903,0:17:19.038
Não tem a menor não.

0:17:19.038,0:17:23.042
Face daí você vai tentar entrar[br]na sua senha e não funciona.

0:17:23.042,0:17:24.610
Você aqui[br]acontece normalmente com o cabo,

0:17:24.610,0:17:27.646
porque você digita e erra,[br]ele tende a ficar na cor vermelha.

0:17:28.247,0:17:30.482
Mas além disso,[br]a gente até comenta sobre isso

0:17:30.482,0:17:32.684
em relação a acessibilidade,[br]só ficar na cor vermelha,

0:17:32.684,0:17:35.521
na cor vermelha não ajuda.[br]Ele dá uma tremidinha.

0:17:35.521,0:17:38.023
Isso é uma coisa[br]que acontecem em todas, né?

0:17:38.023,0:17:38.957
Mas acho que a maioria

0:17:40.159,0:17:42.161
dos aplicativos que a gente utiliza,[br]quando você erra

0:17:42.161,0:17:44.329
alguma informação,[br]ele tende a tremer.

0:17:44.329,0:17:45.330
Quando você preenche

0:17:45.330,0:17:48.333
de repente o seu CEP errado,[br]você colocou seis dígitos,

0:17:48.367,0:17:51.370
o que normalmente tende a acontecer[br]minimamente.

0:17:51.370,0:17:54.606
Ele não te deixa ir para frente,[br]ele vai subir De repente 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:00.779
Então,[br]essas interações desde o 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:07.953
ele vai mostrar[br]uma espécie de reforço

0:18:07.953,0:18:11.123
quando você acerta ou ao contrário,[br]quando você é que é o caso aqui.

0:18:12.091,0:18:13.592
Então

0:18:13.592,0:18:16.595
são coisas que tende realmente 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.771,0:18:27.840
uma coisa até um pouco mais recente,

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

0:18:30.576,0:18:32.277
Vocês ainda existe isso no Facebook?

0:18:32.277,0:18:35.948
Você coloca[br]parabéns a pessoa só tem serpentina,

0:18:36.348,0:18:39.017
então isso é um é um reforço,[br]uma interação que causa ali

0:18:39.017,0:18:42.187
uma uma conexão emocional,[br]porque assim,

0:18:43.789,0:18:46.358
a parte de do

0:18:46.358,0:18:48.627
do Mouchão[br]ela pega um pouquinho de referência,

0:18:48.627,0:18:50.395
atenção, um pouquinho de referências

0:18:50.395,0:18:53.398
ali, dos 12 passos,[br]dos fundamentos da animação

0:18:53.432,0:18:56.535
Tá que é o livro que surge lá[br]da década de 80,

0:18:56.535,0:18:59.037
que foram observações feitas[br]principalmente

0:18:59.037,0:19:00.672
com produções da Disney.

0:19:00.672,0:19:03.942
Alguém que veio da regra e[br]alguém que achou elementos em comum

0:19:04.510,0:19:06.278
e que vai influenciar[br]de alguma forma.

0:19:06.278,0:19:09.281
Por exemplo, do 12[br]fundamentos do Unix

0:19:09.381,0:19:11.283
Qual a diferença de um[br]e de outro da animação?

0:19:11.283,0:19:15.621
E para criar uma conexão emocional[br]do YouPix para criar uma?

0:19:16.221,0:19:19.391
Eu tenho sentido mais quando[br]você tem experiência, entendeu?

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

0:19:22.327,0:19:25.330
Ou fique mais, está mais A questão[br]da arte da animação

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

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

0:19:31.270,0:19:32.971
que tem uma, a questão de você

0:19:32.971,0:19:35.140
dar like ou um coração[br]e ter toda uma animação

0:19:35.140,0:19:38.143
e uma alimentação,[br]vamos dar feedback.

0:19:39.077,0:19:41.813
Ele torna sua experiência muito mais[br]emocional, o que é importante.

0:19:41.813,0:19:44.349
Também é 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:48.954
Então essas micro interações

0:19:48.954,0:19:51.823
geralmente elas trazem um pouquinho[br]dos dois. Sem dúvida. Sem dúvida.

0:19:51.823,0:19:55.093
Vamos fazer agora[br]uma viagem no tempo e voltar

0:19:55.093,0:19:59.765
lá para 2009, 2009[br]foi um ano que começou

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

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

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

0:20:08.941,0:20:11.610
Era uma época que tinha diversos

0:20:11.610,0:20:16.481
smartphones, um leque com Windows[br]Phone, BlackBerry,

0:20:17.182,0:20:20.919
AIO, o S, Android, entre outros.

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

0:20:24.122,0:20:28.961
nós temos a grande concentração[br]entre usuários Android e iOS s.

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

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

0:20:36.335,0:20:39.338
Eu acho que tem muito a ver[br]com as diretrizes de design. Tá?

0:20:39.838,0:20:40.372
Então, assim

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

0:20:43.442,0:20:47.212
o Android usa muito[br]o material de design do Google,

0:20:47.879,0:20:50.816
então tem essas peças

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

0:20:53.752,0:20:57.322
Por exemplo,[br]o material design é mais flat.

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

0:21:00.659,0:21:02.561
Me perdão, Perdão por não lembrar.

0:21:02.561,0:21:08.600
Eu Capaz que eu lembre no meio,[br]mas eles também usam um estilo.

0:21:08.800,0:21:10.269
De Leibniz.

0:21:10.269,0:21:11.103
Ou alguma.

0:21:11.103,0:21:13.672
Coisa mais de uma interface.

0:21:13.672,0:21:17.009
Eu acho que eles tem menos de Flash,[br]eles tem e eles mexem mais

0:21:17.009,0:21:20.879
com sombreamento e profundidade[br]através de luzes.

0:21:20.879,0:21:23.882
Então sim,[br]tem essa diferença de diretrizes

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

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

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

0:21:33.492,0:21:37.029
para converter[br]ou as suas animações indie em Jeison

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

0:21:39.998,0:21:43.001
Então assim[br]tem várias ferramentas que aqui são

0:21:43.101,0:21:47.906
que diferenciam, são utilizadas[br]em cada sistema legal Sim,

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

0:21:52.544,0:21:53.745
Fundamental mesmo,

0:21:53.745,0:21:55.247
desde que a gente consiga respeitar

0:21:55.247,0:21:57.316
ali exatamente o lugar de lines, né?

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

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

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

0:22:06.391,0:22:09.461
muitas vezes para o aplicativo[br]ser aceito na loja.

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

0:22:13.632,0:22:16.902
ou um botão menor,[br]o que a Apple que o Google pensa,

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:27.212
Ele vai falar se iPhone não presta,[br]Então eles são bem preocupados

0:22:27.212,0:22:27.879
com essa questão.

0:22:28.914,0:22:29.915
Nos projetos que você

0:22:29.915,0:22:33.452
já tocou, seja,[br]você sentiu muita diferença de

0:22:33.819,0:22:36.822
S para Android[br]na hora de pensar em Mocha.

0:22:37.389,0:22:39.691
Que normalmente o cabelo

0:22:39.691,0:22:42.094
adoece, eles tem uma questão[br]com sobreposição

0:22:42.094,0:22:45.097
e de arrastar para o lado e,

0:22:46.264,0:22:47.132
por exemplo,

0:22:47.132,0:22:48.800
eles também tem uma questão[br]em relação a você

0:22:48.800,0:22:50.802
não começar[br]o movimento muito perto da borda.

0:22:50.802,0:22:54.272
A recomendação que eles dão[br]é bem uma recomendação não pode

0:22:55.140,0:22:58.143
é no Android, ele é um pouco mais.

0:23:00.011,0:23:02.214
Eu não sei como é que é hoje em dia,[br]mas tinha se uma certa cultura

0:23:02.214,0:23:04.683
de que vai[br]um pouquinho mais chatinho. Você.

0:23:04.683,0:23:07.419
Só que, assim como você falou,[br]a gente está hoje

0:23:07.419,0:23:10.422
muito mais em Androide e o S.

0:23:10.922,0:23:14.493
As diferenças de tamanho de tela[br]elas são muito menores

0:23:14.493,0:23:15.961
lá isso do que no androide androide.

0:23:15.961,0:23:18.096
Você tem uma variedade imensa gente,

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

0:23:20.332,0:23:22.100
E as transições aqui são assim.

0:23:22.100,0:23:25.070
Já o a essa[br]transição ela é mais suave.

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

0:23:27.038,0:23:28.640
Acho que é muito mais uma questão[br]assim, de tão.

0:23:28.640,0:23:33.412
Sutil e sutil, de mais e às vezes[br]torna imperceptível para o usuário.

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

0:23:36.615,0:23:37.883
A questão do design como um todo.

0:23:37.883,0:23:38.483
Se você pegar,

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

0:23:40.585,0:23:44.322
mas essas diferenças[br]não sabe do tipo Ah, detalhe maior

0:23:44.322,0:23:44.956
existe uma

0:23:44.956,0:23:48.293
preferência no modo de transição,[br]que é o que é o de expandir,

0:23:48.727,0:23:50.929
que é algo que também chamado[br]como que é?

0:23:50.929,0:23:51.997
Vou tentar traduzir aqui.

0:23:51.997,0:23:53.899
Acho que é obscurecer,[br]se não me engano,

0:23:53.899,0:23:57.569
onde você aplicaria um clique[br]de um determinado ou uma determinada

0:23:57.569,0:23:58.970
tela, Ela expande.

0:23:58.970,0:24:00.105
Só que o que está atrás

0:24:00.105,0:24:03.608
não desaparece, que é para te manter[br]o senso de direção perdido.

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

0:24:07.579,0:24:09.381
Então voltar para o WhatsApp,[br]por exemplo.

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

0:24:11.149,0:24:12.918
falando,[br]o WhatsApp de um para o outro

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

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

0:24:20.091,0:24:21.092
a superior do aio.

0:24:21.092,0:24:23.295
Essa é uma faixa única[br]com uma cor só.

0:24:23.295,0:24:24.963
Então se são coisas que

0:24:24.963,0:24:27.966
acho que antigamente o AIO[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 diferenças[br]assim.

0:24:33.038,0:24:36.575
A questão de você arrastar pro[br]lado ou não muita coisa do Android

0:24:36.575,0:24:39.578
funciona assim[br]hoje em dia essa convergência.

0:24:39.578,0:24:39.878
A gente

0:24:39.878,0:24:43.448
discutia muito isso no passado,[br]as diferenças de um para o outro.

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

0:24:47.652,0:24:50.689
o voltar do Android[br]já é nativo do próprio aparelho,

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

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

0:24:54.893,0:24:57.896
porque a gente percebe[br]que as empresas olhem, fala

0:24:58.029,0:25:00.065
o que eu estou querendo[br]reinventar a roda.

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

0:25:03.702,0:25:07.105
superior direito que eu vou inventar[br]moda e colocar embaixo

0:25:07.472,0:25:10.408
porque as pessoas já estão[br]associando, inclusive

0:25:10.408,0:25:14.279
no caso do Mocha, que é o nosso papo[br]aqui, os gestos,

0:25:14.479,0:25:18.717
os movimentos,[br]o arrasta pra cima, o double tap,

0:25:20.151,0:25:23.154
aí o s Android são

0:25:23.488,0:25:26.825
as nossas principais[br]plataformas de smartphone

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

0:25:29.027,0:25:32.030
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:39.371
O protótipo Quais ferramentas[br]que vocês indicam hoje para a gente

0:25:39.571,0:25:43.808
prototipar esses aplicativos[br]já pensando nas animações

0:25:45.477,0:25:46.177
Sigma?

0:25:46.177,0:25:47.679
Você pode animar no Sigma também.

0:25:47.679,0:25:49.381
Acho que é o mais comum.

0:25:49.381,0:25:51.783
É tão Sketch.

0:25:51.783,0:25:53.251
Sete.

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

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

0:25:58.523,0:26:01.760
e elas de alguma forma[br]tem suas integrações.

0:26:01.760,0:26:02.494
Que legal!

0:26:02.494,0:26:06.097
Então, hoje a tecnologia[br]é tão bacana hoje que você

0:26:07.299,0:26:10.268
você consegue permear[br]por todos os cantos,

0:26:10.268,0:26:13.138
por todas as ferramentas,[br]sem necessariamente sair,

0:26:13.138,0:26:14.472
abandonar outra ferramenta,

0:26:14.472,0:26:18.910
porque elas estão integradas[br]e então, Mas são algumas.

0:26:19.277,0:26:19.911
Mas aí tem.

0:26:19.911,0:26:21.947
Tem diversas ferramentas, não.

0:26:21.947,0:26:24.149
O lote, o. Lote.

0:26:24.149,0:26:27.152
Que você não conhecia[br]e é aqui que ele faz.

0:26:27.686,0:26:30.288
O. Acerto e o lote.

0:26:30.288,0:26:32.791
Ele pertence. O modo que é para que?

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

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

0:26:36.895,0:26:39.431
ou de um monte de coisa[br]que precisa para não ser.

0:26:39.431,0:26:40.165
Aí você vai trabalhar.

0:26:40.165,0:26:43.602
Se você não souber programar,[br]aí precisaria de algum desenvolvedor

0:26:43.602,0:26:45.870
que dá o código,[br]que é o código mais facilitado,

0:26:45.870,0:26:48.873
inclusive na era mais fácil de roda,[br]inclusive muito mais rápido.

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

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

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

0:26:58.350,0:26:59.884
Mala alguma

0:26:59.884,0:27:02.887
publicação[br]seu e fazer de repente no Instagram

0:27:03.054,0:27:06.391
acha que é alguma coisa e de repente[br]uma caixinha de som tocando.

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

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

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

0:27:13.164,0:27:15.634
Sua programação pode ser todo fundo.

0:27:15.634,0:27:16.868
Quanto a figura, que legal!

0:27:16.868,0:27:18.770
E você consegue

0:27:18.770,0:27:21.172
dar uma certa adaptada lendo[br]de que maneira ela vai se mexer

0:27:21.172,0:27:24.442
e de que maneira ela vai se animar[br]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 aí no formato[br]para você utilizar na hora,

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

0:27:33.718,0:27:38.223
Você transforma vetor ou imagem[br]que é super pesado em código e aí

0:27:38.223,0:27:41.526
você pode levar para o vice cold[br]e o front end.

0:27:41.526,0:27:45.664
Pode só aplicar o código Jeison[br]no site dele vai ter animação lá.

0:27:46.064,0:27:49.768
E aí caso você queira[br]fazer uma funcionalidade de cliques

0:27:49.768,0:27:54.005
tipo e código, muitas vezes CSS[br]ou alguma coisa em JavaScript.

0:27:54.005,0:27:59.010
Mas sensacional Essa então seria[br]uma forma 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 90,

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

0:28:06.818,0:28:10.321
Tinha certeza absoluta[br]que você ia levar

0:28:10.321,0:28:12.090
pra gente, pro fundo do túnel.

0:28:12.090,0:28:14.159
Tô brincando. Flash,[br]você foi muito útil.

0:28:14.159,0:28:15.126
Foi isso que.

0:28:15.126,0:28:17.595
Agora? Adobe Flash[br]Eu fiz um curso, o.

0:28:17.595,0:28:18.930
Termo e uso o vídeo.

0:28:18.930,0:28:20.565
Se fizesse cinco.

0:28:20.565,0:28:21.099
Anos atrás.

0:28:21.099,0:28:24.102
Agora era. Era pesado, pesadíssimo.

0:28:24.169,0:28:24.869
A experiência.

0:28:24.869,0:28:29.174
O carregamento do site aplicativo[br]na época não existia ainda.

0:28:29.407,0:28:32.410
Smartphones[br]ganharam ascensão pós 2007.

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

0:28:36.481,0:28:39.117
esse é um exemplo que você[br]deu de converter em SVG

0:28:39.117,0:28:40.118
e 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
E tudo sobre o usuário

0:28:47.859,0:28:49.728
e o que ele precisa,[br]o que ele quer para ter

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

0:28:53.665,0:28:56.668
Então eu acho que é sobre isso.

0:28:56.701,0:28:59.671
E sobre o esmalte, gente,[br]A gente estava

0:29:00.071,0:29:01.840
e estava conversando[br]sobre isso. César.

0:29:03.875,0:29:04.776
O código

0:29:04.776,0:29:07.912
hoje eu[br]sei que muita gente torce o nariz,

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

0:29:11.116,0:29:13.885
mas é algo que a gente[br]tem que lidar sim.

0:29:13.885,0:29:17.155
E eu não gosto de ser clichê,[br]mas normalmente clichê

0:29:17.155,0:29:18.857
é porque é verdade.

0:29:18.857,0:29:20.759
Então é um novo idioma.

0:29:20.759,0:29:23.194
O novo inglês.

0:29:23.194,0:29:26.431
Então a pessoa que hoje está[br]preparada 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 sou trabalhando ali com designer?

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.407
e entender um pouquinho[br]o que aquele código faz.

0:29:36.407,0:29:38.877
Você precisa saber o que está,[br]se vai pegar o arquivo.

0:29:38.877,0:29:39.544
Jeison Lá

0:29:39.544,0:29:39.944
na hora que você

0:29:39.944,0:29:43.681
exportar uma animação, note[br]se você precisa saber o que está

0:29:43.681,0:29:47.619
escrito ali e ali vai ter uma série[br]de sintaxe, parâmetros e valores.

0:29:48.153,0:29:50.255
Então você precisa saber[br]até para você,

0:29:50.255,0:29:53.258
caso necessário, você possa otimizar[br]melhor o seu site.

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

0:29:56.861,0:30:00.398
você fica muito mais tranquilo[br]para lidar com as resoluções

0:30:00.398,0:30:02.167
dos problemas. Ótimo!

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

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

0:30:07.238,0:30:09.307
É importante[br]o desenvolvedor 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
Conta pra nós, César.

0:30:15.680,0:30:18.750
Vocês que estão no mercado hoje,[br]tá muito ruim.

0:30:18.750,0:30:21.586
Se os dois não se conversarem,[br]não se entenderem ali.

0:30:21.586,0:30:22.287
É muito péssimo,

0:30:23.221,0:30:24.556
porque

0:30:24.556,0:30:27.926
as vezes que eu percebo[br]assim que até lê alguns fóruns

0:30:27.926,0:30:29.961
e de vez em quando nos comentários,[br]algum designer vai lá,

0:30:29.961,0:30:33.631
coloca mais ou menos a arte dele,[br]uma noção do que ele pretende fazer

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

0:30:37.035,0:30:37.769
Quero ver.

0:30:37.769,0:30:40.772
Deve se virar para fazer.

0:30:41.272,0:30:42.574
Ele é muito.

0:30:42.574,0:30:46.144
Complexo e até os membros que vai[br]de vez em quando o dele

0:30:46.177,0:30:48.746
olhando semana[br]que mundo que esse cara vive,

0:30:48.746,0:30:51.583
Então é importante para você saber.

0:30:51.583,0:30:54.018
Essa é uma de maneira geral[br]e em boa parte

0:30:54.018,0:30:57.021
qualquer área de criação, sempre[br]você tem

0:30:57.355,0:31:00.358
uma fragmentação[br]que essa fragmentação

0:31:00.391,0:31:03.361
ela tende inclusive a é sumindo,

0:31:03.828,0:31:05.530
porque a fragmentação de áreas,[br]por exemplo.

0:31:05.530,0:31:08.533
Então, só pra dar um exemplo,[br]se a gente estava conversando atrás,

0:31:08.733,0:31:10.335
eu pego algumas vagas[br]de vez em quando

0:31:10.335,0:31:11.903
para Design Instrucional[br]e eu vejo algumas

0:31:11.903,0:31:14.105
especificações que eles pedem.

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

0:31:16.441,0:31:17.709
Seu novo inglês.

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

0:31:19.210,0:31:22.213
como o design instrucional,[br]que é uma coisa ligada à pedagogia,

0:31:22.447,0:31:24.983
essencialmente,[br]mas eles já transformaram o design.

0:31:24.983,0:31:27.752
O pedagogo, também[br]designer, entendeu

0:31:27.752,0:31:29.687
e agora não[br]só como não contente quando e como.

0:31:29.687,0:31:31.923
Com isso 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.995
O audiovisual, captação, edição,[br]a parte de design, a parte de

0:31:38.096,0:31:40.531
emoção e programação.

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

0:31:42.867,0:31:46.004
aceita Freitas Também[br]porque realmente

0:31:47.238,0:31:50.241
é importante[br]você ter um mínimo de conhecimento,

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

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

0:31:55.079,0:31:57.949
Você sabe[br]por que você quer aquela transição?

0:31:57.949,0:31:59.751
É realmente necessária?

0:31:59.751,0:32:01.286
Aquela transição perfeita?

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

0:32:04.289,0:32:07.292
Sempre vou falar da sua parte[br]como designer,

0:32:07.292,0:32:10.595
mas era realmente necessária[br]o desenvolvedor vir aqui e ver

0:32:11.162,0:32:11.663
isso aqui.

0:32:11.663,0:32:15.366
Vai realmente[br]pode prejudicar sua fluidez.

0:32:15.366,0:32:17.702
Nosso sistema[br]pode que que a gente pode fazer?

0:32:17.702,0:32:20.638
Olha,[br]você pode de repente tirar FPS,

0:32:20.638,0:32:23.241
por exemplo,[br]você não tem realmente o Diego.

0:32:23.241,0:32:26.344
Agora o desenvolvedor por design[br]tem realmente a necessidade de você

0:32:26.377,0:32:29.380
meter essa transição,[br]Essas transições aqui

0:32:29.881,0:32:31.950
você não pode dar uma[br]adaptada, então é sempre bom

0:32:33.117,0:32:33.484
a gente

0:32:33.484,0:32:36.521
ir um pouco além daquela questão do[br]não botem os dois pra jantar junto.

0:32:36.521,0:32:39.090
Não, amigo, não acaba almoçar[br]não é isso que vai

0:32:39.090,0:32:41.626
é você colocar os dois pra trabalhar[br]juntos.

0:32:41.626,0:32:44.562
O que eu percebo,[br]o que cada vez mais inclusive

0:32:44.562,0:32:48.032
está quem estava conversando[br]sobre isso é que os designers,

0:32:48.032,0:32:51.169
eles estão[br]até vendo pouco do futuro,

0:32:51.769,0:32:55.306
indo para a parte de programação[br]necessariamente porque

0:32:56.374,0:32:59.210
primeiro, talvez[br]ele não seja um baita desenvolvedor,

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

0:33:01.446,0:33:04.449
Então ele vai ter consciência[br]de que a hora que o cara levou

0:33:04.449,0:33:06.484
ao amigo fez. A mão.

0:33:06.484,0:33:08.786
Muito pesada. Mas vamos dar uma

0:33:08.786,0:33:12.790
num primeiro momento e botar os dois[br]para eles demonstrarem primeiro

0:33:12.790,0:33:15.360
qual que é a função

0:33:15.360,0:33:18.463
da mediação do design prática[br]falando artística também, claro,

0:33:18.663,0:33:19.097
certo?

0:33:19.097,0:33:21.799
E principalmente o caminho,[br]o caminho contrário que é.

0:33:21.799,0:33:23.701
Você vê o desenvolvedor, olha

0:33:23.701,0:33:25.903
qual é a outra,[br]Não é só o trabalho que você

0:33:25.903,0:33:29.374
entendeu, mas olha o tanto de cor,[br]recurso e tempo que é fundamental.

0:33:29.374,0:33:31.743
As vezes eu não tenho tempo[br]e olha quanto que eu vou gastar

0:33:32.677,0:33:34.712
e que é realmente necessário.

0:33:34.712,0:33:37.682
Não é aquela[br]desculpa eu vou falar isso aqui.

0:33:37.682,0:33:40.618
Então,[br]essa parte de trabalho em equipe,

0:33:40.618,0:33:42.887
um Saber qual é a função[br]e as dificuldades do trabalho

0:33:42.887,0:33:44.489
do outro que você pode pegar isso[br]e aplicar

0:33:44.489,0:33:46.791
em qualquer área de criação[br]que você quiser.

0:33:46.791,0:33:47.492
Muito bom!

0:33:47.492,0:33:50.528
Então estamos enxergando aqui[br]tendências do mercado,

0:33:50.762,0:33:51.929
falamos do passado.

0:33:51.929,0:33:54.132
Agora nós vamos falar do futuro

0:33:54.132,0:33:57.435
presente[br]e de como é que você enxerga o papel

0:33:57.435,0:34:02.206
da inteligência artificial[br]hoje em tempos E as generativos

0:34:02.473,0:34:06.210
desempenhando um papel[br]nessas animações e transações?

0:34:06.944,0:34:10.481
A Ayla tem tem por si a tendência

0:34:10.481,0:34:14.285
de automatizar os processos[br]e criar padrões, certo?

0:34:14.652,0:34:16.087
Isso acho que é inevitável.

0:34:16.087,0:34:19.424
Já tá acontecendo muito[br]e eu acho que talvez.

0:34:19.424,0:34:23.494
E aí eu não sou futurista,[br]mas eu acredito

0:34:24.262,0:34:27.999
que a tendência[br]é a integração de apps

0:34:28.399,0:34:31.936
e em novos processos tecnológicos,[br]por exemplo, realidade aumentada,

0:34:32.537,0:34:36.007
assim como que vai se integrar[br]com a realidade aumentada.

0:34:37.608,0:34:40.611
Como que aí vai subsidiar

0:34:41.446,0:34:43.915
o Mocha Design

0:34:43.915,0:34:47.251
já tem hoje[br]e Ásia aí que criam animações.

0:34:47.952,0:34:50.121
Eu acho que é tudo[br]uma questão de agora aperfeiçoar.

0:34:50.121,0:34:53.791
Acho que com o tempo[br]isso vai aperfeiçoando, mas

0:34:55.426,0:34:57.595
eu acho que tem a ver com mais

0:34:57.595,0:35:00.598
a automatização de funcionalidades,

0:35:00.598,0:35:03.034
porque o monte em design

0:35:03.034,0:35:06.337
ele é,[br]ele é funcionalidades e emoções.

0:35:06.604,0:35:07.905
E então ele é uma.

0:35:07.905,0:35:12.210
Ele caminha entre ali,[br]ele transforma algo técnico

0:35:12.243,0:35:15.646
em algo humano e eu vou ser mais,

0:35:16.080,0:35:18.449
mas acho que vou ser mais preciso[br]agora.

0:35:18.449,0:35:22.987
Ele faz com que,[br]através das ferramentas dele,

0:35:22.987,0:35:26.858
com que o usuário sinta sensações.

0:35:27.825,0:35:29.994
Então

0:35:29.994,0:35:32.130
aí eu acredito que vai entrar

0:35:32.130,0:35:35.133
aí vai otimizar esses processos,

0:35:35.133,0:35:38.503
automatizar esse processo[br]para que as sensações sejam mais

0:35:39.570,0:35:44.775
sensacionais, quase para,[br]parafraseando o Djonga, que

0:35:45.743,0:35:47.345
não é um podcast, não um

0:35:47.345,0:35:50.948
podcast sobre o Hex Mocha,[br]mas é válido.

0:35:51.182,0:35:54.452
Grande Djonga[br]e então é mais sobre isso.

0:35:54.952,0:35:57.922
Como que a pode melhorar[br]essa navegação

0:35:57.922,0:36:00.992
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.934
e automatização das funcionalidades.[br]Na sua opinião?

0:36:09.934,0:36:13.304
César Até onde ajuda[br]e até onde é um ponto de atenção

0:36:13.304,0:36:14.138
para os profissionais

0:36:14.138,0:36:17.542
que trabalham com isso[br]e usam a I.A no seu dia a dia?

0:36:19.043,0:36:20.878
Taí um tema[br]que se você deixar uma ou duas horas

0:36:20.878,0:36:23.247
aqui falando,[br]deixa eu fazer um recorte.

0:36:23.247,0:36:26.250
Eu acho que a princípio assim é.

0:36:26.984,0:36:29.554
Ele tende a facilitar automatização[br]de alguns processos.

0:36:29.554,0:36:31.122
Perfeito.[br]Então ele tende de repente a

0:36:32.957,0:36:33.558
facilitar.

0:36:33.558,0:36:34.091
Depois de alguns

0:36:34.091,0:36:35.359
trabalhos um pouco mais simples,

0:36:35.359,0:36:38.729
onde você precisa de umas transições[br]mais, porque a inteligência,

0:36:38.729,0:36:41.732
a inteligência artificial,[br]na verdade ela não cria. Tá?

0:36:41.966,0:36:44.268
Ela depende[br]de repositórios de 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
eles têm reclamado[br]que muitos trabalhos deles,

0:36:49.106,0:36:51.509
eles percebe que tem sido roubados,[br]assim.

0:36:51.509,0:36:54.512
Sabe aquele negócio é copia, manda,[br]faz igual.

0:36:55.346,0:36:57.181
Então você tem[br]artistas de diversos setores.

0:36:57.181,0:36:59.483
Como um artista.

0:36:59.483,0:37:01.152
E o que é bem verdade,[br]historicamente

0:37:01.152,0:37:03.287
falando, 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 pensa

0:37:07.124,0:37:10.127
opa, esse estilo aqui é meu[br]e não ganha uma vírgula.

0:37:10.895,0:37:13.898
Então a coisa precisa[br]passar por uma regulamentação,

0:37:13.965,0:37:15.399
mas num primeiro momento.

0:37:15.399,0:37:18.402
E também tem muita questão[br]assim de um certo

0:37:18.569,0:37:20.671
terrorismo momentâneo em relação[br]a isso,

0:37:20.671,0:37:22.006
vai roubar o seu trabalho base.

0:37:22.006,0:37:24.242
Mas então compre a sua[br]e aprenda com a gente.

0:37:24.242,0:37:26.544
Mas pega o pacote pago,[br]então entende

0:37:26.544,0:37:27.078
Se estão tentando

0:37:27.078,0:37:30.081
fazer uma venda dedicada[br]e até tentando fazer a sua venda,

0:37:30.314,0:37:31.449
entendeu?

0:37:31.449,0:37:34.252
Num primeiro momento, eu acho que[br]assim, o que você pode fazer?

0:37:34.252,0:37:36.754
Você dar de[br]design? 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[br]que é importante também moderação.

0:37:42.660,0:37:45.997
Use com moderação,[br]porque a sua ferramenta é muito mais

0:37:45.997,0:37:49.900
do que um After Effects[br]com um lote com a sua ferramenta.

0:37:49.900,0:37:52.003
O processo criativo.

0:37:52.003,0:37:53.204
É o processo ativo.

0:37:53.204,0:37:55.373
Então quanto mais você usa.

0:37:55.373,0:37:58.009
Ah, eu[br]não queria usar esta metáfora,

0:37:58.009,0:38:00.945
mas é que me vem à cabeça[br]agora. É como se fosse uma droga.

0:38:00.945,0:38:02.880
Aí a um todo.

0:38:02.880,0:38:06.417
Eu não estou subjugando as ideias,[br]achando que é muito utilidade,

0:38:06.751,0:38:09.587
mas o uso excessivo[br]tivesse esse seu processo

0:38:09.587,0:38:12.923
criativo a depender da I.A.

0:38:12.957,0:38:14.659
Para poder criar.

0:38:14.659,0:38:19.397
E é no design, na arte como um todo,[br]você precisa.

0:38:20.264,0:38:23.200
Você precisa aguçar o seu processo[br]criativo.

0:38:23.200,0:38:27.371
Isso é se basear em referências[br]e influências do seu meio social.

0:38:27.872,0:38:31.942
Então busque muitas referências,[br]vá em museus, vá em teatro,

0:38:31.942,0:38:36.314
vá em exposições[br]e use com moderação,

0:38:36.314,0:38:39.650
pois se você usar com moderação,[br]se vai manter seu processo

0:38:39.650,0:38:42.953
criativo,[br]vai estimular e você vai ter todo o.

0:38:45.423,0:38:47.825
Capacidade[br]de oferecer o seu trabalho

0:38:47.825,0:38:50.828
da melhor maneira possível,[br]sem se condicionar.

0:38:50.861,0:38:52.830
Se limitar a uma ferramenta, essa.

0:38:52.830,0:38:53.531
Pode condicionar

0:38:53.531,0:38:54.031
bom também não é

0:38:54.031,0:38:57.134
mesmo Uma questão de você eficaz[br]e do cara que ele é designer.

0:38:57.702,0:38:58.836
Ele vai ficar de pé

0:38:58.836,0:39:01.839
se ele começar a utilizar muita[br]e ai ele vai ficar preso a um certo

0:39:02.273,0:39:06.143
nicho de estilo, vamos dizer assim,[br]e ele acaba não 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:10.414
que às vezes você tem um insight[br]roupa para ir pós sentada

0:39:10.414,0:39:12.283
é o que a gente chama de inovação,

0:39:12.283,0:39:14.251
porque é a pá de inovação[br]que eu sempre falo.

0:39:14.251,0:39:16.420
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:22.159
que o pessoal as vezes

0:39:22.159,0:39:23.861
dar de publicidade,[br]de multas de peso,

0:39:23.861,0:39:25.896
Mas como é que eu vou criar[br]alguma coisa do nada e do nada?

0:39:25.896,0:39:28.232
Meu amigo, você vai pensar[br]assim Isso é uma escola de

0:39:29.800,0:39:32.803
uma escola pedagógica[br]que tem alguns milhares de anos.

0:39:32.970,0:39:35.306
Você primeiro[br]vai aprender, copiar e copiar mesmo,

0:39:35.306,0:39:37.508
só não vende,[br]Você vai aprender a copiar.

0:39:37.508,0:39:39.343
Aí você vai copiar, copiar, copiar.

0:39:39.343,0:39:42.613
Aí o aluno se sai 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[br]para ser reprodutor ou falsificador.

0:39:47.585,0:39:48.352
Eu vim aqui para criar.

0:39:48.352,0:39:51.989
Então agora todas as cópias[br]que você fez de diversos segmentos,

0:39:51.989,0:39:54.992
várias referência,[br]você vai criar o seu.

0:39:55.092,0:39:58.429
Então você vai fazer um aplicativo[br]para não ser comida.

0:39:59.230,0:40:02.233
Pega o que melhor[br]você teve de experiência

0:40:02.533,0:40:05.936
em todos esses aplicativos,[br]Então a transição eu vou pegar desse

0:40:06.537,0:40:09.273
de repente ali, uma coisa assim,[br]uma micro interação.

0:40:09.273,0:40:12.910
Eu vou pegar desse e outro recurso[br]de feedback, eu vou pegar desse.

0:40:13.210,0:40:15.312
Então você pegou todos,[br]deu uma certa adaptada

0:40:15.312,0:40:16.647
a partir do que você melhoraria.

0:40:16.647,0:40:18.516
Essa micro interação é legal,[br]mas pode melhorar.

0:40:18.516,0:40:21.152
Pronto, Tudo o que você consumiu,[br]você pegou, juntou,

0:40:21.152,0:40:22.586
transformou e criou seu.

0:40:22.586,0:40:24.488
Chama se Inovação. Nada.

0:40:25.489,0:40:25.823
Cópia é

0:40:25.823,0:40:29.126
diferente de de plágio,[br]É diferente de plágio.

0:40:29.126,0:40:30.928
É uma coisa que você pega,

0:40:30.928,0:40:33.731
que não é sua[br]para fazer como se fosse sua.

0:40:33.731,0:40:35.499
A coisa pegou o iFood aqui,[br]você vai lá

0:40:35.499,0:40:37.201
e faz exatamente a mesma coisa[br]e muda a cor.

0:40:37.201,0:40:39.870
Amigão, você nunca criando, inovou.

0:40:39.870,0:40:44.742
Se não inovou, deu essa questão[br]na criação calma da baixada de 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.780
como é que você vai ter insight[br]se você não tem referências?

0:40:49.780,0:40:50.581
O que ele fala.

0:40:50.581,0:40:52.850
É exatamente não reinventar o.

0:40:52.850,0:40:54.885
Problema da inteligência artificial.

0:40:54.885,0:40:56.620
E o meu medo é que ela comece

0:40:56.620,0:40:59.623
a encaixotar de mais as pessoas,[br]as pessoas, que fique muito.

0:40:59.857,0:41:00.724
Confortável.

0:41:00.724,0:41:02.660
Que cada trabalho que tem.

0:41:02.660,0:41:05.162
Vou ficar muito encaixotado[br]aqui na inteligência artificial.

0:41:05.162,0:41:07.598
Vou lá, eu faço o prompt, vai criar[br]é para o mercado.

0:41:07.598,0:41:10.501
Tá bom, não é assim. É 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.307
Passando para falar Deus.

0:41:16.307,0:41:19.310
Já que a gente não pode ficar mais[br]03h00 aqui.

0:41:19.610,0:41:22.246
Tipo, o papo tá bom,[br]eu tenho certeza que o pessoal

0:41:22.246,0:41:25.249
de casa continuaria[br]escutando a gente,

0:41:25.316,0:41:27.284
mas estamos chegando ao fim.

0:41:27.284,0:41:28.552
E para finalizar,

0:41:28.552,0:41:31.555
a gente vai fazer aqui[br]um exercício de futurismo

0:41:32.289,0:41:35.860
depois da inteligência artificial,[br]quais são outras tendências

0:41:36.093,0:41:39.964
que vocês imaginam[br]para essa área de motion design?

0:41:39.964,0:41:41.432
O que vem pela frente?

0:41:41.432,0:41:43.801
Éder Caramba, cara,

0:41:45.269,0:41:46.036
eu acho que

0:41:46.036,0:41:49.039
o fortalecimento das ideias mesmo

0:41:49.173,0:41:52.176
é porque eu assim

0:41:52.843,0:41:55.112
é o que está em voga hoje, né?

0:41:55.112,0:41:59.750
E ela está não só no começo e então[br]ela está mudando alguns paradigmas

0:42:00.217,0:42:03.220
e eu acho que ainda[br]a gente tem muito para explorar.

0:42:04.021,0:42:07.591
E dentro do que a gente pensa[br]por aí, muita coisa pode aparecer.

0:42:07.825,0:42:09.960
Integrações e superar gente.

0:42:09.960,0:42:12.930
Então isso para mim cria[br]uma crítica, uma cortina de fumaça.

0:42:13.430,0:42:16.667
Eu acho que está muito aberto[br]e tem muita coisa nova para surgir

0:42:17.234,0:42:20.070
e eu acho isso muito bacana. Então

0:42:20.070,0:42:21.238
então acredito nisso.

0:42:21.238,0:42:24.041
Muitas integrações

0:42:24.041,0:42:28.879
e a IA conseguindo transformar[br]funcionalidades

0:42:28.879,0:42:33.017
que às vezes a gente fazia na unha,[br]melhorando o processo, converter.

0:42:33.017,0:42:35.719
O código que já está fazendo isso[br]hoje.

0:42:35.719,0:42:38.689
Então eu[br]acho que eu acredito que vai por aí

0:42:38.689,0:42:42.359
isso assim,[br]pensando num futuro próximo,

0:42:43.160,0:42:45.696
mas num futuro distante eu

0:42:45.696,0:42:49.466
não conseguiria prever[br]ou tentar prever.

0:42:50.200,0:42:53.203
Infelizmente não tenho esse,[br]não tenho essa

0:42:53.470,0:42:56.874
e essa qualidade de Mãe Dinah, mas

0:42:58.442,0:43:00.778
acho que.

0:43:00.778,0:43:02.112
Eu acho que aí

0:43:02.112,0:43:05.115
eu acho que vai dar muito que falar[br]ainda vai dando.

0:43:05.282,0:43:08.018
Pouco tempo atrás[br]você teve um de Psique aí,

0:43:08.018,0:43:10.854
causando um pesar[br]e uma fervura aí no meio, que.

0:43:10.854,0:43:12.089
Tem a ver muito com inovação,

0:43:12.089,0:43:14.491
mas isso é um assunto para outro[br]bate papo.

0:43:14.491,0:43:17.127
Mas com certeza eu acho que.

0:43:17.127,0:43:20.431
Que vai que vai se aprofundar[br]e a gente vai descobrir

0:43:20.431,0:43:21.699
muitas coisas bacanas ainda.

0:43:21.699,0:43:24.068
Coisa boa é, na sua opinião.

0:43:24.068,0:43:25.936
César

0:43:25.936,0:43:28.172
Eu vou me contrariar[br]só pra dar um outro ponto de vista.

0:43:28.172,0:43:29.440
Então vamos lá.

0:43:29.440,0:43:34.011
Eu acho que assim em história,[br]um dos meus negócios é o teu, tá?

0:43:34.078,0:43:34.378
Eu estava

0:43:34.378,0:43:37.481
fazendo faculdade de história,[br]tive que dar uma pausa em história.

0:43:37.481,0:43:38.716
Tem uma coisa que a gente chama

0:43:38.716,0:43:40.618
de filosofia da história,[br]que é uma tendência.

0:43:41.685,0:43:42.553
As pessoas tendem

0:43:42.553,0:43:45.556
a achar que isso existe,[br]que a história se repete, não tá?

0:43:46.256,0:43:48.325
Cada e cada momento histórico[br]ele tem um contexto.

0:43:48.325,0:43:50.628
Mas 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.434
inclusive o pessoal[br]de um dos designers freelas

0:43:57.868,0:44:01.305
que eles prestam serviço[br]para algum cliente e o cliente.

0:44:01.305,0:44:02.740
Ele faz questão de enfatizar

0:44:02.740,0:44:06.043
que toda aquela campanha foi feita[br]com ele, mesmo que não tenha sido.

0:44:06.110,0:44:07.911
Tá mesmo que não tá na moda.

0:44:07.911,0:44:10.247
Teve um desenvolvedor[br]e só pra ter o carimbo de novo,

0:44:10.247,0:44:12.850
olha como somos inovadores,[br]usamos a.

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
que a gente teve a serialização[br]da produção de produtos lá.

0:44:19.590,0:44:21.959
Qualquer coisa, copo ou caneca,

0:44:21.959,0:44:24.995
então, são produzidas em série,[br]o que facilita que muita gente tem.

0:44:25.529,0:44:28.932
E isso é um efeito bom que facilita[br]Todo mundo tem é mais barato,

0:44:29.033,0:44:30.501
só que assim todo mundo tem.

0:44:30.501,0:44:33.337
Isso cria um efeito contrário,[br]que nasce principalmente com Mores

0:44:33.337,0:44:36.874
e com Ruskin, que eram defensores[br]de uma cultura do artesanal.

0:44:37.441,0:44:39.677
É que você tem público,[br]pensa até hoje,

0:44:39.677,0:44:42.379
porque você pode perceber de repente[br]Ah, por que essa caneca aqui

0:44:42.379,0:44:45.783
ela custa 500 R$,[br]sendo que eu posso colocar

0:44:46.383,0:44:49.520
igualzinho aí em qualquer lugar[br]que custa 15, 10 R$.

0:44:49.987,0:44:50.621
Ela é hoje.

0:44:50.621,0:44:51.221
Ela é única.

0:44:51.221,0:44:53.691
Ela foi feita[br]a mão, que é o mais ou menos ali do

0:44:54.992,0:44:55.993
aquele carro inglês que ela é

0:44:55.993,0:44:59.163
feito inteiro a mão, ela é costurada[br]mão, ele é pintado à mão.

0:44:59.463,0:45:02.466
Então acho que num futuro médio,[br]vamos dizer assim,

0:45:02.499,0:45:05.803
eu acho que vai ter uma certa[br]tendência de algumas empresas

0:45:06.103,0:45:10.908
colocarem o selo feito manualmente[br]pra fugir, pra fugir.

0:45:11.141,0:45:13.110
Isso aqui não é de interesse[br]artificial, não faz.

0:45:13.110,0:45:15.245
Todo sentido não.

0:45:15.245,0:45:17.181
E mesmo que você esteja[br]se contrariando.

0:45:17.181,0:45:19.917
Contrariar assim, não existe assim[br]um ciclo da história.

0:45:19.917,0:45:23.687
Tá, mas é uma tendência possível[br]da pessoa ver e falar

0:45:23.854,0:45:24.855
não a nosso trabalho.

0:45:24.855,0:45:27.424
A nossa campanha foi feita por[br]pessoas,

0:45:27.424,0:45:31.528
teve ali um roteirista consagrado,[br]teve ali um designer consagrado.

0:45:31.528,0:45:35.032
Um programador consegue com pessoas[br]um trabalho muito mais humano.

0:45:35.699,0:45:38.202
Talvez não dure tanto,[br]mas deu certo, com certeza.

0:45:38.202,0:45:41.705
Eu acho que isso é uma tendência[br]a aparecer no médio prazo.

0:45:41.705,0:45:43.974
Ao curto prazo,[br]eu acho que vai ser essa febre e.

0:45:43.974,0:45:46.777
No fundo, as tendências,[br]elas estão sempre em movimento.

0:45:46.777,0:45:47.945
Elas vêm em volta.

0:45:47.945,0:45:48.779
De maneira contraditória.

0:45:48.779,0:45:51.415
Se você pegar essa dinâmica,[br]a gente está falando disso.

0:45:51.415,0:45:53.150
Mas hoje eu falei que é verdade,

0:45:53.150,0:45:55.052
porque eu estava vendo sobre isso,[br]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:46:00.124
onde elas enxergam a verdade[br]do que um vídeo totalmente editado,

0:46:00.557,0:46:01.825
aquela coisa toda.

0:46:01.825,0:46:03.460
Isso era uma tendência no começo.

0:46:03.460,0:46:04.995
Exato, né?

0:46:04.995,0:46:05.429
A ideia.

0:46:05.429,0:46:06.163
Ele nasce dessa.

0:46:06.163,0:46:09.399
Maneira e aí depois se exige[br]uma qualificação.

0:46:09.399,0:46:12.202
Das produções.[br]E agora está retornando.

0:46:12.202,0:46:13.370
É um momento muito.

0:46:15.139,0:46:15.506
Só que.

0:46:15.506,0:46:18.308
São contradições, dinâmico,[br]são dialéticas.

0:46:18.308,0:46:21.278
Essa bagunça que virou a coisa? Não,[br]Mas é uma tendência.

0:46:21.278,0:46:24.381
É por isso que cria a ilusão[br]de que a história é cíclica, mas

0:46:24.381,0:46:27.384
é uma questão assim, de

0:46:27.417,0:46:28.786
certa forma, é previsível.

0:46:28.786,0:46:30.320
De certa forma, é loucura.

0:46:30.320,0:46:33.824
Falamos de tecnologia,[br]falamos de inteligência artificial,

0:46:33.824,0:46:37.394
design,[br]história, filosofia, render muito,

0:46:37.394,0:46:40.898
muito mais do que um podcast,[br]uma verdadeira aula.

0:46:41.231,0:46:44.635
E quero me despedir de vocês,[br]Muito obrigado!

0:46:44.635,0:46:46.637
E eu queria desse pela mão 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:55.979
Já assisti vários Tá com Você,[br]que é uma figura conhecida

0:46:56.246,0:46:59.249
na área de tecnologia brasileira,[br]quem sabe até global.

0:46:59.249,0:47:03.187
Aí eu não sei, mas eu conheço[br]você daqui e ter conhecido.

0:47:03.187,0:47:07.591
Seja um cara sensacional, fantástico[br]e o que eu posso dizer sobre

0:47:08.091,0:47:13.030
o fanzine é que as pessoas[br]que tem vontade de fazer vá fundo,

0:47:13.030,0:47:18.602
porque motion Design é você[br]dar movimento a uma ideia e você

0:47:19.770,0:47:21.405
é você criar algo

0:47:21.405,0:47:25.008
que vá, que vá ter vida de alguma[br]forma, entendeu?

0:47:25.375,0:47:29.479
Então, nada mais prazeroso[br]e satisfatório do que você

0:47:29.580,0:47:32.816
não finalizar[br]um projeto de motion design

0:47:32.816,0:47:36.053
e você ver aquele projeto[br]em movimento. Sim?

0:47:36.653,0:47:40.257
Então vão e faça que assim[br]eu sou suspeito para dar,

0:47:40.858,0:47:43.827
porque eu defendo com unhas e dentes[br]a minha profissão,

0:47:43.827,0:47:45.662
mas vale a pena demais.

0:47:45.662,0:47:48.999
Muito bom, muito bom César,[br]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.571
Eu agradeço[br]e muito obrigado aos dois pela aula,

0:47:54.638,0:47:58.208
pelo todo o pessoal da produção,[br]inclusive por toda a delicadeza,

0:47:58.208,0:48:00.477
toda a gentileza. Podcast[br]é muito bacana.

0:48:00.477,0:48:01.545
Parabéns para FIAP

0:48:01.545,0:48:04.681
por todo investimento[br]que faz, infraestrutura em conteúdo,

0:48:05.148,0:48:09.019
satisfação enorme daqui,[br]Mocho designer, Emoção e eficiência.

0:48:09.219,0:48:10.654
Agradeço novamente vocês.

0:48:10.654,0:48:14.591
Agradeço você que ficou até agora[br]aqui com a gente, assistindo

0:48:14.591,0:48:16.560
ou ouvindo esse podcast.

0:48:16.560,0:48:17.461
E você aprendeu

0:48:17.461,0:48:22.399
que o papel do motion design[br]vai muito além de estética.

0:48:22.399,0:48:25.535
Estamos falando aqui de fluidez,[br]dinamismo,

0:48:25.802,0:48:28.572
uma melhor experiência do usuário.

0:48:28.572,0:48:30.874
Parece clichê, mas não é.

0:48:30.874,0:48:35.379
Nós estamos a um toque de tudo isso[br]se tornar realidade.

0:48:35.679,0:48:37.681
Um grande abraço e até a próxima.