WEBVTT 00:00:07.907 --> 00:00:08.341 Sabe aquela animação que tem por trás da tela do seu aplicativo? 00:00:12.178 --> 00:00:15.181 Ou aquela transição entre uma tela e outra? 00:00:15.348 --> 00:00:18.351 Nós estamos falando aqui do Motion Designer. 00:00:18.351 --> 00:00:21.888 O assunto desse podcast vai mostrar para você quais são as principais 00:00:21.888 --> 00:00:25.392 técnicas, ferramentas, frameworks e estratégias 00:00:25.725 --> 00:00:29.596 e, é claro, o papel do desenvolvedor e da inteligência artificial 00:00:29.596 --> 00:00:30.663 em tudo isso. 00:00:30.663 --> 00:00:31.998 Eu sou Gustavo Torrente 00:00:31.998 --> 00:00:35.668 e hoje estou aqui com grandes especialistas em motion. 00:00:35.935 --> 00:00:38.371 Estamos aqui com Eder Bronson. 00:00:38.371 --> 00:00:41.741 César Molina, que hoje vai falar tudo 00:00:41.741 --> 00:00:45.311 sobre o que você precisa saber sobre esse tal de motion designer. 00:00:45.545 --> 00:00:46.713 Tudo bom, César? 00:00:46.713 --> 00:00:48.648 Tudo bom? Obrigado pelo convite. 00:00:48.648 --> 00:00:52.252 Meu nome é César e eu trabalho na área de comunicação e Educação 00:00:52.252 --> 00:00:55.588 e já faz uns quase dez anos na área de educação. 00:00:55.588 --> 00:00:59.092 Faz algo em torno de oito anos na parte de comunicação, uns 20 00:00:59.659 --> 00:01:00.660 faz tempo. 00:01:00.660 --> 00:01:03.663 No momento estou trabalhando mais também como design instrucional, 00:01:03.797 --> 00:01:06.066 utilizando motion e outros recursos audiovisuais. 00:01:06.066 --> 00:01:09.069 Muito bom Eder, Seja muito bem vindo. 00:01:09.069 --> 00:01:09.903 Obrigado. 00:01:09.903 --> 00:01:13.273 Como ele já disse, meu nome é Éder, sou professor de design digital 00:01:13.273 --> 00:01:17.977 da FIAP, dou aula de UX Motion, dou aula também de design gráfico. 00:01:18.511 --> 00:01:22.782 Tenho uma trajetória aí de mais ou menos uns 15 anos em design. 00:01:22.782 --> 00:01:26.719 Venho do jornalismo e fiz uma transição de carreira, 00:01:26.719 --> 00:01:28.822 onde eu fui para tecnologia, 00:01:28.822 --> 00:01:32.692 mas na tecnologia eu resgatei meu lado designer 00:01:32.692 --> 00:01:35.862 e agora eu estou oferecendo um pouco do meu conhecimento 00:01:35.862 --> 00:01:37.764 para meus queridos alunos na FIAP. 00:01:37.764 --> 00:01:40.500 Estou muito feliz com isso. Que incrível, gente! 00:01:40.500 --> 00:01:43.970 Vamos começar aqui nossa conversa colocando os pingos nos is. 00:01:44.070 --> 00:01:48.908 Então, o que é, na sua visão, esse tal de motion design? 00:01:48.908 --> 00:01:51.444 E como é que ele ajuda na experiência do usuário, 00:01:51.444 --> 00:01:54.447 principalmente aqueles que vão navegar por aplicativos? 00:01:54.781 --> 00:01:56.783 Bom, na verdade é isso aí. 00:01:56.783 --> 00:01:57.484 Ele nasce 00:01:57.484 --> 00:01:58.351 há muito tempo atrás, 00:01:58.351 --> 00:01:59.786 ele com o cinema ele foi pensado mais 00:01:59.786 --> 00:02:01.888 a parte de cinema e animações, né? 00:02:01.888 --> 00:02:03.389 Só que trazendo pouco pro nosso contexto. 00:02:03.389 --> 00:02:06.593 Ele cresceu nesse ambiente mais de aplicativos, principalmente 00:02:06.593 --> 00:02:10.096 com o desenvolvimento dos tablets e smartphones. 00:02:10.630 --> 00:02:13.500 Então o motion design é para aplicativos mobile. 00:02:13.500 --> 00:02:15.468 Ele tem uma função ali de primeiro, 00:02:16.870 --> 00:02:18.638 pegando essas referências 00:02:18.638 --> 00:02:22.375 do designer gráfico, da animação e algumas técnicas cinematográficas 00:02:22.375 --> 00:02:24.577 que a gente vê, inclusive reaproveitando os nomes 00:02:24.577 --> 00:02:28.214 que a gente utiliza nessa área, Eles tendem a criar animações 00:02:28.982 --> 00:02:31.951 para tornar 00:02:32.152 --> 00:02:34.020 mais dinâmico a experiência. 00:02:34.020 --> 00:02:34.621 E essa 00:02:34.621 --> 00:02:36.956 acho que é a palavra fundamental que a gente ouve bastante, 00:02:36.956 --> 00:02:38.858 inclusive na área de criação ultimamente, 00:02:38.858 --> 00:02:42.195 que a palavra experiência então, torna esse processo mais fluído. 00:02:42.795 --> 00:02:44.364 E tem até um termo que eu li esse dia 00:02:44.364 --> 00:02:47.634 que eu acho muito engraçado, que é reduzir a carga cognitiva 00:02:48.268 --> 00:02:50.670 do usuário, ou seja, você fazer com que o usuário 00:02:50.670 --> 00:02:53.873 fique muito mais à vontade e muito mais calmo 00:02:54.574 --> 00:02:55.875 de repente, não frustrado. 00:02:55.875 --> 00:02:57.410 São outros temas que eu tenho lido bastante 00:02:57.410 --> 00:03:00.013 na hora de utilizar um aplicativo, por exemplo. 00:03:00.013 --> 00:03:03.049 E para tornar a experiência mais fluida, mais simples. 00:03:03.283 --> 00:03:06.452 Que aquele app não seja um labirinto que ele bate o olho, 00:03:06.452 --> 00:03:07.854 ele já sabe o que vai fazer 00:03:07.854 --> 00:03:11.858 sem ter que pensar muito, sem ter que gastar poder de processamento. 00:03:11.858 --> 00:03:14.093 Também. A parte estética é fundamental, mas 00:03:15.061 --> 00:03:15.662 o essencial 00:03:15.662 --> 00:03:18.698 mesmo é fazer a coisa mais fluída, mais intuitiva. 00:03:19.399 --> 00:03:22.235 Eu costumo dizer que na verdade, 00:03:22.235 --> 00:03:26.806 o usuário é o navegador e o navegante é a gente. 00:03:27.207 --> 00:03:30.944 Por mexer com essa parte técnica, a gente tende a achar que a gente 00:03:30.944 --> 00:03:33.947 é o capitão do barco e na verdade, não. 00:03:34.447 --> 00:03:36.883 Na verdade, o capitão do barco é o próprio usuário, 00:03:36.883 --> 00:03:39.886 Ele que é responsável pela sua navegação, 00:03:39.953 --> 00:03:43.823 O nosso, o nosso trabalho é ser o cursor da água 00:03:44.190 --> 00:03:47.360 e fornecer a linha e o movimento que vai guiar 00:03:47.727 --> 00:03:49.462 os passos desse navegante. 00:03:49.462 --> 00:03:51.431 É na nossa interface digital. 00:03:51.431 --> 00:03:55.835 Então é o Mocha Design, 00:03:55.835 --> 00:03:59.973 que na verdade ele é uma junção de motion graphics com Max Mocha 00:04:00.440 --> 00:04:04.544 e o motion graphics aplicado ao UX 00:04:04.544 --> 00:04:07.547 Mocha e. 00:04:07.981 --> 00:04:12.352 Essa animação de elementos visuais, elementos técnicos que ela aqui 00:04:12.752 --> 00:04:16.322 que a gente joga para interface digital para criar isso 00:04:16.322 --> 00:04:19.692 com o que ele disse que é uma navegação mais fluída e 00:04:20.493 --> 00:04:23.429 mais constante e mais 00:04:24.397 --> 00:04:25.431 tranquila. 00:04:25.431 --> 00:04:28.268 Uma intuitiva. 00:04:28.268 --> 00:04:30.870 Então a gente é o responsável por guiar. 00:04:30.870 --> 00:04:32.338 É muito mais que estética. 00:04:32.338 --> 00:04:35.208 Ele falou isso é muito mais que estética, é uma. 00:04:35.208 --> 00:04:38.211 É uma noção de percepção do usuário. 00:04:38.511 --> 00:04:40.880 Então o nosso objetivo 00:04:40.880 --> 00:04:42.915 é com conduzir 00:04:42.915 --> 00:04:45.918 o usuário pela interface digital, como antes. 00:04:46.052 --> 00:04:47.387 Como a gente vai fazer essa animação? 00:04:47.387 --> 00:04:50.657 É uma mera questão técnica, Então acho que isso é importante dizer, 00:04:50.657 --> 00:04:54.661 porque às vezes as pessoas acham que que a técnica resolve tudo. 00:04:54.661 --> 00:04:55.261 Ah, eu preciso 00:04:55.261 --> 00:04:58.564 aprender um determinado software e eu vou me tornar esse profissional, 00:04:58.998 --> 00:05:00.900 não o motion design. 00:05:00.900 --> 00:05:02.368 Ele é muito mais que técnica. 00:05:02.368 --> 00:05:07.173 Ele é uma noção da cognição do usuário 00:05:07.540 --> 00:05:09.475 em relação com a interface. 00:05:09.475 --> 00:05:10.476 Perfeito, Perfeito. 00:05:10.476 --> 00:05:14.080 Aquela história não estou criando a aplicação para mim. 00:05:14.080 --> 00:05:16.382 Eu estou criando aquela aplicação para o usuário 00:05:16.382 --> 00:05:19.285 e é com a cabeça dele que eu tenho que pensar 00:05:19.285 --> 00:05:22.288 quais são os passos que ele vai tomar, onde que ele vai clicar 00:05:22.422 --> 00:05:23.890 Se ele digitar alguma coisa errada. 00:05:23.890 --> 00:05:27.260 Qual é o feedback visual que eu posso fornecer para qualquer. 00:05:27.260 --> 00:05:28.561 Exercício de empatia? 00:05:28.561 --> 00:05:32.031 Ele se colocar no lugar do outro e ter essa sensibilidade 00:05:32.432 --> 00:05:36.703 é porque não deixa de ser um artista motion designer, não é, concorda? 00:05:36.736 --> 00:05:38.705 É um artista. Aplicado, tem que ter. 00:05:38.705 --> 00:05:41.407 E para ser artista tem que ter sensibilidade 00:05:41.407 --> 00:05:44.177 de se colocar no lugar do outro. É incrível isso que a gente faz. 00:05:44.177 --> 00:05:48.781 Muito boas definições e de que forma fazer essas animações 00:05:49.048 --> 00:05:52.985 vão facilitar a vida e o dia a dia do usuário. 00:05:53.252 --> 00:05:56.856 Ou seja, como é que você consegue hoje, no seu dia a dia, 00:05:57.123 --> 00:06:00.560 colocar em prática esse conhecimento do Motion design 00:06:00.860 --> 00:06:06.299 e tornar interfaces que antes eram complexas, muito mais intuitivas? 00:06:07.533 --> 00:06:09.402 Então, a gente tem alguns recursos. 00:06:09.402 --> 00:06:09.802 Por exemplo, 00:06:09.802 --> 00:06:12.004 a gente tem essa questão de repartir, dos feedbacks, 00:06:12.004 --> 00:06:15.007 das micro interações que vão servir ali para reforçar 00:06:15.208 --> 00:06:17.744 determinado comportamento e muitas vezes, para guiar. 00:06:17.744 --> 00:06:20.613 Então, por exemplo, a gente às vezes pega uma interface ali 00:06:20.613 --> 00:06:23.182 na mão de uma pessoa que não está muito acostumada 00:06:23.182 --> 00:06:26.185 a lidar com aplicativos, internet de maneira geral 00:06:26.319 --> 00:06:30.022 e coloca ela de repente ali na frente de um de um estouro 00:06:30.022 --> 00:06:31.591 em que ela está assistindo uma propaganda. 00:06:31.591 --> 00:06:33.693 De repente, ela gosta do conteúdo a querer saber mais. 00:06:33.693 --> 00:06:36.696 Você tem ali o velho conhecido Call to Action, que é o botão, 00:06:37.130 --> 00:06:39.699 mas às vezes ele é colocado de uma maneira, porque, por exemplo, 00:06:39.699 --> 00:06:42.702 às vezes, dependendo do aplicativo, são muitos recursos. 00:06:42.735 --> 00:06:45.204 Se a gente for colocar um recurso para cada botão, 00:06:45.204 --> 00:06:47.373 essa desculpa contrária, um botão para cada recurso, 00:06:47.373 --> 00:06:48.775 para ser uma tela de botões. 00:06:48.775 --> 00:06:50.910 Então a gente começa a dar ali algumas orientações. 00:06:50.910 --> 00:06:53.312 Por exemplo, coloca uma animação 00:06:54.447 --> 00:06:56.082 como setinhas apontando para cima. 00:06:56.082 --> 00:06:57.950 A pessoa vai saber que se ela quiser 00:06:57.950 --> 00:07:01.220 acessar aquela frase arrasta para cima, arrasta pro lado. 00:07:01.554 --> 00:07:03.322 Então você tem ali alguns aplicativos. 00:07:03.322 --> 00:07:05.725 Eles vêm a primeira vez que você instala 00:07:05.725 --> 00:07:09.061 como se fosse um mini tutoriais para quem está vendo aqui. 00:07:09.061 --> 00:07:10.229 O estudante. 00:07:10.229 --> 00:07:12.432 Você que instalou o Adobe no seu computador pela primeira vez, 00:07:12.432 --> 00:07:12.832 Você sabe, 00:07:12.832 --> 00:07:14.700 toda vez que abre um software é irritante, 00:07:14.700 --> 00:07:17.537 mas toda vez que abre no seu pulador. 00:07:17.537 --> 00:07:20.173 Mas ultimamente parece que eles estão deixando isso. 00:07:20.173 --> 00:07:20.740 Então, para. 00:07:20.740 --> 00:07:24.444 Você assistir de verdade, ele tem ali um tutorial 00:07:24.977 --> 00:07:26.913 para o menu tal, você arrasta para cá, 00:07:26.913 --> 00:07:29.549 você quer acessar a página, você arrasa para cima. 00:07:29.549 --> 00:07:31.451 Então essas 00:07:31.451 --> 00:07:34.787 esse feedback de muitas vezes você clicar no botão você clicou. 00:07:35.087 --> 00:07:37.890 Isso aconteceu comigo esses dias, Foi o meu aplicativo. 00:07:37.890 --> 00:07:40.126 Inclusive eu preenchi um cadastro enorme, 00:07:40.126 --> 00:07:42.061 extremamente mal feito, que você tem que dizer 00:07:42.061 --> 00:07:43.863 você não pode digitar, você tem que se sabe. 00:07:43.863 --> 00:07:47.366 A universidade são todas as universidades do mundo. 00:07:47.366 --> 00:07:50.136 Se vira, acha. Você não pode digitar. 00:07:50.136 --> 00:07:51.504 E olha que você acabou de digitar. 00:07:51.504 --> 00:07:53.406 Você vai lá pra baixo e some da sua tela. 00:07:53.406 --> 00:07:56.976 Todo o formulário que você preencher fica só o botão de enviar. 00:07:57.477 --> 00:07:58.878 O que é o básico da nossa área. 00:07:58.878 --> 00:08:01.180 Quando você aperta o botão que tem acontecer, 00:08:01.180 --> 00:08:02.882 tem que ter uma micro interação com o garotão. 00:08:02.882 --> 00:08:06.385 Ele muda de cor, ele treme, ele muda, aparece como enviado. 00:08:06.419 --> 00:08:07.153 Isso é o básico. 00:08:07.153 --> 00:08:08.521 Nossa, o botão. 00:08:08.521 --> 00:08:11.357 Ele não fazia isso, ele simplesmente não mudava. 00:08:11.357 --> 00:08:14.894 O formulário tinha sido enviado, o formulário tinha sido assim, 00:08:15.428 --> 00:08:16.462 ele carregava. 00:08:16.462 --> 00:08:18.297 Só que tem um macete especial desse aplicativo. 00:08:18.297 --> 00:08:20.533 Você apertava mais de uma vez porque você acha que vai apertar 00:08:20.533 --> 00:08:24.170 uma vez ele zerado o seu formulário seja tinha que começar de novo. 00:08:24.470 --> 00:08:27.507 Então a nossa área trabalha muito 00:08:27.507 --> 00:08:30.610 na parte de direcionamento, mas também de reforço de você 00:08:31.143 --> 00:08:35.248 sanar no usuário se a ação que ele executou foi 00:08:35.815 --> 00:08:36.616 foi para algum lugar ou. 00:08:36.616 --> 00:08:38.284 Traduzir as interrupções. 00:08:38.284 --> 00:08:40.319 Reduzir as interrupções. 00:08:40.319 --> 00:08:42.989 E não existe nada mais desconfortável do que você 00:08:42.989 --> 00:08:43.923 clicar num botão 00:08:43.923 --> 00:08:47.593 e você não saber se o seu arquivo foi subiu 00:08:47.927 --> 00:08:50.229 ou se você recebeu o arquivo de alguma maneira. 00:08:50.229 --> 00:08:53.232 Então esse feedback que está fazendo, que é o feedback visual, 00:08:53.666 --> 00:08:57.537 é uma pequena uma micro animação que é realizada 00:08:58.337 --> 00:09:00.573 através de uma interação 00:09:00.573 --> 00:09:03.543 num pequeno ícone, num pequeno botão 00:09:03.709 --> 00:09:06.178 que dá a resposta 00:09:06.178 --> 00:09:08.915 ao usuário de que aquela ação foi efetiva. 00:09:08.915 --> 00:09:11.784 Tranquiliza. É exatamente o nosso. 00:09:11.784 --> 00:09:15.488 O nosso papel é deixar os usuários mais tranquilos. 00:09:16.589 --> 00:09:18.424 A vida já é muito difícil. 00:09:18.424 --> 00:09:19.292 Então, 00:09:19.292 --> 00:09:22.662 ao acessar o meu site, eu te garanto que tranquilo você vai ficar. 00:09:22.728 --> 00:09:23.596 A vida já difícil. 00:09:23.596 --> 00:09:25.598 O seu aplicativo vai dificultar mais. 00:09:25.598 --> 00:09:26.933 Fácil de se ão 00:09:26.933 --> 00:09:28.701 se as telas que a gente tem que lidar 00:09:28.701 --> 00:09:29.936 o tempo inteiro com elas, 00:09:29.936 --> 00:09:31.871 fortificando a nossa vida, então a gente tá ferrado. 00:09:31.871 --> 00:09:35.107 No começo estava difícil, no final, parecia que eu estava no começo. 00:09:35.608 --> 00:09:37.743 É por aí mesmo da nossa função. 00:09:37.743 --> 00:09:42.481 É o que eles chamam também de vídeo áudio em que seria uma dica visual. 00:09:42.481 --> 00:09:47.219 Essa parte da criação de você dá animações por arrasta clique 00:09:48.287 --> 00:09:51.223 é são recursos que a gente acaba utilizar, além de transições 00:09:51.223 --> 00:09:52.191 que a gente vai comentar. 00:09:52.191 --> 00:09:53.092 São os principais. 00:09:53.092 --> 00:09:56.095 Os três transições Micro interações. 00:09:56.529 --> 00:09:59.098 É o que é. Os feedbacks visuais. 00:09:59.098 --> 00:10:02.668 O visual, interações são recursos então que. 00:10:02.768 --> 00:10:04.904 Fundamentais. Fundamentais que o motion. 00:10:04.904 --> 00:10:07.707 E sabe o que acontece nos primórdios da internet 00:10:07.707 --> 00:10:09.175 não tinha essa preocupação, 00:10:09.175 --> 00:10:11.377 essa preocupação era tem que funcionar. 00:10:11.377 --> 00:10:12.111 E aí o que você falou? 00:10:12.111 --> 00:10:14.714 Você vai selecionar lá cidade, você seleciona. 00:10:14.714 --> 00:10:17.984 O Estado de São Paulo tem mais de 500 cidades e aí 00:10:17.984 --> 00:10:21.454 a sua cidade é a capital de São Paulo que está lá embaixo 00:10:21.754 --> 00:10:23.389 e aí tem que percorrer. 00:10:23.389 --> 00:10:26.025 Todo mundo sabe que a primeira cidade 00:10:26.025 --> 00:10:27.293 é a da cantina, 00:10:27.293 --> 00:10:29.328 porque todo o formulário que você 00:10:29.328 --> 00:10:31.764 vai preencher, que não tem esses recursos, 00:10:31.764 --> 00:10:34.767 você sabe que Adamantina é a primeira da lista. 00:10:34.800 --> 00:10:38.204 Agora você imagina, por exemplo, se quer colocar uma cidade lá 00:10:38.337 --> 00:10:40.506 no seu formulário 00:10:40.506 --> 00:10:44.176 e você clica na setinha pra baixo e não abre a cidade? 00:10:44.310 --> 00:10:47.279 Nós Então já é uma sensação de desconforto, 00:10:47.279 --> 00:10:51.117 Desafio E você falou de desde os primórdios. 00:10:51.117 --> 00:10:51.751 Na verdade, 00:10:52.785 --> 00:10:54.320 agora 00:10:54.320 --> 00:10:54.854 provavelmente a 00:10:54.854 --> 00:10:57.857 gente deve estar falando com uma faixa etária aqui ou enfim, 00:10:57.990 --> 00:11:01.160 quem tiver mais ou menos a nossa idade vai lembrar dos sites 00:11:01.727 --> 00:11:03.195 da década de 90. 00:11:03.195 --> 00:11:06.632 Até tem lugares sites que arquivam 00:11:06.899 --> 00:11:09.935 esses essas interfaces de web arcaico. 00:11:09.935 --> 00:11:12.805 Vai ver quem é bom. Brigado por lembrar. 00:11:12.805 --> 00:11:16.342 Eu estava aqui matutando se você pega um site da década de 90, 00:11:16.342 --> 00:11:20.680 experiência do usuário Meu Deus, essa era era o terror na terra. 00:11:20.680 --> 00:11:23.683 A gente desbravou aquilo tudo. 00:11:23.783 --> 00:11:25.918 Sobreviveu, apanhou pra fazer. 00:11:25.918 --> 00:11:26.819 Então é assim que. 00:11:26.819 --> 00:11:29.689 Teve alguém que falou assim Meu Deus, isso aqui está terrível. 00:11:29.689 --> 00:11:31.891 Eu vou ajudar o pessoal na vida melhor. 00:11:31.891 --> 00:11:34.160 Essa pessoa merece ser glorificado. 00:11:34.160 --> 00:11:36.429 Acho que isso que você trouxe 00:11:36.429 --> 00:11:40.099 é muito da cultura e da experiência que nós tivemos no passado de hoje. 00:11:40.099 --> 00:11:44.103 Não ter essa paciência de querer assistir o tutorial 00:11:44.336 --> 00:11:47.373 que de repente outra geração ou outra cultura tem. 00:11:47.373 --> 00:11:49.975 Eu vejo que os americanos tem muito dessa cultura. 00:11:49.975 --> 00:11:52.244 Quando eles compram uma TV, por exemplo, 00:11:52.244 --> 00:11:56.148 de abrir a caixa, pegar o manual, ficar lendo o manual para depois. 00:11:56.215 --> 00:11:56.716 Aqui não. 00:11:56.716 --> 00:12:00.219 Aqui a gente pega a TV, coloca na tomada, pega o controle remoto. 00:12:00.252 --> 00:12:03.823 Não é útil, tem uma folhinha aqui explicando porque não? 00:12:04.790 --> 00:12:05.925 Na melhor das hipóteses, o 00:12:05.925 --> 00:12:09.729 cara vê uma box, vê um review, pra falar bem a verdade. 00:12:09.729 --> 00:12:10.863 Assim, quando eu tenho pego uma coisa 00:12:10.863 --> 00:12:12.264 não tô conseguindo programar, não tem dúvida. 00:12:12.264 --> 00:12:13.933 YouTube 00:12:13.933 --> 00:12:16.869 é uma cultura imediatista, vai um pouco além de geração. 00:12:16.869 --> 00:12:19.972 Você está vendo que até ele falou assim a gente largou 00:12:20.573 --> 00:12:23.743 o panfletinho lá do manual para a gente 00:12:23.743 --> 00:12:27.880 procurar o tutorial de como montar num site, 00:12:28.447 --> 00:12:31.650 porque o YouTube é um site e o Facebook é um site. 00:12:32.251 --> 00:12:36.489 E pela intuição intuitividade deles, faz com que eu 00:12:36.489 --> 00:12:39.992 muito mais intuitivo eu procurar numa plataforma como essa 00:12:40.392 --> 00:12:42.962 do que com do que eu ler um manual. 00:12:42.962 --> 00:12:44.897 Que é mal diagramado. Olhos. 00:12:44.897 --> 00:12:46.198 Muito mal diagramado. 00:12:46.198 --> 00:12:48.000 E aí você fica naquela confusão que. 00:12:48.000 --> 00:12:52.004 Você acha na internet, mas é como projetar o relógio na TV 00:12:52.438 --> 00:12:55.741 tem nem um link incrível como tem, então é muito mais 00:12:55.741 --> 00:12:56.776 fácil, muito mais prático 00:12:58.611 --> 00:13:00.279 a cultura do imediatismo. 00:13:00.279 --> 00:13:03.215 A gente tem que ter coisas que tem que forneçam respostas rápidas. 00:13:03.215 --> 00:13:04.917 Assim dá até para coisas que a gente 00:13:04.917 --> 00:13:06.819 não tem como ser mais rápido do que isso, né? 00:13:06.819 --> 00:13:09.088 A gente chegou num estado que a gente pergunta pro ar 00:13:09.088 --> 00:13:10.122 como eu programo essa TV? 00:13:10.122 --> 00:13:12.124 O ar me responde Ainda não chegamos lá, 00:13:12.124 --> 00:13:13.392 mas o aplicativo é uma coisa 00:13:13.392 --> 00:13:15.060 e cada vez mais ele tem que ser responsivo, 00:13:15.060 --> 00:13:17.263 tem que ser rápido, Ninguém vai aturar ficar. 00:13:17.263 --> 00:13:19.498 Às vezes o aplicativo diz eu já fiz, já fiz isso. 00:13:19.498 --> 00:13:22.501 Abandonar aplicativo de comida, porque o negócio 00:13:22.802 --> 00:13:25.104 ou é lerdo ou mete uma animação que não tem nada a ver 00:13:25.104 --> 00:13:28.107 e consequentemente, assim o toc toc, o celular ruim ele na época 00:13:28.174 --> 00:13:29.942 o carregamento não vai não. 00:13:29.942 --> 00:13:32.278 E existe uma pesquisa que inclusive 00:13:32.278 --> 00:13:33.813 eu não vou lembrar a fonte da pesquisa. 00:13:33.813 --> 00:13:36.782 Por favor, se vocês tiverem acesso em casa, 00:13:37.049 --> 00:13:41.053 pesquisem isso, Mas que existe uma média de de 00:13:42.121 --> 00:13:45.090 de que usuários eles largam um site. 00:13:45.324 --> 00:13:48.961 Se o site demorar 3/2 sim para abrir, então sim, 00:13:49.995 --> 00:13:52.698 a otimização é um processo fundamental também, 00:13:52.698 --> 00:13:55.000 Então não basta você ter uma animação, 00:13:55.000 --> 00:13:58.771 uma muffin design bem bacana se ele não tiver otimizado 00:13:58.904 --> 00:14:01.907 para que o site carregue bem, para que o site flua bem, 00:14:02.241 --> 00:14:04.376 para que ele não fique cheio de travamentos. 00:14:04.376 --> 00:14:05.878 Boa, Eu quero pegar 00:14:05.878 --> 00:14:09.915 um gancho que o César trouxe ele de múltiplas animações e tudo mais. 00:14:10.182 --> 00:14:13.185 Vocês que são profissionais que hoje estão na área, 00:14:13.219 --> 00:14:16.155 atuam no dia a dia com motion design. 00:14:16.155 --> 00:14:20.226 Eu vejo que às vezes o excesso de animações e transições 00:14:20.559 --> 00:14:23.128 podem dificultar a vida do usuário. 00:14:23.128 --> 00:14:26.665 Não adianta ter um aplicativo que gira pula história, 00:14:26.966 --> 00:14:29.535 sendo que ele não cumpre com as funcionalidades básicas. 00:14:30.569 --> 00:14:32.004 Eder, na sua opinião, 00:14:32.004 --> 00:14:33.639 como é que a gente consegue alcançar 00:14:33.639 --> 00:14:36.909 um equilíbrio entre essas transições e animações 00:14:37.142 --> 00:14:40.145 e a usabilidade final para o nosso usuário? 00:14:40.646 --> 00:14:45.384 E análise de otimização do site de 00:14:46.886 --> 00:14:49.021 Se o site está rendendo bem é a primeira. 00:14:49.021 --> 00:14:52.024 A primeira coisa tem que fazer, identificar, 00:14:52.024 --> 00:14:54.660 ter esse excesso de animações 00:14:54.660 --> 00:14:58.430 através de uma percepção sensível 00:14:58.631 --> 00:15:01.634 que o motion design tem que ter. 00:15:02.735 --> 00:15:05.738 Em tudo, qualquer trabalho, em qualquer trabalho. 00:15:05.871 --> 00:15:08.073 No caso de interface digitais, a gente tá falando de animação. 00:15:08.073 --> 00:15:10.709 Um monte de animação não vai ser legal 00:15:10.709 --> 00:15:14.013 se você pegar para fazer um panfleto, se não utilizar 00:15:14.013 --> 00:15:18.284 o mesmo, o mesmo estilo ou o mesmo objeto várias vezes, 00:15:18.851 --> 00:15:22.121 ele vai cair num problema que é um dos princípios do fundo 00:15:22.388 --> 00:15:25.391 e um dos fundamentos do design do design, que é a repetição. 00:15:25.824 --> 00:15:28.661 Então acho que a gente tem que controlar essa questão de repetição. 00:15:28.661 --> 00:15:31.664 Então a gente tem que ter o bom senso, a sensibilidade 00:15:31.697 --> 00:15:33.432 de tornar a página fluida. 00:15:33.432 --> 00:15:37.336 E esse processo exige o conhecimento do usuário. 00:15:38.270 --> 00:15:40.773 Então, assim, quando você conhece 00:15:40.773 --> 00:15:44.910 como que o comportamento visual diante de uma interface de usuário, 00:15:44.910 --> 00:15:48.948 você vai adquirindo automaticamente e imperceptivelmente 00:15:49.315 --> 00:15:50.950 essa sensibilidade. 00:15:50.950 --> 00:15:54.186 Então é e é design de design 00:15:54.186 --> 00:15:57.256 tem um objetivo de frente de arte que é subjetiva. 00:15:57.723 --> 00:16:01.093 Então, se você tem um objetivo, você tem que cumprir 00:16:01.093 --> 00:16:04.096 com esse objetivo ou excesso de animação. 00:16:04.163 --> 00:16:05.597 Ele vai cumprir o objetivo. 00:16:06.632 --> 00:16:08.834 Depende de qual a proposta da interface. 00:16:08.834 --> 00:16:12.037 Se ele não estiver cumprindo esse objetivo, então tira. 00:16:13.605 --> 00:16:18.277 É preciso ter essa sensibilidade, esse bom senso de saber avaliar 00:16:18.777 --> 00:16:21.747 qual é a proposta e qual o objetivo da animação. 00:16:21.747 --> 00:16:26.218 E assim, com bom briefing, você vai a lugares maravilhosos. 00:16:26.852 --> 00:16:28.487 Sensacional! 00:16:28.487 --> 00:16:30.723 Nós falamos aqui nesse bate papo 00:16:30.723 --> 00:16:33.726 sobre micro interações. 00:16:34.259 --> 00:16:36.128 Traz para nós aí alguns exemplos. 00:16:36.128 --> 00:16:40.299 Eu percebo que a micro interação é aquela coisa que o usuário 00:16:40.299 --> 00:16:43.602 às vezes ele não percebe, ele não dá valor, Mas aqui não 00:16:43.602 --> 00:16:47.706 faz uma diferença enorme na sua experiência e na usabilidade. 00:16:48.007 --> 00:16:51.610 Traz alguns outros exemplos de micro interações para o pessoal 00:16:51.610 --> 00:16:52.378 que está assistindo. 00:16:52.378 --> 00:16:54.279 A gente associa um. 00:16:54.279 --> 00:16:56.548 Isso aqui é uma micro interação. 00:16:56.548 --> 00:16:59.752 Então, por exemplo, quando você vai preencher lá alguma 00:16:59.752 --> 00:17:03.655 uma rede social fora do seu computador, fora do seu celular 00:17:03.956 --> 00:17:07.326 e essa essa é bem famosa e aí a gente está acostumado a salvar 00:17:07.326 --> 00:17:10.329 sem ali não ter que ficar mais decorando. 00:17:10.562 --> 00:17:13.232 Ou a gente mete a impressão digital e acessa. 00:17:13.232 --> 00:17:15.934 Às vezes a gente tem que acessar o site fora, em outro lugar. 00:17:15.934 --> 00:17:17.903 A sua rede social, Qual a sua senha do Facebook? 00:17:17.903 --> 00:17:19.038 Não tem a menor não. 00:17:19.038 --> 00:17:23.042 Face daí você vai tentar entrar na sua senha e não funciona. 00:17:23.042 --> 00:17:24.610 Você aqui acontece normalmente com o cabo, 00:17:24.610 --> 00:17:27.646 porque você digita e erra, ele tende a ficar na cor vermelha. 00:17:28.247 --> 00:17:30.482 Mas além disso, a gente até comenta sobre isso 00:17:30.482 --> 00:17:32.684 em relação a acessibilidade, só ficar na cor vermelha, 00:17:32.684 --> 00:17:35.521 na cor vermelha não ajuda. Ele dá uma tremidinha. 00:17:35.521 --> 00:17:38.023 Isso é uma coisa que acontecem em todas, né? 00:17:38.023 --> 00:17:38.957 Mas acho que a maioria 00:17:40.159 --> 00:17:42.161 dos aplicativos que a gente utiliza, quando você erra 00:17:42.161 --> 00:17:44.329 alguma informação, ele tende a tremer. 00:17:44.329 --> 00:17:45.330 Quando você preenche 00:17:45.330 --> 00:17:48.333 de repente o seu CEP errado, você colocou seis dígitos, 00:17:48.367 --> 00:17:51.370 o que normalmente tende a acontecer minimamente. 00:17:51.370 --> 00:17:54.606 Ele não te deixa ir para frente, ele vai subir De repente a página 00:17:54.606 --> 00:17:56.675 e vai mostrar o erro com uma cor diferente. 00:17:56.675 --> 00:17:57.776 Onde que você errou? 00:17:57.776 --> 00:18:00.779 Então, essas interações desde o movimento, 00:18:01.013 --> 00:18:03.515 desde a alteração de cor ou os dois juntos, 00:18:03.515 --> 00:18:05.017 preferencialmente os dois juntos, 00:18:05.017 --> 00:18:07.953 ele vai mostrar uma espécie de reforço 00:18:07.953 --> 00:18:11.123 quando você acerta ou ao contrário, quando você é que é o caso aqui. 00:18:12.091 --> 00:18:13.592 Então 00:18:13.592 --> 00:18:16.595 são coisas que tende realmente a. 00:18:17.663 --> 00:18:19.164 Reforçar 00:18:19.164 --> 00:18:21.600 para que você não faça mais ou você preste atenção 00:18:21.600 --> 00:18:24.603 ou para que de repente, quando você dá um like, 00:18:25.771 --> 00:18:27.840 uma coisa até um pouco mais recente, 00:18:27.840 --> 00:18:30.576 você dá um like ou um coraçãozinho, dá um parabéns, 00:18:30.576 --> 00:18:32.277 Vocês ainda existe isso no Facebook? 00:18:32.277 --> 00:18:35.948 Você coloca parabéns a pessoa só tem serpentina, 00:18:36.348 --> 00:18:39.017 então isso é um é um reforço, uma interação que causa ali 00:18:39.017 --> 00:18:42.187 uma uma conexão emocional, porque assim, 00:18:43.789 --> 00:18:46.358 a parte de do 00:18:46.358 --> 00:18:48.627 do Mouchão ela pega um pouquinho de referência, 00:18:48.627 --> 00:18:50.395 atenção, um pouquinho de referências 00:18:50.395 --> 00:18:53.398 ali, dos 12 passos, dos fundamentos da animação 00:18:53.432 --> 00:18:56.535 Tá que é o livro que surge lá da década de 80, 00:18:56.535 --> 00:18:59.037 que foram observações feitas principalmente 00:18:59.037 --> 00:19:00.672 com produções da Disney. 00:19:00.672 --> 00:19:03.942 Alguém que veio da regra e alguém que achou elementos em comum 00:19:04.510 --> 00:19:06.278 e que vai influenciar de alguma forma. 00:19:06.278 --> 00:19:09.281 Por exemplo, do 12 fundamentos do Unix 00:19:09.381 --> 00:19:11.283 Qual a diferença de um e de outro da animação? 00:19:11.283 --> 00:19:15.621 E para criar uma conexão emocional do YouPix para criar uma? 00:19:16.221 --> 00:19:19.391 Eu tenho sentido mais quando você tem experiência, entendeu? 00:19:19.391 --> 00:19:22.327 Então você vai juntar um com o outro, entendeu? 00:19:22.327 --> 00:19:25.330 Ou fique mais, está mais A questão da arte da animação 00:19:25.697 --> 00:19:27.966 para te trazer uma conexão emocional é fundamental. 00:19:29.101 --> 00:19:31.270 A experiência é muito bom, mas quando você sente ali 00:19:31.270 --> 00:19:32.971 que tem uma, a questão de você 00:19:32.971 --> 00:19:35.140 dar like ou um coração e ter toda uma animação 00:19:35.140 --> 00:19:38.143 e uma alimentação, vamos dar feedback. 00:19:39.077 --> 00:19:41.813 Ele torna sua experiência muito mais emocional, o que é importante. 00:19:41.813 --> 00:19:44.349 Também é bom que o aplicativo funcione, 00:19:44.349 --> 00:19:47.119 mas essa conexão emocional também é fundamental. 00:19:47.119 --> 00:19:48.954 Então essas micro interações 00:19:48.954 --> 00:19:51.823 geralmente elas trazem um pouquinho dos dois. Sem dúvida. Sem dúvida. 00:19:51.823 --> 00:19:55.093 Vamos fazer agora uma viagem no tempo e voltar 00:19:55.093 --> 00:19:59.765 lá para 2009, 2009 foi um ano que começou 00:20:00.132 --> 00:20:03.168 a surgir os primeiros aplicativos 00:20:03.168 --> 00:20:07.206 após o lançamento de AppStore Google Play. 00:20:07.339 --> 00:20:08.941 A antiga Play Store. 00:20:08.941 --> 00:20:11.610 Era uma época que tinha diversos 00:20:11.610 --> 00:20:16.481 smartphones, um leque com Windows Phone, BlackBerry, 00:20:17.182 --> 00:20:20.919 AIO, o S, Android, entre outros. 00:20:21.687 --> 00:20:24.122 Voltando agora para os dias de hoje, 00:20:24.122 --> 00:20:28.961 nós temos a grande concentração entre usuários Android e iOS s. 00:20:29.695 --> 00:20:32.798 Éder muda alguma coisa de Android para iOS 00:20:32.798 --> 00:20:36.101 quando o assunto é Mocha ou tudo a mesma coisa? 00:20:36.335 --> 00:20:39.338 Eu acho que tem muito a ver com as diretrizes de design. Tá? 00:20:39.838 --> 00:20:40.372 Então, assim 00:20:41.573 --> 00:20:43.442 como sou péssima com o nome, mas por exemplo, 00:20:43.442 --> 00:20:47.212 o Android usa muito o material de design do Google, 00:20:47.879 --> 00:20:50.816 então tem essas peças 00:20:50.816 --> 00:20:53.752 que essa diferenças que estão muito estéticas, de estilo. 00:20:53.752 --> 00:20:57.322 Por exemplo, o material design é mais flat. 00:20:57.889 --> 00:21:00.659 Você se lembra como que é o nome do material? 00:21:00.659 --> 00:21:02.561 Me perdão, Perdão por não lembrar. 00:21:02.561 --> 00:21:08.600 Eu Capaz que eu lembre no meio, mas eles também usam um estilo. 00:21:08.800 --> 00:21:10.269 De Leibniz. 00:21:10.269 --> 00:21:11.103 Ou alguma. 00:21:11.103 --> 00:21:13.672 Coisa mais de uma interface. 00:21:13.672 --> 00:21:17.009 Eu acho que eles tem menos de Flash, eles tem e eles mexem mais 00:21:17.009 --> 00:21:20.879 com sombreamento e profundidade através de luzes. 00:21:20.879 --> 00:21:23.882 Então sim, tem essa diferença de diretrizes 00:21:24.249 --> 00:21:27.419 e de softwares que você vai usar, de ferramentas que você vai usar. 00:21:27.419 --> 00:21:30.422 Então você pode usar 00:21:30.422 --> 00:21:33.492 no Android, você pode usar lote, você pode usar o After Effects 00:21:33.492 --> 00:21:37.029 para converter ou as suas animações indie em Jeison 00:21:38.196 --> 00:21:39.998 e Flutter. 00:21:39.998 --> 00:21:43.001 Então assim tem várias ferramentas que aqui são 00:21:43.101 --> 00:21:47.906 que diferenciam, são utilizadas em cada sistema legal Sim, 00:21:48.907 --> 00:21:52.544 tem suas diferenças, mas o fundamental mesmo é o. 00:21:52.544 --> 00:21:53.745 Fundamental mesmo, 00:21:53.745 --> 00:21:55.247 desde que a gente consiga respeitar 00:21:55.247 --> 00:21:57.316 ali exatamente o lugar de lines, né? 00:21:57.316 --> 00:21:59.051 Traduzindo para o pessoal de casa 00:21:59.051 --> 00:22:02.621 um conjunto de boas práticas que cada sistema operacional usa. 00:22:03.021 --> 00:22:06.391 E vale destacar também que são fundamentais, 00:22:06.391 --> 00:22:09.461 muitas vezes para o aplicativo ser aceito na loja. 00:22:09.861 --> 00:22:13.398 Porque às vezes, se você coloca lá um botão que foge da proposta 00:22:13.632 --> 00:22:16.902 ou um botão menor, o que a Apple que o Google pensa, 00:22:17.102 --> 00:22:20.038 o meu usuário vai ter dificuldade de clicar nesse botão. 00:22:20.038 --> 00:22:21.807 E aí, o que ele vai falar? 00:22:21.807 --> 00:22:23.008 Ah, esse aplicativo é ruim. 00:22:23.008 --> 00:22:27.212 Ele vai falar se iPhone não presta, Então eles são bem preocupados 00:22:27.212 --> 00:22:27.879 com essa questão. 00:22:28.914 --> 00:22:29.915 Nos projetos que você 00:22:29.915 --> 00:22:33.452 já tocou, seja, você sentiu muita diferença de 00:22:33.819 --> 00:22:36.822 S para Android na hora de pensar em Mocha. 00:22:37.389 --> 00:22:39.691 Que normalmente o cabelo 00:22:39.691 --> 00:22:42.094 adoece, eles tem uma questão com sobreposição 00:22:42.094 --> 00:22:45.097 e de arrastar para o lado e, 00:22:46.264 --> 00:22:47.132 por exemplo, 00:22:47.132 --> 00:22:48.800 eles também tem uma questão em relação a você 00:22:48.800 --> 00:22:50.802 não começar o movimento muito perto da borda. 00:22:50.802 --> 00:22:54.272 A recomendação que eles dão é bem uma recomendação não pode 00:22:55.140 --> 00:22:58.143 é no Android, ele é um pouco mais. 00:23:00.011 --> 00:23:02.214 Eu não sei como é que é hoje em dia, mas tinha se uma certa cultura 00:23:02.214 --> 00:23:04.683 de que vai um pouquinho mais chatinho. Você. 00:23:04.683 --> 00:23:07.419 Só que, assim como você falou, a gente está hoje 00:23:07.419 --> 00:23:10.422 muito mais em Androide e o S. 00:23:10.922 --> 00:23:14.493 As diferenças de tamanho de tela elas são muito menores 00:23:14.493 --> 00:23:15.961 lá isso do que no androide androide. 00:23:15.961 --> 00:23:18.096 Você tem uma variedade imensa gente, 00:23:18.096 --> 00:23:20.332 e você tem que trabalhar em cima disso. 00:23:20.332 --> 00:23:22.100 E as transições aqui são assim. 00:23:22.100 --> 00:23:25.070 Já o a essa transição ela é mais suave. 00:23:26.071 --> 00:23:27.038 É o que ele falou. 00:23:27.038 --> 00:23:28.640 Acho que é muito mais uma questão assim, de tão. 00:23:28.640 --> 00:23:33.412 Sutil e sutil, de mais e às vezes torna imperceptível para o usuário. 00:23:33.879 --> 00:23:36.615 Então é mais uma questão de detalhe técnico e. 00:23:36.615 --> 00:23:37.883 A questão do design como um todo. 00:23:37.883 --> 00:23:38.483 Se você pegar, 00:23:38.483 --> 00:23:40.585 se você comparar o WhatsApp em um e outro, 00:23:40.585 --> 00:23:44.322 mas essas diferenças não sabe do tipo Ah, detalhe maior 00:23:44.322 --> 00:23:44.956 existe uma 00:23:44.956 --> 00:23:48.293 preferência no modo de transição, que é o que é o de expandir, 00:23:48.727 --> 00:23:50.929 que é algo que também chamado como que é? 00:23:50.929 --> 00:23:51.997 Vou tentar traduzir aqui. 00:23:51.997 --> 00:23:53.899 Acho que é obscurecer, se não me engano, 00:23:53.899 --> 00:23:57.569 onde você aplicaria um clique de um determinado ou uma determinada 00:23:57.569 --> 00:23:58.970 tela, Ela expande. 00:23:58.970 --> 00:24:00.105 Só que o que está atrás 00:24:00.105 --> 00:24:03.608 não desaparece, que é para te manter o senso de direção perdido. 00:24:04.176 --> 00:24:07.179 Só que assim o Android também está fazendo isso. 00:24:07.579 --> 00:24:09.381 Então voltar para o WhatsApp, por exemplo. 00:24:09.381 --> 00:24:11.149 A única diferença que eu vi, visualmente 00:24:11.149 --> 00:24:12.918 falando, o WhatsApp de um para o outro 00:24:12.918 --> 00:24:16.321 é que em cima do do Android ele tem uma faixinha verde 00:24:16.988 --> 00:24:19.991 para fazer a barra superior de ser dividida em duas 00:24:20.091 --> 00:24:21.092 a superior do aio. 00:24:21.092 --> 00:24:23.295 Essa é uma faixa única com uma cor só. 00:24:23.295 --> 00:24:24.963 Então se são coisas que 00:24:24.963 --> 00:24:27.966 acho que antigamente o AIO seria um pouco mais temido, 00:24:28.467 --> 00:24:31.470 mas hoje a coisa acabou convergindo um pouco 00:24:31.470 --> 00:24:33.038 e eu não vejo tantas diferenças assim. 00:24:33.038 --> 00:24:36.575 A questão de você arrastar pro lado ou não muita coisa do Android 00:24:36.575 --> 00:24:39.578 funciona assim hoje em dia essa convergência. 00:24:39.578 --> 00:24:39.878 A gente 00:24:39.878 --> 00:24:43.448 discutia muito isso no passado, as diferenças de um para o outro. 00:24:43.782 --> 00:24:47.419 O iPhone tinha um botão voltar no aplicativo, 00:24:47.652 --> 00:24:50.689 o voltar do Android já é nativo do próprio aparelho, 00:24:51.156 --> 00:24:52.257 tinha essas diferenças. 00:24:52.257 --> 00:24:54.893 Mas esse lance da convergência é muito legal, 00:24:54.893 --> 00:24:57.896 porque a gente percebe que as empresas olhem, fala 00:24:58.029 --> 00:25:00.065 o que eu estou querendo reinventar a roda. 00:25:00.065 --> 00:25:03.702 Se meu usuário já sabe que o carrinho de compra no canto 00:25:03.702 --> 00:25:07.105 superior direito que eu vou inventar moda e colocar embaixo 00:25:07.472 --> 00:25:10.408 porque as pessoas já estão associando, inclusive 00:25:10.408 --> 00:25:14.279 no caso do Mocha, que é o nosso papo aqui, os gestos, 00:25:14.479 --> 00:25:18.717 os movimentos, o arrasta pra cima, o double tap, 00:25:20.151 --> 00:25:23.154 aí o s Android são 00:25:23.488 --> 00:25:26.825 as nossas principais plataformas de smartphone 00:25:27.225 --> 00:25:29.027 Quando gente fala de sistema operacional, 00:25:29.027 --> 00:25:32.030 mas e quando a gente fala num passo anterior 00:25:32.297 --> 00:25:33.999 ao desenvolvimento do aplicativo? 00:25:33.999 --> 00:25:39.371 O protótipo Quais ferramentas que vocês indicam hoje para a gente 00:25:39.571 --> 00:25:43.808 prototipar esses aplicativos já pensando nas animações 00:25:45.477 --> 00:25:46.177 Sigma? 00:25:46.177 --> 00:25:47.679 Você pode animar no Sigma também. 00:25:47.679 --> 00:25:49.381 Acho que é o mais comum. 00:25:49.381 --> 00:25:51.783 É tão Sketch. 00:25:51.783 --> 00:25:53.251 Sete. 00:25:53.251 --> 00:25:55.287 O After Effects também. 00:25:55.287 --> 00:25:58.290 Essas ferramentas todas você consegue prototipar 00:25:58.523 --> 00:26:01.760 e elas de alguma forma tem suas integrações. 00:26:01.760 --> 00:26:02.494 Que legal! 00:26:02.494 --> 00:26:06.097 Então, hoje a tecnologia é tão bacana hoje que você 00:26:07.299 --> 00:26:10.268 você consegue permear por todos os cantos, 00:26:10.268 --> 00:26:13.138 por todas as ferramentas, sem necessariamente sair, 00:26:13.138 --> 00:26:14.472 abandonar outra ferramenta, 00:26:14.472 --> 00:26:18.910 porque elas estão integradas e então, Mas são algumas. 00:26:19.277 --> 00:26:19.911 Mas aí tem. 00:26:19.911 --> 00:26:21.947 Tem diversas ferramentas, não. 00:26:21.947 --> 00:26:24.149 O lote, o. Lote. 00:26:24.149 --> 00:26:27.152 Que você não conhecia e é aqui que ele faz. 00:26:27.686 --> 00:26:30.288 O. Acerto e o lote. 00:26:30.288 --> 00:26:32.791 Ele pertence. O modo que é para que? 00:26:32.791 --> 00:26:34.926 Pra galera que já trabalha mais com programação, 00:26:34.926 --> 00:26:36.895 porque ele te fornece um arquivo JSON 00:26:36.895 --> 00:26:39.431 ou de um monte de coisa que precisa para não ser. 00:26:39.431 --> 00:26:40.165 Aí você vai trabalhar. 00:26:40.165 --> 00:26:43.602 Se você não souber programar, aí precisaria de algum desenvolvedor 00:26:43.602 --> 00:26:45.870 que dá o código, que é o código mais facilitado, 00:26:45.870 --> 00:26:48.873 inclusive na era mais fácil de roda, inclusive muito mais rápido. 00:26:49.240 --> 00:26:51.977 E tem a versão romance mais prático e multiuso. 00:26:51.977 --> 00:26:53.011 Qualquer um pode pegar. 00:26:53.011 --> 00:26:55.680 Você pode baixar uma animação, você precisa colocar no teu. 00:26:58.350 --> 00:26:59.884 Mala alguma 00:26:59.884 --> 00:27:02.887 publicação seu e fazer de repente no Instagram 00:27:03.054 --> 00:27:06.391 acha que é alguma coisa e de repente uma caixinha de som tocando. 00:27:06.391 --> 00:27:08.693 Você coloca uma caixinha de som tocando. 00:27:08.693 --> 00:27:10.795 Aí você acha caixinha de som, você animado, 00:27:10.795 --> 00:27:13.164 você consegue mudar essa caixinha de som? 00:27:13.164 --> 00:27:15.634 Sua programação pode ser todo fundo. 00:27:15.634 --> 00:27:16.868 Quanto a figura, que legal! 00:27:16.868 --> 00:27:18.770 E você consegue 00:27:18.770 --> 00:27:21.172 dar uma certa adaptada lendo de que maneira ela vai se mexer 00:27:21.172 --> 00:27:24.442 e de que maneira ela vai se animar e você consegue baixar em MP4, 00:27:25.644 --> 00:27:28.480 gif e o JSON. 00:27:28.480 --> 00:27:31.249 Então se você já baixa aí no formato para você utilizar na hora, 00:27:31.249 --> 00:27:33.718 você mexe na nossa publicação imediatamente. 00:27:33.718 --> 00:27:38.223 Você transforma vetor ou imagem que é super pesado em código e aí 00:27:38.223 --> 00:27:41.526 você pode levar para o vice cold e o front end. 00:27:41.526 --> 00:27:45.664 Pode só aplicar o código Jeison no site dele vai ter animação lá. 00:27:46.064 --> 00:27:49.768 E aí caso você queira fazer uma funcionalidade de cliques 00:27:49.768 --> 00:27:54.005 tipo e código, muitas vezes CSS ou alguma coisa em JavaScript. 00:27:54.005 --> 00:27:59.010 Mas sensacional Essa então seria uma forma de pular uma barreira. 00:27:59.177 --> 00:28:01.146 Quando a gente fala em animação, 00:28:01.146 --> 00:28:03.948 quando a gente volta lá para meados dos anos 90, 00:28:03.948 --> 00:28:06.818 vocês devem lembrar do Adobe Flash. 00:28:06.818 --> 00:28:10.321 Tinha certeza absoluta que você ia levar 00:28:10.321 --> 00:28:12.090 pra gente, pro fundo do túnel. 00:28:12.090 --> 00:28:14.159 Tô brincando. Flash, você foi muito útil. 00:28:14.159 --> 00:28:15.126 Foi isso que. 00:28:15.126 --> 00:28:17.595 Agora? Adobe Flash Eu fiz um curso, o. 00:28:17.595 --> 00:28:18.930 Termo e uso o vídeo. 00:28:18.930 --> 00:28:20.565 Se fizesse cinco. 00:28:20.565 --> 00:28:21.099 Anos atrás. 00:28:21.099 --> 00:28:24.102 Agora era. Era pesado, pesadíssimo. 00:28:24.169 --> 00:28:24.869 A experiência. 00:28:24.869 --> 00:28:29.174 O carregamento do site aplicativo na época não existia ainda. 00:28:29.407 --> 00:28:32.410 Smartphones ganharam ascensão pós 2007. 00:28:32.677 --> 00:28:36.014 Mas quando a gente fala desses desafios técnicos, 00:28:36.481 --> 00:28:39.117 esse é um exemplo que você deu de converter em SVG 00:28:39.117 --> 00:28:40.118 e converter em código 00:28:40.118 --> 00:28:42.821 para não prejudicar a performance do aplicativo. 00:28:42.821 --> 00:28:44.489 Tem outras dicas e truques. 00:28:44.489 --> 00:28:46.157 É sobre o. Usuário. 00:28:46.157 --> 00:28:47.859 E tudo sobre o usuário 00:28:47.859 --> 00:28:49.728 e o que ele precisa, o que ele quer para ter 00:28:49.728 --> 00:28:52.964 a melhor experiência possível diante de uma tela. 00:28:53.665 --> 00:28:56.668 Então eu acho que é sobre isso. 00:28:56.701 --> 00:28:59.671 E sobre o esmalte, gente, A gente estava 00:29:00.071 --> 00:29:01.840 e estava conversando sobre isso. César. 00:29:03.875 --> 00:29:04.776 O código 00:29:04.776 --> 00:29:07.912 hoje eu sei que muita gente torce o nariz, 00:29:07.912 --> 00:29:10.915 principalmente quem não é quem não é da programação, 00:29:11.116 --> 00:29:13.885 mas é algo que a gente tem que lidar sim. 00:29:13.885 --> 00:29:17.155 E eu não gosto de ser clichê, mas normalmente clichê 00:29:17.155 --> 00:29:18.857 é porque é verdade. 00:29:18.857 --> 00:29:20.759 Então é um novo idioma. 00:29:20.759 --> 00:29:23.194 O novo inglês. 00:29:23.194 --> 00:29:26.431 Então a pessoa que hoje está preparada para lidar com código, 00:29:26.898 --> 00:29:29.434 ela está um passo na frente dos outros. 00:29:29.434 --> 00:29:33.004 Opa, então quer dizer que mesmo eu sou trabalhando ali com designer? 00:29:33.004 --> 00:29:34.472 Eu tenho que sair da minha zona de conforto 00:29:34.472 --> 00:29:36.407 e entender um pouquinho o que aquele código faz. 00:29:36.407 --> 00:29:38.877 Você precisa saber o que está, se vai pegar o arquivo. 00:29:38.877 --> 00:29:39.544 Jeison Lá 00:29:39.544 --> 00:29:39.944 na hora que você 00:29:39.944 --> 00:29:43.681 exportar uma animação, note se você precisa saber o que está 00:29:43.681 --> 00:29:47.619 escrito ali e ali vai ter uma série de sintaxe, parâmetros e valores. 00:29:48.153 --> 00:29:50.255 Então você precisa saber até para você, 00:29:50.255 --> 00:29:53.258 caso necessário, você possa otimizar melhor o seu site. 00:29:53.558 --> 00:29:56.561 E quando você tem o domínio dessas ferramentas, 00:29:56.861 --> 00:30:00.398 você fica muito mais tranquilo para lidar com as resoluções 00:30:00.398 --> 00:30:02.167 dos problemas. Ótimo! 00:30:02.167 --> 00:30:04.702 E da mesma forma que o designer, 00:30:04.702 --> 00:30:07.238 ele começou a aprender um pouquinho de código. 00:30:07.238 --> 00:30:09.307 É importante o desenvolvedor também sacar 00:30:09.307 --> 00:30:12.544 o que o designer pensou para aquela aplicação. 00:30:13.478 --> 00:30:15.680 Conta pra nós, César. 00:30:15.680 --> 00:30:18.750 Vocês que estão no mercado hoje, tá muito ruim. 00:30:18.750 --> 00:30:21.586 Se os dois não se conversarem, não se entenderem ali. 00:30:21.586 --> 00:30:22.287 É muito péssimo, 00:30:23.221 --> 00:30:24.556 porque 00:30:24.556 --> 00:30:27.926 as vezes que eu percebo assim que até lê alguns fóruns 00:30:27.926 --> 00:30:29.961 e de vez em quando nos comentários, algum designer vai lá, 00:30:29.961 --> 00:30:33.631 coloca mais ou menos a arte dele, uma noção do que ele pretende fazer 00:30:34.165 --> 00:30:37.035 e aí tem lá o comentário, protótipo e até o comentário de alguém. 00:30:37.035 --> 00:30:37.769 Quero ver. 00:30:37.769 --> 00:30:40.772 Deve se virar para fazer. 00:30:41.272 --> 00:30:42.574 Ele é muito. 00:30:42.574 --> 00:30:46.144 Complexo e até os membros que vai de vez em quando o dele 00:30:46.177 --> 00:30:48.746 olhando semana que mundo que esse cara vive, 00:30:48.746 --> 00:30:51.583 Então é importante para você saber. 00:30:51.583 --> 00:30:54.018 Essa é uma de maneira geral e em boa parte 00:30:54.018 --> 00:30:57.021 qualquer área de criação, sempre você tem 00:30:57.355 --> 00:31:00.358 uma fragmentação que essa fragmentação 00:31:00.391 --> 00:31:03.361 ela tende inclusive a é sumindo, 00:31:03.828 --> 00:31:05.530 porque a fragmentação de áreas, por exemplo. 00:31:05.530 --> 00:31:08.533 Então, só pra dar um exemplo, se a gente estava conversando atrás, 00:31:08.733 --> 00:31:10.335 eu pego algumas vagas de vez em quando 00:31:10.335 --> 00:31:11.903 para Design Instrucional e eu vejo algumas 00:31:11.903 --> 00:31:14.105 especificações que eles pedem. 00:31:14.105 --> 00:31:16.441 Só retoma rapidinho a questão da programação. 00:31:16.441 --> 00:31:17.709 Seu novo inglês. 00:31:17.709 --> 00:31:19.210 Aí você tem lá o que que eles pedem, 00:31:19.210 --> 00:31:22.213 como o design instrucional, que é uma coisa ligada à pedagogia, 00:31:22.447 --> 00:31:24.983 essencialmente, mas eles já transformaram o design. 00:31:24.983 --> 00:31:27.752 O pedagogo, também designer, entendeu 00:31:27.752 --> 00:31:29.687 e agora não só como não contente quando e como. 00:31:29.687 --> 00:31:31.923 Com isso eu pego umas empresas grandes, inclusive 00:31:31.923 --> 00:31:33.758 pedindo para saber fazer isso aqui. 00:31:33.758 --> 00:31:36.995 O audiovisual, captação, edição, a parte de design, a parte de 00:31:38.096 --> 00:31:40.531 emoção e programação. 00:31:40.531 --> 00:31:42.867 Eu tenho vontade de responder na entrevista, 00:31:42.867 --> 00:31:46.004 aceita Freitas Também porque realmente 00:31:47.238 --> 00:31:50.241 é importante você ter um mínimo de conhecimento, 00:31:50.375 --> 00:31:51.743 por exemplo, que é o que eu tenho em programação, 00:31:51.743 --> 00:31:54.746 para você saber na hora de você pedir uma transição. 00:31:55.079 --> 00:31:57.949 Você sabe por que você quer aquela transição? 00:31:57.949 --> 00:31:59.751 É realmente necessária? 00:31:59.751 --> 00:32:01.286 Aquela transição perfeita? 00:32:01.286 --> 00:32:04.289 Ela está extrapolando a parte artística e é egocêntrica. 00:32:04.289 --> 00:32:07.292 Sempre vou falar da sua parte como designer, 00:32:07.292 --> 00:32:10.595 mas era realmente necessária o desenvolvedor vir aqui e ver 00:32:11.162 --> 00:32:11.663 isso aqui. 00:32:11.663 --> 00:32:15.366 Vai realmente pode prejudicar sua fluidez. 00:32:15.366 --> 00:32:17.702 Nosso sistema pode que que a gente pode fazer? 00:32:17.702 --> 00:32:20.638 Olha, você pode de repente tirar FPS, 00:32:20.638 --> 00:32:23.241 por exemplo, você não tem realmente o Diego. 00:32:23.241 --> 00:32:26.344 Agora o desenvolvedor por design tem realmente a necessidade de você 00:32:26.377 --> 00:32:29.380 meter essa transição, Essas transições aqui 00:32:29.881 --> 00:32:31.950 você não pode dar uma adaptada, então é sempre bom 00:32:33.117 --> 00:32:33.484 a gente 00:32:33.484 --> 00:32:36.521 ir um pouco além daquela questão do não botem os dois pra jantar junto. 00:32:36.521 --> 00:32:39.090 Não, amigo, não acaba almoçar não é isso que vai 00:32:39.090 --> 00:32:41.626 é você colocar os dois pra trabalhar juntos. 00:32:41.626 --> 00:32:44.562 O que eu percebo, o que cada vez mais inclusive 00:32:44.562 --> 00:32:48.032 está quem estava conversando sobre isso é que os designers, 00:32:48.032 --> 00:32:51.169 eles estão até vendo pouco do futuro, 00:32:51.769 --> 00:32:55.306 indo para a parte de programação necessariamente porque 00:32:56.374 --> 00:32:59.210 primeiro, talvez ele não seja um baita desenvolvedor, 00:32:59.210 --> 00:33:01.446 mas ele minimamente sabe trabalhar aquilo ali. 00:33:01.446 --> 00:33:04.449 Então ele vai ter consciência de que a hora que o cara levou 00:33:04.449 --> 00:33:06.484 ao amigo fez. A mão. 00:33:06.484 --> 00:33:08.786 Muito pesada. Mas vamos dar uma 00:33:08.786 --> 00:33:12.790 num primeiro momento e botar os dois para eles demonstrarem primeiro 00:33:12.790 --> 00:33:15.360 qual que é a função 00:33:15.360 --> 00:33:18.463 da mediação do design prática falando artística também, claro, 00:33:18.663 --> 00:33:19.097 certo? 00:33:19.097 --> 00:33:21.799 E principalmente o caminho, o caminho contrário que é. 00:33:21.799 --> 00:33:23.701 Você vê o desenvolvedor, olha 00:33:23.701 --> 00:33:25.903 qual é a outra, Não é só o trabalho que você 00:33:25.903 --> 00:33:29.374 entendeu, mas olha o tanto de cor, recurso e tempo que é fundamental. 00:33:29.374 --> 00:33:31.743 As vezes eu não tenho tempo e olha quanto que eu vou gastar 00:33:32.677 --> 00:33:34.712 e que é realmente necessário. 00:33:34.712 --> 00:33:37.682 Não é aquela desculpa eu vou falar isso aqui. 00:33:37.682 --> 00:33:40.618 Então, essa parte de trabalho em equipe, 00:33:40.618 --> 00:33:42.887 um Saber qual é a função e as dificuldades do trabalho 00:33:42.887 --> 00:33:44.489 do outro que você pode pegar isso e aplicar 00:33:44.489 --> 00:33:46.791 em qualquer área de criação que você quiser. 00:33:46.791 --> 00:33:47.492 Muito bom! 00:33:47.492 --> 00:33:50.528 Então estamos enxergando aqui tendências do mercado, 00:33:50.762 --> 00:33:51.929 falamos do passado. 00:33:51.929 --> 00:33:54.132 Agora nós vamos falar do futuro 00:33:54.132 --> 00:33:57.435 presente e de como é que você enxerga o papel 00:33:57.435 --> 00:34:02.206 da inteligência artificial hoje em tempos E as generativos 00:34:02.473 --> 00:34:06.210 desempenhando um papel nessas animações e transações? 00:34:06.944 --> 00:34:10.481 A Ayla tem tem por si a tendência 00:34:10.481 --> 00:34:14.285 de automatizar os processos e criar padrões, certo? 00:34:14.652 --> 00:34:16.087 Isso acho que é inevitável. 00:34:16.087 --> 00:34:19.424 Já tá acontecendo muito e eu acho que talvez. 00:34:19.424 --> 00:34:23.494 E aí eu não sou futurista, mas eu acredito 00:34:24.262 --> 00:34:27.999 que a tendência é a integração de apps 00:34:28.399 --> 00:34:31.936 e em novos processos tecnológicos, por exemplo, realidade aumentada, 00:34:32.537 --> 00:34:36.007 assim como que vai se integrar com a realidade aumentada. 00:34:37.608 --> 00:34:40.611 Como que aí vai subsidiar 00:34:41.446 --> 00:34:43.915 o Mocha Design 00:34:43.915 --> 00:34:47.251 já tem hoje e Ásia aí que criam animações. 00:34:47.952 --> 00:34:50.121 Eu acho que é tudo uma questão de agora aperfeiçoar. 00:34:50.121 --> 00:34:53.791 Acho que com o tempo isso vai aperfeiçoando, mas 00:34:55.426 --> 00:34:57.595 eu acho que tem a ver com mais 00:34:57.595 --> 00:35:00.598 a automatização de funcionalidades, 00:35:00.598 --> 00:35:03.034 porque o monte em design 00:35:03.034 --> 00:35:06.337 ele é, ele é funcionalidades e emoções. 00:35:06.604 --> 00:35:07.905 E então ele é uma. 00:35:07.905 --> 00:35:12.210 Ele caminha entre ali, ele transforma algo técnico 00:35:12.243 --> 00:35:15.646 em algo humano e eu vou ser mais, 00:35:16.080 --> 00:35:18.449 mas acho que vou ser mais preciso agora. 00:35:18.449 --> 00:35:22.987 Ele faz com que, através das ferramentas dele, 00:35:22.987 --> 00:35:26.858 com que o usuário sinta sensações. 00:35:27.825 --> 00:35:29.994 Então 00:35:29.994 --> 00:35:32.130 aí eu acredito que vai entrar 00:35:32.130 --> 00:35:35.133 aí vai otimizar esses processos, 00:35:35.133 --> 00:35:38.503 automatizar esse processo para que as sensações sejam mais 00:35:39.570 --> 00:35:44.775 sensacionais, quase para, parafraseando o Djonga, que 00:35:45.743 --> 00:35:47.345 não é um podcast, não um 00:35:47.345 --> 00:35:50.948 podcast sobre o Hex Mocha, mas é válido. 00:35:51.182 --> 00:35:54.452 Grande Djonga e então é mais sobre isso. 00:35:54.952 --> 00:35:57.922 Como que a pode melhorar essa navegação 00:35:57.922 --> 00:36:00.992 a ponto do usuário se sentir mais confortável? 00:36:01.492 --> 00:36:04.362 Aí é um mundo de possibilidades, 00:36:04.362 --> 00:36:07.465 mas eu acredito muito que está nessa construção de padrões 00:36:07.465 --> 00:36:09.934 e automatização das funcionalidades. Na sua opinião? 00:36:09.934 --> 00:36:13.304 César Até onde ajuda e até onde é um ponto de atenção 00:36:13.304 --> 00:36:14.138 para os profissionais 00:36:14.138 --> 00:36:17.542 que trabalham com isso e usam a I.A no seu dia a dia? 00:36:19.043 --> 00:36:20.878 Taí um tema que se você deixar uma ou duas horas 00:36:20.878 --> 00:36:23.247 aqui falando, deixa eu fazer um recorte. 00:36:23.247 --> 00:36:26.250 Eu acho que a princípio assim é. 00:36:26.984 --> 00:36:29.554 Ele tende a facilitar automatização de alguns processos. 00:36:29.554 --> 00:36:31.122 Perfeito. Então ele tende de repente a 00:36:32.957 --> 00:36:33.558 facilitar. 00:36:33.558 --> 00:36:34.091 Depois de alguns 00:36:34.091 --> 00:36:35.359 trabalhos um pouco mais simples, 00:36:35.359 --> 00:36:38.729 onde você precisa de umas transições mais, porque a inteligência, 00:36:38.729 --> 00:36:41.732 a inteligência artificial, na verdade ela não cria. Tá? 00:36:41.966 --> 00:36:44.268 Ela depende de repositórios de treinamento. 00:36:44.268 --> 00:36:46.837 Então muitos artistas, inclusive da área, 00:36:46.837 --> 00:36:49.106 eles têm reclamado que muitos trabalhos deles, 00:36:49.106 --> 00:36:51.509 eles percebe que tem sido roubados, assim. 00:36:51.509 --> 00:36:54.512 Sabe aquele negócio é copia, manda, faz igual. 00:36:55.346 --> 00:36:57.181 Então você tem artistas de diversos setores. 00:36:57.181 --> 00:36:59.483 Como um artista. 00:36:59.483 --> 00:37:01.152 E o que é bem verdade, historicamente 00:37:01.152 --> 00:37:03.287 falando, sempre se roubou muito. 00:37:03.287 --> 00:37:04.922 Só que quem é roubado não gosta. 00:37:04.922 --> 00:37:07.124 Então você tem vários ilustradores, por exemplo, que pensa 00:37:07.124 --> 00:37:10.127 opa, esse estilo aqui é meu e não ganha uma vírgula. 00:37:10.895 --> 00:37:13.898 Então a coisa precisa passar por uma regulamentação, 00:37:13.965 --> 00:37:15.399 mas num primeiro momento. 00:37:15.399 --> 00:37:18.402 E também tem muita questão assim de um certo 00:37:18.569 --> 00:37:20.671 terrorismo momentâneo em relação a isso, 00:37:20.671 --> 00:37:22.006 vai roubar o seu trabalho base. 00:37:22.006 --> 00:37:24.242 Mas então compre a sua e aprenda com a gente. 00:37:24.242 --> 00:37:26.544 Mas pega o pacote pago, então entende 00:37:26.544 --> 00:37:27.078 Se estão tentando 00:37:27.078 --> 00:37:30.081 fazer uma venda dedicada e até tentando fazer a sua venda, 00:37:30.314 --> 00:37:31.449 entendeu? 00:37:31.449 --> 00:37:34.252 Num primeiro momento, eu acho que assim, o que você pode fazer? 00:37:34.252 --> 00:37:36.754 Você dar de design? Vá fazer programação. 00:37:37.822 --> 00:37:38.656 É. Essencial. 00:37:38.656 --> 00:37:41.826 Eu acho que tem uma coisa que é importante também moderação. 00:37:42.660 --> 00:37:45.997 Use com moderação, porque a sua ferramenta é muito mais 00:37:45.997 --> 00:37:49.900 do que um After Effects com um lote com a sua ferramenta. 00:37:49.900 --> 00:37:52.003 O processo criativo. 00:37:52.003 --> 00:37:53.204 É o processo ativo. 00:37:53.204 --> 00:37:55.373 Então quanto mais você usa. 00:37:55.373 --> 00:37:58.009 Ah, eu não queria usar esta metáfora, 00:37:58.009 --> 00:38:00.945 mas é que me vem à cabeça agora. É como se fosse uma droga. 00:38:00.945 --> 00:38:02.880 Aí a um todo. 00:38:02.880 --> 00:38:06.417 Eu não estou subjugando as ideias, achando que é muito utilidade, 00:38:06.751 --> 00:38:09.587 mas o uso excessivo tivesse esse seu processo 00:38:09.587 --> 00:38:12.923 criativo a depender da I.A. 00:38:12.957 --> 00:38:14.659 Para poder criar. 00:38:14.659 --> 00:38:19.397 E é no design, na arte como um todo, você precisa. 00:38:20.264 --> 00:38:23.200 Você precisa aguçar o seu processo criativo. 00:38:23.200 --> 00:38:27.371 Isso é se basear em referências e influências do seu meio social. 00:38:27.872 --> 00:38:31.942 Então busque muitas referências, vá em museus, vá em teatro, 00:38:31.942 --> 00:38:36.314 vá em exposições e use com moderação, 00:38:36.314 --> 00:38:39.650 pois se você usar com moderação, se vai manter seu processo 00:38:39.650 --> 00:38:42.953 criativo, vai estimular e você vai ter todo o. 00:38:45.423 --> 00:38:47.825 Capacidade de oferecer o seu trabalho 00:38:47.825 --> 00:38:50.828 da melhor maneira possível, sem se condicionar. 00:38:50.861 --> 00:38:52.830 Se limitar a uma ferramenta, essa. 00:38:52.830 --> 00:38:53.531 Pode condicionar 00:38:53.531 --> 00:38:54.031 bom também não é 00:38:54.031 --> 00:38:57.134 mesmo Uma questão de você eficaz e do cara que ele é designer. 00:38:57.702 --> 00:38:58.836 Ele vai ficar de pé 00:38:58.836 --> 00:39:01.839 se ele começar a utilizar muita e ai ele vai ficar preso a um certo 00:39:02.273 --> 00:39:06.143 nicho de estilo, vamos dizer assim, e ele acaba não inovando, entendeu? 00:39:06.444 --> 00:39:08.179 Então a questão de você ficar pegando referência 00:39:08.179 --> 00:39:10.414 que às vezes você tem um insight roupa para ir pós sentada 00:39:10.414 --> 00:39:12.283 é o que a gente chama de inovação, 00:39:12.283 --> 00:39:14.251 porque é a pá de inovação que eu sempre falo. 00:39:14.251 --> 00:39:16.420 O pessoal de criação 00:39:16.420 --> 00:39:18.422 você não vai criar nada do zero, tá? 00:39:18.422 --> 00:39:21.459 Então, assim, perca essa ilusão e perca esse peso nas costas 00:39:21.459 --> 00:39:22.159 que o pessoal as vezes 00:39:22.159 --> 00:39:23.861 dar de publicidade, de multas de peso, 00:39:23.861 --> 00:39:25.896 Mas como é que eu vou criar alguma coisa do nada e do nada? 00:39:25.896 --> 00:39:28.232 Meu amigo, você vai pensar assim Isso é uma escola de 00:39:29.800 --> 00:39:32.803 uma escola pedagógica que tem alguns milhares de anos. 00:39:32.970 --> 00:39:35.306 Você primeiro vai aprender, copiar e copiar mesmo, 00:39:35.306 --> 00:39:37.508 só não vende, Você vai aprender a copiar. 00:39:37.508 --> 00:39:39.343 Aí você vai copiar, copiar, copiar. 00:39:39.343 --> 00:39:42.613 Aí o aluno se sai em qualquer área, em qualquer faculdade, 00:39:42.847 --> 00:39:44.315 ele vai reclamar com você. 00:39:44.315 --> 00:39:47.585 Mas eu não vim aqui para ser reprodutor ou falsificador. 00:39:47.585 --> 00:39:48.352 Eu vim aqui para criar. 00:39:48.352 --> 00:39:51.989 Então agora todas as cópias que você fez de diversos segmentos, 00:39:51.989 --> 00:39:54.992 várias referência, você vai criar o seu. 00:39:55.092 --> 00:39:58.429 Então você vai fazer um aplicativo para não ser comida. 00:39:59.230 --> 00:40:02.233 Pega o que melhor você teve de experiência 00:40:02.533 --> 00:40:05.936 em todos esses aplicativos, Então a transição eu vou pegar desse 00:40:06.537 --> 00:40:09.273 de repente ali, uma coisa assim, uma micro interação. 00:40:09.273 --> 00:40:12.910 Eu vou pegar desse e outro recurso de feedback, eu vou pegar desse. 00:40:13.210 --> 00:40:15.312 Então você pegou todos, deu uma certa adaptada 00:40:15.312 --> 00:40:16.647 a partir do que você melhoraria. 00:40:16.647 --> 00:40:18.516 Essa micro interação é legal, mas pode melhorar. 00:40:18.516 --> 00:40:21.152 Pronto, Tudo o que você consumiu, você pegou, juntou, 00:40:21.152 --> 00:40:22.586 transformou e criou seu. 00:40:22.586 --> 00:40:24.488 Chama se Inovação. Nada. 00:40:25.489 --> 00:40:25.823 Cópia é 00:40:25.823 --> 00:40:29.126 diferente de de plágio, É diferente de plágio. 00:40:29.126 --> 00:40:30.928 É uma coisa que você pega, 00:40:30.928 --> 00:40:33.731 que não é sua para fazer como se fosse sua. 00:40:33.731 --> 00:40:35.499 A coisa pegou o iFood aqui, você vai lá 00:40:35.499 --> 00:40:37.201 e faz exatamente a mesma coisa e muda a cor. 00:40:37.201 --> 00:40:39.870 Amigão, você nunca criando, inovou. 00:40:39.870 --> 00:40:44.742 Se não inovou, deu essa questão na criação calma da baixada de bola, 00:40:45.142 --> 00:40:47.378 Pegue referências e aí você vai ter um insight 00:40:47.378 --> 00:40:49.780 como é que você vai ter insight se você não tem referências? 00:40:49.780 --> 00:40:50.581 O que ele fala. 00:40:50.581 --> 00:40:52.850 É exatamente não reinventar o. 00:40:52.850 --> 00:40:54.885 Problema da inteligência artificial. 00:40:54.885 --> 00:40:56.620 E o meu medo é que ela comece 00:40:56.620 --> 00:40:59.623 a encaixotar de mais as pessoas, as pessoas, que fique muito. 00:40:59.857 --> 00:41:00.724 Confortável. 00:41:00.724 --> 00:41:02.660 Que cada trabalho que tem. 00:41:02.660 --> 00:41:05.162 Vou ficar muito encaixotado aqui na inteligência artificial. 00:41:05.162 --> 00:41:07.598 Vou lá, eu faço o prompt, vai criar é para o mercado. 00:41:07.598 --> 00:41:10.501 Tá bom, não é assim. É um bom ponto. 00:41:10.501 --> 00:41:14.271 E infelizmente estamos chegando ao final deste bate papo, 00:41:14.271 --> 00:41:16.307 Passando para falar Deus. 00:41:16.307 --> 00:41:19.310 Já que a gente não pode ficar mais 03h00 aqui. 00:41:19.610 --> 00:41:22.246 Tipo, o papo tá bom, eu tenho certeza que o pessoal 00:41:22.246 --> 00:41:25.249 de casa continuaria escutando a gente, 00:41:25.316 --> 00:41:27.284 mas estamos chegando ao fim. 00:41:27.284 --> 00:41:28.552 E para finalizar, 00:41:28.552 --> 00:41:31.555 a gente vai fazer aqui um exercício de futurismo 00:41:32.289 --> 00:41:35.860 depois da inteligência artificial, quais são outras tendências 00:41:36.093 --> 00:41:39.964 que vocês imaginam para essa área de motion design? 00:41:39.964 --> 00:41:41.432 O que vem pela frente? 00:41:41.432 --> 00:41:43.801 Éder Caramba, cara, 00:41:45.269 --> 00:41:46.036 eu acho que 00:41:46.036 --> 00:41:49.039 o fortalecimento das ideias mesmo 00:41:49.173 --> 00:41:52.176 é porque eu assim 00:41:52.843 --> 00:41:55.112 é o que está em voga hoje, né? 00:41:55.112 --> 00:41:59.750 E ela está não só no começo e então ela está mudando alguns paradigmas 00:42:00.217 --> 00:42:03.220 e eu acho que ainda a gente tem muito para explorar. 00:42:04.021 --> 00:42:07.591 E dentro do que a gente pensa por aí, muita coisa pode aparecer. 00:42:07.825 --> 00:42:09.960 Integrações e superar gente. 00:42:09.960 --> 00:42:12.930 Então isso para mim cria uma crítica, uma cortina de fumaça. 00:42:13.430 --> 00:42:16.667 Eu acho que está muito aberto e tem muita coisa nova para surgir 00:42:17.234 --> 00:42:20.070 e eu acho isso muito bacana. Então 00:42:20.070 --> 00:42:21.238 então acredito nisso. 00:42:21.238 --> 00:42:24.041 Muitas integrações 00:42:24.041 --> 00:42:28.879 e a IA conseguindo transformar funcionalidades 00:42:28.879 --> 00:42:33.017 que às vezes a gente fazia na unha, melhorando o processo, converter. 00:42:33.017 --> 00:42:35.719 O código que já está fazendo isso hoje. 00:42:35.719 --> 00:42:38.689 Então eu acho que eu acredito que vai por aí 00:42:38.689 --> 00:42:42.359 isso assim, pensando num futuro próximo, 00:42:43.160 --> 00:42:45.696 mas num futuro distante eu 00:42:45.696 --> 00:42:49.466 não conseguiria prever ou tentar prever. 00:42:50.200 --> 00:42:53.203 Infelizmente não tenho esse, não tenho essa 00:42:53.470 --> 00:42:56.874 e essa qualidade de Mãe Dinah, mas 00:42:58.442 --> 00:43:00.778 acho que. 00:43:00.778 --> 00:43:02.112 Eu acho que aí 00:43:02.112 --> 00:43:05.115 eu acho que vai dar muito que falar ainda vai dando. 00:43:05.282 --> 00:43:08.018 Pouco tempo atrás você teve um de Psique aí, 00:43:08.018 --> 00:43:10.854 causando um pesar e uma fervura aí no meio, que. 00:43:10.854 --> 00:43:12.089 Tem a ver muito com inovação, 00:43:12.089 --> 00:43:14.491 mas isso é um assunto para outro bate papo. 00:43:14.491 --> 00:43:17.127 Mas com certeza eu acho que. 00:43:17.127 --> 00:43:20.431 Que vai que vai se aprofundar e a gente vai descobrir 00:43:20.431 --> 00:43:21.699 muitas coisas bacanas ainda. 00:43:21.699 --> 00:43:24.068 Coisa boa é, na sua opinião. 00:43:24.068 --> 00:43:25.936 César 00:43:25.936 --> 00:43:28.172 Eu vou me contrariar só pra dar um outro ponto de vista. 00:43:28.172 --> 00:43:29.440 Então vamos lá. 00:43:29.440 --> 00:43:34.011 Eu acho que assim em história, um dos meus negócios é o teu, tá? 00:43:34.078 --> 00:43:34.378 Eu estava 00:43:34.378 --> 00:43:37.481 fazendo faculdade de história, tive que dar uma pausa em história. 00:43:37.481 --> 00:43:38.716 Tem uma coisa que a gente chama 00:43:38.716 --> 00:43:40.618 de filosofia da história, que é uma tendência. 00:43:41.685 --> 00:43:42.553 As pessoas tendem 00:43:42.553 --> 00:43:45.556 a achar que isso existe, que a história se repete, não tá? 00:43:46.256 --> 00:43:48.325 Cada e cada momento histórico ele tem um contexto. 00:43:48.325 --> 00:43:50.628 Mas agora eu vou me contrariar. 00:43:50.628 --> 00:43:54.431 Eu acho que se você parar para ver, eu conheço algumas produtoras, 00:43:54.431 --> 00:43:57.434 inclusive o pessoal de um dos designers freelas 00:43:57.868 --> 00:44:01.305 que eles prestam serviço para algum cliente e o cliente. 00:44:01.305 --> 00:44:02.740 Ele faz questão de enfatizar 00:44:02.740 --> 00:44:06.043 que toda aquela campanha foi feita com ele, mesmo que não tenha sido. 00:44:06.110 --> 00:44:07.911 Tá mesmo que não tá na moda. 00:44:07.911 --> 00:44:10.247 Teve um desenvolvedor e só pra ter o carimbo de novo, 00:44:10.247 --> 00:44:12.850 olha como somos inovadores, usamos a. 00:44:12.850 --> 00:44:14.952 E teve um momento na história, no século XIX, 00:44:14.952 --> 00:44:16.220 durante a Revolução Industrial, 00:44:16.220 --> 00:44:19.590 que a gente teve a serialização da produção de produtos lá. 00:44:19.590 --> 00:44:21.959 Qualquer coisa, copo ou caneca, 00:44:21.959 --> 00:44:24.995 então, são produzidas em série, o que facilita que muita gente tem. 00:44:25.529 --> 00:44:28.932 E isso é um efeito bom que facilita Todo mundo tem é mais barato, 00:44:29.033 --> 00:44:30.501 só que assim todo mundo tem. 00:44:30.501 --> 00:44:33.337 Isso cria um efeito contrário, que nasce principalmente com Mores 00:44:33.337 --> 00:44:36.874 e com Ruskin, que eram defensores de uma cultura do artesanal. 00:44:37.441 --> 00:44:39.677 É que você tem público, pensa até hoje, 00:44:39.677 --> 00:44:42.379 porque você pode perceber de repente Ah, por que essa caneca aqui 00:44:42.379 --> 00:44:45.783 ela custa 500 R$, sendo que eu posso colocar 00:44:46.383 --> 00:44:49.520 igualzinho aí em qualquer lugar que custa 15, 10 R$. 00:44:49.987 --> 00:44:50.621 Ela é hoje. 00:44:50.621 --> 00:44:51.221 Ela é única. 00:44:51.221 --> 00:44:53.691 Ela foi feita a mão, que é o mais ou menos ali do 00:44:54.992 --> 00:44:55.993 aquele carro inglês que ela é 00:44:55.993 --> 00:44:59.163 feito inteiro a mão, ela é costurada mão, ele é pintado à mão. 00:44:59.463 --> 00:45:02.466 Então acho que num futuro médio, vamos dizer assim, 00:45:02.499 --> 00:45:05.803 eu acho que vai ter uma certa tendência de algumas empresas 00:45:06.103 --> 00:45:10.908 colocarem o selo feito manualmente pra fugir, pra fugir. 00:45:11.141 --> 00:45:13.110 Isso aqui não é de interesse artificial, não faz. 00:45:13.110 --> 00:45:15.245 Todo sentido não. 00:45:15.245 --> 00:45:17.181 E mesmo que você esteja se contrariando. 00:45:17.181 --> 00:45:19.917 Contrariar assim, não existe assim um ciclo da história. 00:45:19.917 --> 00:45:23.687 Tá, mas é uma tendência possível da pessoa ver e falar 00:45:23.854 --> 00:45:24.855 não a nosso trabalho. 00:45:24.855 --> 00:45:27.424 A nossa campanha foi feita por pessoas, 00:45:27.424 --> 00:45:31.528 teve ali um roteirista consagrado, teve ali um designer consagrado. 00:45:31.528 --> 00:45:35.032 Um programador consegue com pessoas um trabalho muito mais humano. 00:45:35.699 --> 00:45:38.202 Talvez não dure tanto, mas deu certo, com certeza. 00:45:38.202 --> 00:45:41.705 Eu acho que isso é uma tendência a aparecer no médio prazo. 00:45:41.705 --> 00:45:43.974 Ao curto prazo, eu acho que vai ser essa febre e. 00:45:43.974 --> 00:45:46.777 No fundo, as tendências, elas estão sempre em movimento. 00:45:46.777 --> 00:45:47.945 Elas vêm em volta. 00:45:47.945 --> 00:45:48.779 De maneira contraditória. 00:45:48.779 --> 00:45:51.415 Se você pegar essa dinâmica, a gente está falando disso. 00:45:51.415 --> 00:45:53.150 Mas hoje eu falei que é verdade, 00:45:53.150 --> 00:45:55.052 porque eu estava vendo sobre isso, sobre vídeos. 00:45:55.052 --> 00:45:56.854 As pessoas estão mais procurando vídeos 00:45:56.854 --> 00:46:00.124 onde elas enxergam a verdade do que um vídeo totalmente editado, 00:46:00.557 --> 00:46:01.825 aquela coisa toda. 00:46:01.825 --> 00:46:03.460 Isso era uma tendência no começo. 00:46:03.460 --> 00:46:04.995 Exato, né? 00:46:04.995 --> 00:46:05.429 A ideia. 00:46:05.429 --> 00:46:06.163 Ele nasce dessa. 00:46:06.163 --> 00:46:09.399 Maneira e aí depois se exige uma qualificação. 00:46:09.399 --> 00:46:12.202 Das produções. E agora está retornando. 00:46:12.202 --> 00:46:13.370 É um momento muito. 00:46:15.139 --> 00:46:15.506 Só que. 00:46:15.506 --> 00:46:18.308 São contradições, dinâmico, são dialéticas. 00:46:18.308 --> 00:46:21.278 Essa bagunça que virou a coisa? Não, Mas é uma tendência. 00:46:21.278 --> 00:46:24.381 É por isso que cria a ilusão de que a história é cíclica, mas 00:46:24.381 --> 00:46:27.384 é uma questão assim, de 00:46:27.417 --> 00:46:28.786 certa forma, é previsível. 00:46:28.786 --> 00:46:30.320 De certa forma, é loucura. 00:46:30.320 --> 00:46:33.824 Falamos de tecnologia, falamos de inteligência artificial, 00:46:33.824 --> 00:46:37.394 design, história, filosofia, render muito, 00:46:37.394 --> 00:46:40.898 muito mais do que um podcast, uma verdadeira aula. 00:46:41.231 --> 00:46:44.635 E quero me despedir de vocês, Muito obrigado! 00:46:44.635 --> 00:46:46.637 E eu queria desse pela mão de Deus. 00:46:46.637 --> 00:46:48.472 É uma honra para mim estar aqui 00:46:48.472 --> 00:46:50.641 nesse videocast da FIAP que é maravilhoso. 00:46:50.641 --> 00:46:55.979 Já assisti vários Tá com Você, que é uma figura conhecida 00:46:56.246 --> 00:46:59.249 na área de tecnologia brasileira, quem sabe até global. 00:46:59.249 --> 00:47:03.187 Aí eu não sei, mas eu conheço você daqui e ter conhecido. 00:47:03.187 --> 00:47:07.591 Seja um cara sensacional, fantástico e o que eu posso dizer sobre 00:47:08.091 --> 00:47:13.030 o fanzine é que as pessoas que tem vontade de fazer vá fundo, 00:47:13.030 --> 00:47:18.602 porque motion Design é você dar movimento a uma ideia e você 00:47:19.770 --> 00:47:21.405 é você criar algo 00:47:21.405 --> 00:47:25.008 que vá, que vá ter vida de alguma forma, entendeu? 00:47:25.375 --> 00:47:29.479 Então, nada mais prazeroso e satisfatório do que você 00:47:29.580 --> 00:47:32.816 não finalizar um projeto de motion design 00:47:32.816 --> 00:47:36.053 e você ver aquele projeto em movimento. Sim? 00:47:36.653 --> 00:47:40.257 Então vão e faça que assim eu sou suspeito para dar, 00:47:40.858 --> 00:47:43.827 porque eu defendo com unhas e dentes a minha profissão, 00:47:43.827 --> 00:47:45.662 mas vale a pena demais. 00:47:45.662 --> 00:47:48.999 Muito bom, muito bom César, Foi um prazer enorme 00:47:48.999 --> 00:47:51.602 contar com você aqui nesse nosso podcast. 00:47:51.602 --> 00:47:54.571 Eu agradeço e muito obrigado aos dois pela aula, 00:47:54.638 --> 00:47:58.208 pelo todo o pessoal da produção, inclusive por toda a delicadeza, 00:47:58.208 --> 00:48:00.477 toda a gentileza. Podcast é muito bacana. 00:48:00.477 --> 00:48:01.545 Parabéns para FIAP 00:48:01.545 --> 00:48:04.681 por todo investimento que faz, infraestrutura em conteúdo, 00:48:05.148 --> 00:48:09.019 satisfação enorme daqui, Mocho designer, Emoção e eficiência. 00:48:09.219 --> 00:48:10.654 Agradeço novamente vocês. 00:48:10.654 --> 00:48:14.591 Agradeço você que ficou até agora aqui com a gente, assistindo 00:48:14.591 --> 00:48:16.560 ou ouvindo esse podcast. 00:48:16.560 --> 00:48:17.461 E você aprendeu 00:48:17.461 --> 00:48:22.399 que o papel do motion design vai muito além de estética. 00:48:22.399 --> 00:48:25.535 Estamos falando aqui de fluidez, dinamismo, 00:48:25.802 --> 00:48:28.572 uma melhor experiência do usuário. 00:48:28.572 --> 00:48:30.874 Parece clichê, mas não é. 00:48:30.874 --> 00:48:35.379 Nós estamos a um toque de tudo isso se tornar realidade. 00:48:35.679 --> 00:48:37.681 Um grande abraço e até a próxima.