1
00:00:07,790 --> 00:00:10,278
Sabe aquela animação 
que tem por trás

2
00:00:10,278 --> 00:00:12,178
da tela do seu aplicativo

3
00:00:12,178 --> 00:00:15,348
ou aquela transição
entre uma tela e outra?

4
00:00:15,348 --> 00:00:18,351
Nós estamos falando aqui
do Motion Design.

5
00:00:18,351 --> 00:00:20,938
O assunto desse podcast 
vai mostrar para você

6
00:00:20,938 --> 00:00:23,775
quais são as principais 
técnicas, ferramentas,

7
00:00:23,775 --> 00:00:25,725
frameworks, estratégias,

8
00:00:25,725 --> 00:00:28,036
e, é claro, o papel 
do desenvolvedor

9
00:00:28,036 --> 00:00:30,663
e da Inteligência Artificial 
em tudo isso.

10
00:00:30,663 --> 00:00:32,815
Eu sou Gustavo Torrente,
e hoje estou aqui

11
00:00:32,815 --> 00:00:35,935
com grandes 
especialistas em motion.

12
00:00:35,935 --> 00:00:39,180
Estamos aqui 
com Eder Bronson, César Molina,

13
00:00:39,180 --> 00:00:43,231
que hoje vão falar tudo
sobre o que você precisa saber

14
00:00:43,231 --> 00:00:45,545
sobre esse tal de Motion Design.

15
00:00:45,545 --> 00:00:46,250
Tudo bom, César?

16
00:00:46,250 --> 00:00:47,238
Tudo bom.

17
00:00:47,238 --> 00:00:48,190
Muito obrigado pelo convite.

18
00:00:48,190 --> 00:00:50,052
Meu nome é César,

19
00:00:50,052 --> 00:00:52,252
eu trabalho na área 
de comunicação e educação

20
00:00:52,252 --> 00:00:54,859
já faz quase dez anos.

21
00:00:54,859 --> 00:00:57,409
Na verdade, educação, 
faz algo em torno de oito anos,

22
00:00:57,409 --> 00:00:59,659
e na parte 
de comunicação, uns 20.

23
00:00:59,659 --> 00:01:00,660
Faz tempo.

24
00:01:00,660 --> 00:01:03,797
No momento, eu estou trabalhando mais
também como designer instrucional,

25
00:01:03,797 --> 00:01:06,169
utilizando motion e outros 
recursos audiovisuais.

26
00:01:06,169 --> 00:01:07,339
Muito bom.

27
00:01:07,339 --> 00:01:08,969
Eder, seja muito bem-vindo.

28
00:01:08,969 --> 00:01:09,903
Obrigado.

29
00:01:09,903 --> 00:01:11,923
Como ele já disse, 
meu nome é Eder,

30
00:01:11,923 --> 00:01:13,901
sou professor 
de Design Digital da FIAP,

31
00:01:13,901 --> 00:01:16,121
dou aula de UX Motion,

32
00:01:16,121 --> 00:01:18,511
dou aula também 
de design gráfico.

33
00:01:18,511 --> 00:01:20,962
Tenho uma trajetória aí 
de mais ou menos

34
00:01:20,962 --> 00:01:22,782
15 anos em design.

35
00:01:22,782 --> 00:01:25,059
Venho do jornalismo,

36
00:01:25,059 --> 00:01:28,822
fiz uma transição de carreira
onde eu fui para a tecnologia,

37
00:01:28,822 --> 00:01:32,692
mas, na tecnologia, eu 
resgatei o meu lado designer,

38
00:01:32,692 --> 00:01:35,862
e agora eu estou oferecendo
um pouco do meu conhecimento

39
00:01:35,862 --> 00:01:37,764
para os meus queridos 
alunos na FIAP,

40
00:01:37,764 --> 00:01:38,870
e estou muito feliz com isso.

41
00:01:38,870 --> 00:01:40,271
Que incrível, gente!

42
00:01:40,271 --> 00:01:43,651
Vamos começar aqui nossa conversa
colocando os pingos nos is.

43
00:01:43,651 --> 00:01:47,078
Então, César, 
o que é, na sua visão,

44
00:01:47,078 --> 00:01:48,908
esse tal de Motion Design,

45
00:01:48,908 --> 00:01:51,444
e como ele ajuda
na experiência do usuário,

46
00:01:51,444 --> 00:01:54,721
principalmente aqueles que vão 
navegar por aplicativos?

47
00:01:54,721 --> 00:01:57,484
Bom, na verdade, isso aí nasce

48
00:01:57,484 --> 00:01:59,016
há muito tempo atrás com o cinema.

49
00:01:59,016 --> 00:02:01,888
Ele foi pensado mais para a parte 
de cinema e animações.

50
00:02:01,888 --> 00:02:03,389
Só que, trazendo pouco
para o nosso contexto,

51
00:02:03,389 --> 00:02:06,013
ele cresceu nesse ambiente
mais de aplicativos,

52
00:02:06,013 --> 00:02:08,610
principalmente 
com o desenvolvimento dos tablets

53
00:02:08,610 --> 00:02:10,630
e smartphones.

54
00:02:10,630 --> 00:02:13,500
Então, o motion design,
para aplicativos mobile,

55
00:02:13,500 --> 00:02:15,468
tem uma função 
ali de primeiro...

56
00:02:16,870 --> 00:02:19,778
Pegando essas referências
do designer gráfico,

57
00:02:19,778 --> 00:02:22,375
da animação e algumas 
técnicas cinematográficas,

58
00:02:22,375 --> 00:02:26,237
inclusive reaproveitando os nomes
que a gente utiliza nessa área,

59
00:02:26,237 --> 00:02:28,984
eles tendem a criar animações

60
00:02:28,984 --> 00:02:30,318
para tornar...

61
00:02:32,397 --> 00:02:34,431
Mais dinâmica a experiência.

62
00:02:34,431 --> 00:02:35,956
Eu acho que essa é 
a palavra fundamental,

63
00:02:35,956 --> 00:02:36,956
que a gente ouve bastante,

64
00:02:36,956 --> 00:02:38,858
inclusive na área de criação
ultimamente,

65
00:02:38,858 --> 00:02:40,295
a palavra experiência.

66
00:02:40,295 --> 00:02:42,795
Então torna esse 
processo mais fluído.

67
00:02:42,795 --> 00:02:44,268
E tem até um termo 
que eu li esse dia,

68
00:02:44,268 --> 00:02:45,298
que eu acho muito engraçado,

69
00:02:45,298 --> 00:02:48,878
que é reduzir a carga 
cognitiva do usuário,

70
00:02:48,878 --> 00:02:52,378
ou seja, você fazer com que o usuário 
fique muito mais à vontade

71
00:02:52,378 --> 00:02:54,574
e muito mais calmo,

72
00:02:54,574 --> 00:02:55,875
de repente, não frustrado.

73
00:02:55,875 --> 00:02:57,410
São outros temas
que eu tenho lido bastante,

74
00:02:57,410 --> 00:03:00,013
na hora de utilizar 
um aplicativo, por exemplo.

75
00:03:00,013 --> 00:03:03,283
Então, tornar a experiência
mais fluida, mais simples.

76
00:03:03,283 --> 00:03:05,332
Que aquele app 
não seja um labirinto,

77
00:03:05,332 --> 00:03:08,155
que ele bata o olho 
e já saiba o que vai fazer

78
00:03:08,155 --> 00:03:11,858
sem ter que pensar muito, sem ter
que gastar poder de processamento.

79
00:03:11,858 --> 00:03:13,963
Exatamente. A parte 
estética é fundamental,

80
00:03:13,963 --> 00:03:15,880
mas o essencial mesmo

81
00:03:15,880 --> 00:03:19,505
é fazer a coisa mais 
fluída, mais intuitiva.

82
00:03:19,505 --> 00:03:22,235
Eu costumo dizer 
que, na verdade,

83
00:03:22,235 --> 00:03:26,166
o usuário é o navegador,
é o navegante,

84
00:03:26,166 --> 00:03:29,944
e a gente, por mexer 
com essa parte técnica,

85
00:03:29,944 --> 00:03:32,055
tende a achar que somos 
o capitão do barco.

86
00:03:32,055 --> 00:03:34,447
E, na verdade, não.

87
00:03:34,447 --> 00:03:36,883
Na verdade, o capitão do barco
é o próprio usuário.

88
00:03:36,883 --> 00:03:39,953
Ele que é responsável
pela sua navegação.

89
00:03:39,953 --> 00:03:44,190
O nosso trabalho
é ser o cursor da água,

90
00:03:44,190 --> 00:03:47,727
é fornecer a linha
e o movimento que vai guiar

91
00:03:47,727 --> 00:03:49,462
os passos desse navegante

92
00:03:49,462 --> 00:03:51,431
na nossa interface digital.

93
00:03:51,431 --> 00:03:52,075
Então...

94
00:03:54,645 --> 00:03:56,885
O Motion Design,
que, na verdade,

95
00:03:56,885 --> 00:04:00,416
é uma junção de Motion 
Graphics com UX Motion,

96
00:04:00,416 --> 00:04:02,054
é o Motion Graphics

97
00:04:02,054 --> 00:04:05,094
aplicado ao UX Motion...

98
00:04:07,981 --> 00:04:10,462
Essa animação 
de elementos visuais,

99
00:04:10,462 --> 00:04:12,752
elementos técnicos,

100
00:04:12,752 --> 00:04:15,222
que a gente joga 
para a interface digital

101
00:04:15,222 --> 00:04:19,209
para criar isso que ele disse,
que é uma navegação mais fluída...

102
00:04:20,493 --> 00:04:22,869
Mais constante,

103
00:04:22,869 --> 00:04:25,851
mais tranquila, né, uma...

104
00:04:25,851 --> 00:04:27,310
- Intuitiva.
- Intuitiva.

105
00:04:28,268 --> 00:04:30,870
Então a gente é 
responsável por guiar.

106
00:04:30,870 --> 00:04:32,338
É muito mais que estética.

107
00:04:32,338 --> 00:04:35,208
Ele falou isso, é muito 
mais que estética.

108
00:04:35,208 --> 00:04:37,156
É uma noção 
de percepção do usuário.

109
00:04:38,731 --> 00:04:40,880
Então o nosso objetivo

110
00:04:40,880 --> 00:04:44,663
é com conduzir o usuário 
pela interface digital.

111
00:04:45,262 --> 00:04:47,387
Como a gente vai 
fazer essa animação,

112
00:04:47,387 --> 00:04:49,237
é uma mera questão técnica.

113
00:04:49,237 --> 00:04:50,657
Então eu acho que é 
importante dizer isso,

114
00:04:50,657 --> 00:04:54,661
porque às vezes as pessoas 
acham que a técnica resolve tudo.

115
00:04:54,661 --> 00:04:57,171
"Ah, eu preciso aprender 
um determinado software

116
00:04:57,171 --> 00:04:58,998
e eu vou me tornar 
esse profissional."

117
00:04:58,998 --> 00:04:59,618
Não.

118
00:04:59,618 --> 00:05:02,368
O Motion Design
é muito mais que técnica.

119
00:05:02,368 --> 00:05:07,540
Ele é uma noção 
da cognição do usuário,

120
00:05:07,540 --> 00:05:09,475
da relação com a interface.

121
00:05:09,475 --> 00:05:10,476
Perfeito, perfeito.

122
00:05:10,476 --> 00:05:14,080
É aquela história, eu não estou 
criando a aplicação para mim.

123
00:05:14,080 --> 00:05:16,382
Eu estou criando aquela 
aplicação para o usuário.

124
00:05:16,382 --> 00:05:19,285
É com a cabeça dele
que eu tenho que pensar

125
00:05:19,285 --> 00:05:22,422
quais são os passos que ele 
vai tomar, onde ele vai clicar,

126
00:05:22,422 --> 00:05:23,890
se ele digitar 
alguma coisa errada,

127
00:05:23,890 --> 00:05:27,260
qual é o feedback visual
que eu posso fornecer para ele.

128
00:05:27,260 --> 00:05:28,991
- É fazer exercício de empatia.
- É verdade.

129
00:05:28,991 --> 00:05:30,572
Se colocar no lugar do outro

130
00:05:30,572 --> 00:05:32,432
e ter essa sensibilidade.

131
00:05:32,432 --> 00:05:36,536
Porque não deixa de ser um artista
o motion designer, concorda?

132
00:05:36,536 --> 00:05:38,705
É um artista aplicado.

133
00:05:38,705 --> 00:05:41,407
E para ser artista
tem que ter sensibilidade

134
00:05:41,407 --> 00:05:42,787
de se colocar no lugar do outro.

135
00:05:42,787 --> 00:05:43,487
Incrível.

136
00:05:43,487 --> 00:05:44,177
É isso que a gente faz.

137
00:05:44,177 --> 00:05:45,914
Muito boas as definições.

138
00:05:45,914 --> 00:05:49,048
E de que forma, César, 
essas animações

139
00:05:49,048 --> 00:05:53,252
vão facilitar a vida e o dia
a dia do usuário?

140
00:05:53,252 --> 00:05:57,123
Ou seja, como você consegue
hoje, no seu dia a dia,

141
00:05:57,123 --> 00:06:00,860
colocar em prática esse 
conhecimento do Motion Design

142
00:06:00,860 --> 00:06:04,859
e tornar interfaces 
que antes eram complexas,

143
00:06:04,859 --> 00:06:06,414
muito mais intuitivas?

144
00:06:07,533 --> 00:06:09,402
Então, a gente tem 
alguns recursos.

145
00:06:09,402 --> 00:06:12,004
Por exemplo, a gente tem 
essa questão dos feedbacks,

146
00:06:12,004 --> 00:06:15,208
das microinterações,
que vão servir ali para reforçar

147
00:06:15,208 --> 00:06:17,744
determinado comportamento,
e muitas vezes para guiar.

148
00:06:17,744 --> 00:06:20,613
Então, por exemplo, a gente
às vezes pega uma interface ali

149
00:06:20,613 --> 00:06:23,182
na mão de uma pessoa
que não está muito acostumada

150
00:06:23,182 --> 00:06:26,319
a lidar com aplicativos, 
internet de maneira geral,

151
00:06:26,319 --> 00:06:30,022
e a coloca, de repente, 
na frente de um story,

152
00:06:30,022 --> 00:06:31,591
de uma propaganda 
que ela está assistindo,

153
00:06:31,591 --> 00:06:33,693
de repente,ela gostou do conteúdo
e querer saber mais.

154
00:06:33,693 --> 00:06:37,130
Você tem ali o velho conhecido
Call to Action, que é o botão,

155
00:06:37,130 --> 00:06:39,129
mas às vezes ele é colocado
de uma maneira...

156
00:06:39,129 --> 00:06:41,395
Por exemplo, às vezes, 
dependendo do aplicativo,

157
00:06:41,395 --> 00:06:42,735
são muitos recursos.

158
00:06:42,735 --> 00:06:45,204
Se a gente for colocar 
um recurso para cada botão...

159
00:06:45,204 --> 00:06:45,983
Me desculpe, ao contrário.

160
00:06:45,983 --> 00:06:47,373
Um botão para cada recurso,

161
00:06:47,373 --> 00:06:48,775
parece ser uma tela de botões.

162
00:06:48,775 --> 00:06:50,910
Então a gente começa a dar
algumas orientações.

163
00:06:50,910 --> 00:06:54,447
Por exemplo, 
coloca uma animação,

164
00:06:54,447 --> 00:06:56,082
como setinhas 
apontando para cima.

165
00:06:56,082 --> 00:06:59,257
A pessoa vai saber que se ela 
quiser acessar aquela pasta,

166
00:06:59,257 --> 00:07:01,554
arrasta para cima, 
arrasta para o lado.

167
00:07:01,554 --> 00:07:03,322
Então você tem ali
alguns aplicativos.

168
00:07:03,322 --> 00:07:05,725
Eles vêm a primeira vez 
que você instala

169
00:07:05,725 --> 00:07:07,967
como se fossem minis tutoriais.

170
00:07:07,967 --> 00:07:10,229
Para quem está vendo 
aqui, o estudante,

171
00:07:10,229 --> 00:07:12,592
você que instalou o Adobe
no seu computador pela primeira vez,

172
00:07:12,592 --> 00:07:14,060
sabe que, toda vez 
que abre um software...

173
00:07:14,060 --> 00:07:14,880
É irritante, né?

174
00:07:14,880 --> 00:07:16,387
Mas toda vez que abre 
um software da Adobe...

175
00:07:16,387 --> 00:07:17,047
Eu pulo.

176
00:07:17,047 --> 00:07:18,370
Então, mas ultimamente 
parece que eles

177
00:07:18,370 --> 00:07:19,730
não estão deixando nem isso né?

178
00:07:19,730 --> 00:07:22,467
- É, força você...
- É, força você assistir.

179
00:07:22,467 --> 00:07:24,563
Então ele tem ali um tutorial.

180
00:07:24,563 --> 00:07:27,187
Se você quer ir para o menu tal,
você arrasta para cá,

181
00:07:27,187 --> 00:07:29,549
ou se você quer acessar a página,
você arrasa para cima.

182
00:07:29,549 --> 00:07:31,451
Então...

183
00:07:31,451 --> 00:07:35,087
Esse feedback, muitas vezes,
de você clicar no botão...

184
00:07:35,087 --> 00:07:36,810
Isso aconteceu comigo
esses dias.

185
00:07:36,810 --> 00:07:38,316
Foi no meu aplicativo inclusive.

186
00:07:38,316 --> 00:07:40,126
Eu preenchi um cadastro enorme,

187
00:07:40,126 --> 00:07:42,061
extremamente mal feito, 
que você tem que...

188
00:07:42,061 --> 00:07:42,962
Você não pode digitar.

189
00:07:42,962 --> 00:07:44,353
Você tem que... Sabe?

190
00:07:44,353 --> 00:07:47,366
Universidade, são todas 
as universidades do mundo.

191
00:07:47,366 --> 00:07:48,696
Se vira, acha.

192
00:07:48,696 --> 00:07:50,136
Você não pode digitar.

193
00:07:50,136 --> 00:07:51,504
E a hora que você 
acabou de digitar,

194
00:07:51,504 --> 00:07:53,406
você vai lá para baixo 
e some da sua tela.

195
00:07:53,406 --> 00:07:57,477
Todo o formulário que você preencheu,
fica só o botão de enviar.

196
00:07:57,477 --> 00:07:58,978
O que é o básico da nossa área?

197
00:07:58,978 --> 00:08:01,180
Quando você aperta esse botão,
o que tem que acontecer?

198
00:08:01,180 --> 00:08:02,442
Tem que ter uma micro interação.

199
00:08:02,442 --> 00:08:04,679
O botão muda de cor, ele treme,

200
00:08:04,679 --> 00:08:06,419
ele muda, aparece como enviado.

201
00:08:06,419 --> 00:08:08,021
Isso é o básico na nossa área.

202
00:08:08,021 --> 00:08:09,727
O botão não fazia isso.

203
00:08:09,727 --> 00:08:11,357
Ele simplesmente não mudava,

204
00:08:11,357 --> 00:08:13,598
o formulário tinha sido enviado,

205
00:08:13,598 --> 00:08:15,478
o formulário tinha sido assim...

206
00:08:15,478 --> 00:08:16,462
Ele carregava.

207
00:08:16,462 --> 00:08:18,602
Só que tem um macete 
especial desse aplicativo.

208
00:08:18,602 --> 00:08:20,533
Você apertava mais de uma vez
porque você achava que não tinha apertado,

209
00:08:20,533 --> 00:08:22,402
ele zerava o seu formulário

210
00:08:22,402 --> 00:08:24,470
e você tinha 
que começar de novo.

211
00:08:24,470 --> 00:08:27,507
Então, a nossa área 
trabalha muito

212
00:08:27,507 --> 00:08:30,160
na parte de direcionamento,
mas também de reforço,

213
00:08:30,160 --> 00:08:33,215
de você sanar, no usuário,

214
00:08:33,215 --> 00:08:34,975
se a ação que ele executou

215
00:08:34,975 --> 00:08:36,616
foi para algum lugar.

216
00:08:36,616 --> 00:08:38,284
Reduzir as interrupções.

217
00:08:38,284 --> 00:08:40,319
Reduzir as interrupções.

218
00:08:40,319 --> 00:08:43,923
Não existe nada mais desconfortável 
do que você clicar num botão

219
00:08:43,923 --> 00:08:47,927
e você não saber
se o seu arquivo subiu

220
00:08:47,927 --> 00:08:50,229
ou se você recebeu o arquivo
de alguma maneira.

221
00:08:50,229 --> 00:08:53,666
Então, esse feedback que ele está
fazendo, que é o feedback visual,

222
00:08:53,666 --> 00:08:58,013
é uma micro animação 
que é realizada

223
00:08:58,013 --> 00:09:00,573
através de uma interação

224
00:09:00,573 --> 00:09:03,853
num pequeno ícone, 
num pequeno botão,

225
00:09:03,853 --> 00:09:06,775
que dá a resposta ao usuário

226
00:09:06,775 --> 00:09:08,915
de que aquela ação foi efetiva.

227
00:09:08,915 --> 00:09:10,154
Tranquiliza.

228
00:09:10,154 --> 00:09:11,634
Exatamente.

229
00:09:11,634 --> 00:09:15,488
O nosso papel é deixar
os usuários mais tranquilos.

230
00:09:16,133 --> 00:09:19,292
A vida já é muito difícil.

231
00:09:19,292 --> 00:09:22,313
Ao acessar o meu site, eu te garanto
que, tranquilo, você vai ficar.

232
00:09:22,313 --> 00:09:25,178
A vida já difícil, o seu aplicativo 
vai dificultar mais?

233
00:09:26,143 --> 00:09:28,701
Se as telas, 
que a gente tem que lidar

234
00:09:28,701 --> 00:09:29,936
o tempo inteiro com elas,

235
00:09:29,936 --> 00:09:32,443
forem dificultar a nossa vida,
então a gente está ferrado.

236
00:09:32,443 --> 00:09:34,962
No começo estava difícil, no final,
parecia que eu estava no começo.

237
00:09:35,818 --> 00:09:36,743
É por aí mesmo.

238
00:09:36,743 --> 00:09:37,743
Então a nossa função é essa.

239
00:09:37,743 --> 00:09:41,052
É o que eles chamam 
também de visual cue",

240
00:09:41,052 --> 00:09:42,481
que seria uma dica visual.

241
00:09:42,481 --> 00:09:43,626
essa parte de...

242
00:09:45,158 --> 00:09:47,334
Animações, 
quando arrasta, cliques.

243
00:09:49,037 --> 00:09:50,253
São recursos que a gente 
acaba utilizando.


244
00:09:50,253 --> 00:09:52,762
além de transições, que a gente 
vai comentar um pouco.

245
00:09:52,762 --> 00:09:53,792
São os principais os três,

246
00:09:53,792 --> 00:09:55,890
transições, micro interações...

247
00:09:57,507 --> 00:09:59,098
E os feedbacks visuais.

248
00:09:59,098 --> 00:10:02,668
Feedback visual, interações, 
são recursos então que...

249
00:10:02,668 --> 00:10:03,412
Fundamentais.

250
00:10:03,412 --> 00:10:04,904
Fundamentais, 
que o motion design...

251
00:10:04,904 --> 00:10:05,917
E sabe o que acontece?

252
00:10:05,917 --> 00:10:09,175
Nos primórdios da internet
não tinha essa preocupação.

253
00:10:09,175 --> 00:10:11,377
A preocupação era:
tem que funcionar.

254
00:10:11,377 --> 00:10:12,111
E aí o que você falou?

255
00:10:12,111 --> 00:10:13,994
Você vai selecionar lá a cidade.

256
00:10:13,994 --> 00:10:15,994
Você seleciona 
o estado de São Paulo,

257
00:10:15,994 --> 00:10:17,664
tem mais de 500 cidades,

258
00:10:17,664 --> 00:10:20,304
e aí a sua cidade é 
a capital, é São Paulo,

259
00:10:20,304 --> 00:10:23,389
que está lá embaixo
e aí tem que percorrer.

260
00:10:23,389 --> 00:10:27,293
Todo mundo sabe que a primeira 
cidade é Adamantina,

261
00:10:27,293 --> 00:10:29,871
porque todo o formulário 
que você vai preencher...

262
00:10:29,871 --> 00:10:31,611
- Que não tem esses recursos...
- É mesmo, né?

263
00:10:31,611 --> 00:10:34,800
Você sabe que Adamantina
é a primeira da lista.

264
00:10:34,800 --> 00:10:37,941
Agora você imagina, por exemplo,
que você quer colocar uma cidade

265
00:10:37,941 --> 00:10:40,506
lá no seu formulário

266
00:10:40,506 --> 00:10:44,310
e você clica na setinha para baixo
e não abrem as cidades.

267
00:10:45,121 --> 00:10:47,279
Já é uma sensação 
de desconforto.

268
00:10:47,279 --> 00:10:48,459
Exato.

269
00:10:48,459 --> 00:10:51,117
E você falou desde 
os primórdios, não é verdade?

270
00:10:54,320 --> 00:10:55,624
Provavelmente, a gente 
deve estar falando

271
00:10:55,624 --> 00:10:57,990
com uma faixa etária aqui, enfim.

272
00:10:57,990 --> 00:10:59,760
Quem tiver mais ou menos
a nossa idade

273
00:10:59,760 --> 00:11:03,315
vai lembrar dos sites 
da década de 1990.

274
00:11:03,315 --> 00:11:05,699
Até tem lugares, sites,

275
00:11:05,699 --> 00:11:08,709
que arquivam essas interfaces.

276
00:11:08,709 --> 00:11:11,145
Tem, Web Archiving,
"web.archiving.org".

277
00:11:11,145 --> 00:11:12,805
Obrigado por lembrar.

278
00:11:12,805 --> 00:11:15,342
Eu estava aqui matutando.

279
00:11:15,342 --> 00:11:16,342
Pô, se você pega um site 
da década de 1990,

280
00:11:16,342 --> 00:11:20,680
experiência do usuário Meu Deus,
essa era era o terror na terra.

281
00:11:20,680 --> 00:11:23,683
A gente desbravou aquilo tudo.

282
00:11:23,783 --> 00:11:25,918
Sobreviveu, apanhou pra fazer.

283
00:11:25,918 --> 00:11:26,819
Então é assim que.

284
00:11:26,819 --> 00:11:29,689
Teve alguém que falou assim
Meu Deus, isso aqui está terrível.

285
00:11:29,689 --> 00:11:31,891
Eu vou ajudar
o pessoal na vida melhor.

286
00:11:31,891 --> 00:11:34,160
Essa pessoa merece ser glorificado.

287
00:11:34,160 --> 00:11:36,429
Acho que isso que você trouxe

288
00:11:36,429 --> 00:11:40,099
é muito da cultura e da experiência
que nós tivemos no passado de hoje.

289
00:11:40,099 --> 00:11:44,103
Não ter essa paciência
de querer assistir o tutorial

290
00:11:44,336 --> 00:11:47,373
que de repente outra geração
ou outra cultura tem.

291
00:11:47,373 --> 00:11:49,975
Eu vejo que os americanos
tem muito dessa cultura.

292
00:11:49,975 --> 00:11:52,244
Quando eles compram
uma TV, por exemplo,

293
00:11:52,244 --> 00:11:56,148
de abrir a caixa, pegar o manual,
ficar lendo o manual para depois.

294
00:11:56,215 --> 00:11:56,716
Aqui não.

295
00:11:56,716 --> 00:12:00,219
Aqui a gente pega a TV, coloca
na tomada, pega o controle remoto.

296
00:12:00,252 --> 00:12:03,823
Não é útil, tem uma folhinha
aqui explicando porque não?

297
00:12:04,790 --> 00:12:05,925
Na melhor das hipóteses, o

298
00:12:05,925 --> 00:12:09,729
cara vê uma box, vê um review,
pra falar bem a verdade.

299
00:12:09,729 --> 00:12:10,863
Assim,
quando eu tenho pego uma coisa

300
00:12:10,863 --> 00:12:12,264
não tô conseguindo programar,
não tem dúvida.

301
00:12:12,264 --> 00:12:13,933
YouTube

302
00:12:13,933 --> 00:12:16,869
é uma cultura imediatista,
vai um pouco além de geração.

303
00:12:16,869 --> 00:12:19,972
Você está vendo que até
ele falou assim a gente largou

304
00:12:20,573 --> 00:12:23,743
o panfletinho lá
do manual para a gente

305
00:12:23,743 --> 00:12:27,880
procurar o tutorial
de como montar num site,

306
00:12:28,447 --> 00:12:31,650
porque o YouTube é um site
e o Facebook é um site.

307
00:12:32,251 --> 00:12:36,489
E pela intuição intuitividade deles,
faz com que eu

308
00:12:36,489 --> 00:12:39,992
muito mais intuitivo eu procurar
numa plataforma como essa

309
00:12:40,392 --> 00:12:42,962
do que com do que eu ler um manual.

310
00:12:42,962 --> 00:12:44,897
Que é mal diagramado. Olhos.

311
00:12:44,897 --> 00:12:46,198
Muito mal diagramado.

312
00:12:46,198 --> 00:12:48,000
E aí você fica naquela confusão que.

313
00:12:48,000 --> 00:12:52,004
Você acha na internet,
mas é como projetar o relógio na TV

314
00:12:52,438 --> 00:12:55,741
tem nem um link incrível como tem,
então é muito mais

315
00:12:55,741 --> 00:12:56,776
fácil, muito mais prático

316
00:12:58,611 --> 00:13:00,279
a cultura do imediatismo.

317
00:13:00,279 --> 00:13:03,215
A gente tem que ter coisas que tem
que forneçam respostas rápidas.

318
00:13:03,215 --> 00:13:04,917
Assim dá até para coisas que a gente

319
00:13:04,917 --> 00:13:06,819
não tem como ser mais rápido
do que isso, né?

320
00:13:06,819 --> 00:13:09,088
A gente chegou num estado
que a gente pergunta pro ar

321
00:13:09,088 --> 00:13:10,122
como eu programo essa TV?

322
00:13:10,122 --> 00:13:12,124
O ar me responde
Ainda não chegamos lá,

323
00:13:12,124 --> 00:13:13,392
mas o aplicativo é uma coisa

324
00:13:13,392 --> 00:13:15,060
e cada vez mais
ele tem que ser responsivo,

325
00:13:15,060 --> 00:13:17,263
tem que ser rápido,
Ninguém vai aturar ficar.

326
00:13:17,263 --> 00:13:19,498
Às vezes o aplicativo diz eu já fiz,
já fiz isso.

327
00:13:19,498 --> 00:13:22,501
Abandonar aplicativo de comida,
porque o negócio

328
00:13:22,802 --> 00:13:25,104
ou é lerdo ou mete
uma animação que não tem nada a ver

329
00:13:25,104 --> 00:13:28,107
e consequentemente, assim o toc toc,
o celular ruim ele na época

330
00:13:28,174 --> 00:13:29,942
o carregamento não vai não.

331
00:13:29,942 --> 00:13:32,278
E existe uma pesquisa que inclusive

332
00:13:32,278 --> 00:13:33,813
eu não vou lembrar
a fonte da pesquisa.

333
00:13:33,813 --> 00:13:36,782
Por favor,
se vocês tiverem acesso em casa,

334
00:13:37,049 --> 00:13:41,053
pesquisem isso,
Mas que existe uma média de de

335
00:13:42,121 --> 00:13:45,090
de que usuários eles largam um site.

336
00:13:45,324 --> 00:13:48,961
Se o site demorar 3/2
sim para abrir, então sim,

337
00:13:49,995 --> 00:13:52,698
a otimização
é um processo fundamental também,

338
00:13:52,698 --> 00:13:55,000
Então não basta
você ter uma animação,

339
00:13:55,000 --> 00:13:58,771
uma muffin design bem bacana
se ele não tiver otimizado

340
00:13:58,904 --> 00:14:01,907
para que o site carregue bem,
para que o site flua bem,

341
00:14:02,241 --> 00:14:04,376
para que ele não fique
cheio de travamentos.

342
00:14:04,376 --> 00:14:05,878
Boa, Eu quero pegar

343
00:14:05,878 --> 00:14:09,915
um gancho que o César trouxe ele
de múltiplas animações e tudo mais.

344
00:14:10,182 --> 00:14:13,185
Vocês que são profissionais que hoje
estão na área,

345
00:14:13,219 --> 00:14:16,155
atuam
no dia a dia com motion design.

346
00:14:16,155 --> 00:14:20,226
Eu vejo que às vezes
o excesso de animações e transições

347
00:14:20,559 --> 00:14:23,128
podem dificultar a vida do usuário.

348
00:14:23,128 --> 00:14:26,665
Não adianta ter um aplicativo
que gira pula história,

349
00:14:26,966 --> 00:14:29,535
sendo que ele não cumpre com
as funcionalidades básicas.

350
00:14:30,569 --> 00:14:32,004
Eder, na sua opinião,

351
00:14:32,004 --> 00:14:33,639
como é que a gente consegue alcançar

352
00:14:33,639 --> 00:14:36,909
um equilíbrio
entre essas transições e animações

353
00:14:37,142 --> 00:14:40,145
e a usabilidade final
para o nosso usuário?

354
00:14:40,646 --> 00:14:45,384
E análise de otimização do site de

355
00:14:46,886 --> 00:14:49,021
Se o site está rendendo
bem é a primeira.

356
00:14:49,021 --> 00:14:52,024
A primeira coisa tem que fazer,
identificar,

357
00:14:52,024 --> 00:14:54,660
ter esse excesso de animações

358
00:14:54,660 --> 00:14:58,430
através de uma percepção sensível

359
00:14:58,631 --> 00:15:01,634
que o motion design tem que ter.

360
00:15:02,735 --> 00:15:05,738
Em tudo, qualquer trabalho,
em qualquer trabalho.

361
00:15:05,871 --> 00:15:08,073
No caso de interface digitais,
a gente tá falando de animação.

362
00:15:08,073 --> 00:15:10,709
Um monte de animação
não vai ser legal

363
00:15:10,709 --> 00:15:14,013
se você pegar para
fazer um panfleto, se não utilizar

364
00:15:14,013 --> 00:15:18,284
o mesmo, o mesmo estilo
ou o mesmo objeto várias vezes,

365
00:15:18,851 --> 00:15:22,121
ele vai cair num problema
que é um dos princípios do fundo

366
00:15:22,388 --> 00:15:25,391
e um dos fundamentos do design
do design, que é a repetição.

367
00:15:25,824 --> 00:15:28,661
Então acho que a gente tem que
controlar essa questão de repetição.

368
00:15:28,661 --> 00:15:31,664
Então a gente tem que ter o bom
senso, a sensibilidade

369
00:15:31,697 --> 00:15:33,432
de tornar a página fluida.

370
00:15:33,432 --> 00:15:37,336
E esse processo
exige o conhecimento do usuário.

371
00:15:38,270 --> 00:15:40,773
Então, assim, quando você conhece

372
00:15:40,773 --> 00:15:44,910
como que o comportamento visual
diante de uma interface de usuário,

373
00:15:44,910 --> 00:15:48,948
você vai adquirindo automaticamente
e imperceptivelmente

374
00:15:49,315 --> 00:15:50,950
essa sensibilidade.

375
00:15:50,950 --> 00:15:54,186
Então é e é design de design

376
00:15:54,186 --> 00:15:57,256
tem um objetivo de frente de arte
que é subjetiva.

377
00:15:57,723 --> 00:16:01,093
Então, se você tem um objetivo,
você tem que cumprir

378
00:16:01,093 --> 00:16:04,096
com esse objetivo
ou excesso de animação.

379
00:16:04,163 --> 00:16:05,597
Ele vai cumprir o objetivo.

380
00:16:06,632 --> 00:16:08,834
Depende
de qual a proposta da interface.

381
00:16:08,834 --> 00:16:12,037
Se ele não estiver cumprindo esse
objetivo, então tira.

382
00:16:13,605 --> 00:16:18,277
É preciso ter essa sensibilidade,
esse bom senso de saber avaliar

383
00:16:18,777 --> 00:16:21,747
qual é a proposta
e qual o objetivo da animação.

384
00:16:21,747 --> 00:16:26,218
E assim, com bom briefing,
você vai a lugares maravilhosos.

385
00:16:26,852 --> 00:16:28,487
Sensacional!

386
00:16:28,487 --> 00:16:30,723
Nós falamos aqui nesse bate papo

387
00:16:30,723 --> 00:16:33,726
sobre micro interações.

388
00:16:34,259 --> 00:16:36,128
Traz para nós aí alguns exemplos.

389
00:16:36,128 --> 00:16:40,299
Eu percebo que a micro interação
é aquela coisa que o usuário

390
00:16:40,299 --> 00:16:43,602
às vezes ele não percebe,
ele não dá valor, Mas aqui não

391
00:16:43,602 --> 00:16:47,706
faz uma diferença enorme
na sua experiência e na usabilidade.

392
00:16:48,007 --> 00:16:51,610
Traz alguns outros exemplos de micro
interações para o pessoal

393
00:16:51,610 --> 00:16:52,378
que está assistindo.

394
00:16:52,378 --> 00:16:54,279
A gente associa um.

395
00:16:54,279 --> 00:16:56,548
Isso aqui é uma micro interação.

396
00:16:56,548 --> 00:16:59,752
Então, por exemplo,
quando você vai preencher lá alguma

397
00:16:59,752 --> 00:17:03,655
uma rede social fora do seu
computador, fora do seu celular

398
00:17:03,956 --> 00:17:07,326
e essa essa é bem famosa e aí
a gente está acostumado a salvar

399
00:17:07,326 --> 00:17:10,329
sem ali
não ter que ficar mais decorando.

400
00:17:10,562 --> 00:17:13,232
Ou a gente
mete a impressão digital e acessa.

401
00:17:13,232 --> 00:17:15,934
Às vezes a gente tem que acessar
o site fora, em outro lugar.

402
00:17:15,934 --> 00:17:17,903
A sua rede social,
Qual a sua senha do Facebook?

403
00:17:17,903 --> 00:17:19,038
Não tem a menor não.

404
00:17:19,038 --> 00:17:23,042
Face daí você vai tentar entrar
na sua senha e não funciona.

405
00:17:23,042 --> 00:17:24,610
Você aqui
acontece normalmente com o cabo,

406
00:17:24,610 --> 00:17:27,646
porque você digita e erra,
ele tende a ficar na cor vermelha.

407
00:17:28,247 --> 00:17:30,482
Mas além disso,
a gente até comenta sobre isso

408
00:17:30,482 --> 00:17:32,684
em relação a acessibilidade,
só ficar na cor vermelha,

409
00:17:32,684 --> 00:17:35,521
na cor vermelha não ajuda.
Ele dá uma tremidinha.

410
00:17:35,521 --> 00:17:38,023
Isso é uma coisa
que acontecem em todas, né?

411
00:17:38,023 --> 00:17:38,957
Mas acho que a maioria

412
00:17:40,159 --> 00:17:42,161
dos aplicativos que a gente utiliza,
quando você erra

413
00:17:42,161 --> 00:17:44,329
alguma informação,
ele tende a tremer.

414
00:17:44,329 --> 00:17:45,330
Quando você preenche

415
00:17:45,330 --> 00:17:48,333
de repente o seu CEP errado,
você colocou seis dígitos,

416
00:17:48,367 --> 00:17:51,370
o que normalmente tende a acontecer
minimamente.

417
00:17:51,370 --> 00:17:54,606
Ele não te deixa ir para frente,
ele vai subir De repente a página

418
00:17:54,606 --> 00:17:56,675
e vai mostrar o erro
com uma cor diferente.

419
00:17:56,675 --> 00:17:57,776
Onde que você errou?

420
00:17:57,776 --> 00:18:00,779
Então,
essas interações desde o movimento,

421
00:18:01,013 --> 00:18:03,515
desde a alteração de cor
ou os dois juntos,

422
00:18:03,515 --> 00:18:05,017
preferencialmente os dois juntos,

423
00:18:05,017 --> 00:18:07,953
ele vai mostrar
uma espécie de reforço

424
00:18:07,953 --> 00:18:11,123
quando você acerta ou ao contrário,
quando você é que é o caso aqui.

425
00:18:12,091 --> 00:18:13,592
Então

426
00:18:13,592 --> 00:18:16,595
são coisas que tende realmente a.

427
00:18:17,663 --> 00:18:19,164
Reforçar

428
00:18:19,164 --> 00:18:21,600
para que você não faça mais
ou você preste atenção

429
00:18:21,600 --> 00:18:24,603
ou para que de repente,
quando você dá um like,

430
00:18:25,771 --> 00:18:27,840
uma coisa até um pouco mais recente,

431
00:18:27,840 --> 00:18:30,576
você dá um like ou um coraçãozinho,
dá um parabéns,

432
00:18:30,576 --> 00:18:32,277
Vocês ainda existe isso no Facebook?

433
00:18:32,277 --> 00:18:35,948
Você coloca
parabéns a pessoa só tem serpentina,

434
00:18:36,348 --> 00:18:39,017
então isso é um é um reforço,
uma interação que causa ali

435
00:18:39,017 --> 00:18:42,187
uma uma conexão emocional,
porque assim,

436
00:18:43,789 --> 00:18:46,358
a parte de do

437
00:18:46,358 --> 00:18:48,627
do Mouchão
ela pega um pouquinho de referência,

438
00:18:48,627 --> 00:18:50,395
atenção, um pouquinho de referências

439
00:18:50,395 --> 00:18:53,398
ali, dos 12 passos,
dos fundamentos da animação

440
00:18:53,432 --> 00:18:56,535
Tá que é o livro que surge lá
da década de 80,

441
00:18:56,535 --> 00:18:59,037
que foram observações feitas
principalmente

442
00:18:59,037 --> 00:19:00,672
com produções da Disney.

443
00:19:00,672 --> 00:19:03,942
Alguém que veio da regra e
alguém que achou elementos em comum

444
00:19:04,510 --> 00:19:06,278
e que vai influenciar
de alguma forma.

445
00:19:06,278 --> 00:19:09,281
Por exemplo, do 12
fundamentos do Unix

446
00:19:09,381 --> 00:19:11,283
Qual a diferença de um
e de outro da animação?

447
00:19:11,283 --> 00:19:15,621
E para criar uma conexão emocional
do YouPix para criar uma?

448
00:19:16,221 --> 00:19:19,391
Eu tenho sentido mais quando
você tem experiência, entendeu?

449
00:19:19,391 --> 00:19:22,327
Então você vai juntar um
com o outro, entendeu?

450
00:19:22,327 --> 00:19:25,330
Ou fique mais, está mais A questão
da arte da animação

451
00:19:25,697 --> 00:19:27,966
para te trazer
uma conexão emocional é fundamental.

452
00:19:29,101 --> 00:19:31,270
A experiência é
muito bom, mas quando você sente ali

453
00:19:31,270 --> 00:19:32,971
que tem uma, a questão de você

454
00:19:32,971 --> 00:19:35,140
dar like ou um coração
e ter toda uma animação

455
00:19:35,140 --> 00:19:38,143
e uma alimentação,
vamos dar feedback.

456
00:19:39,077 --> 00:19:41,813
Ele torna sua experiência muito mais
emocional, o que é importante.

457
00:19:41,813 --> 00:19:44,349
Também é bom que o aplicativo
funcione,

458
00:19:44,349 --> 00:19:47,119
mas essa conexão emocional
também é fundamental.

459
00:19:47,119 --> 00:19:48,954
Então essas micro interações

460
00:19:48,954 --> 00:19:51,823
geralmente elas trazem um pouquinho
dos dois. Sem dúvida. Sem dúvida.

461
00:19:51,823 --> 00:19:55,093
Vamos fazer agora
uma viagem no tempo e voltar

462
00:19:55,093 --> 00:19:59,765
lá para 2009, 2009
foi um ano que começou

463
00:20:00,132 --> 00:20:03,168
a surgir os primeiros aplicativos

464
00:20:03,168 --> 00:20:07,206
após o lançamento de AppStore
Google Play.

465
00:20:07,339 --> 00:20:08,941
A antiga Play Store.

466
00:20:08,941 --> 00:20:11,610
Era uma época que tinha diversos

467
00:20:11,610 --> 00:20:16,481
smartphones, um leque com Windows
Phone, BlackBerry,

468
00:20:17,182 --> 00:20:20,919
AIO, o S, Android, entre outros.

469
00:20:21,687 --> 00:20:24,122
Voltando agora para os dias de hoje,

470
00:20:24,122 --> 00:20:28,961
nós temos a grande concentração
entre usuários Android e iOS s.

471
00:20:29,695 --> 00:20:32,798
Éder muda alguma coisa de Android
para iOS

472
00:20:32,798 --> 00:20:36,101
quando o assunto é Mocha
ou tudo a mesma coisa?

473
00:20:36,335 --> 00:20:39,338
Eu acho que tem muito a ver
com as diretrizes de design. Tá?

474
00:20:39,838 --> 00:20:40,372
Então, assim

475
00:20:41,573 --> 00:20:43,442
como sou
péssima com o nome, mas por exemplo,

476
00:20:43,442 --> 00:20:47,212
o Android usa muito
o material de design do Google,

477
00:20:47,879 --> 00:20:50,816
então tem essas peças

478
00:20:50,816 --> 00:20:53,752
que essa diferenças que estão
muito estéticas, de estilo.

479
00:20:53,752 --> 00:20:57,322
Por exemplo,
o material design é mais flat.

480
00:20:57,889 --> 00:21:00,659
Você se lembra como
que é o nome do material?

481
00:21:00,659 --> 00:21:02,561
Me perdão, Perdão por não lembrar.

482
00:21:02,561 --> 00:21:08,600
Eu Capaz que eu lembre no meio,
mas eles também usam um estilo.

483
00:21:08,800 --> 00:21:10,269
De Leibniz.

484
00:21:10,269 --> 00:21:11,103
Ou alguma.

485
00:21:11,103 --> 00:21:13,672
Coisa mais de uma interface.

486
00:21:13,672 --> 00:21:17,009
Eu acho que eles tem menos de Flash,
eles tem e eles mexem mais

487
00:21:17,009 --> 00:21:20,879
com sombreamento e profundidade
através de luzes.

488
00:21:20,879 --> 00:21:23,882
Então sim,
tem essa diferença de diretrizes

489
00:21:24,249 --> 00:21:27,419
e de softwares que você vai usar,
de ferramentas que você vai usar.

490
00:21:27,419 --> 00:21:30,422
Então você pode usar

491
00:21:30,422 --> 00:21:33,492
no Android, você pode usar lote,
você pode usar o After Effects

492
00:21:33,492 --> 00:21:37,029
para converter
ou as suas animações indie em Jeison

493
00:21:38,196 --> 00:21:39,998
e Flutter.

494
00:21:39,998 --> 00:21:43,001
Então assim
tem várias ferramentas que aqui são

495
00:21:43,101 --> 00:21:47,906
que diferenciam, são utilizadas
em cada sistema legal Sim,

496
00:21:48,907 --> 00:21:52,544
tem suas diferenças,
mas o fundamental mesmo é o.

497
00:21:52,544 --> 00:21:53,745
Fundamental mesmo,

498
00:21:53,745 --> 00:21:55,247
desde que a gente consiga respeitar

499
00:21:55,247 --> 00:21:57,316
ali exatamente o lugar de lines, né?

500
00:21:57,316 --> 00:21:59,051
Traduzindo para o pessoal de casa

501
00:21:59,051 --> 00:22:02,621
um conjunto de boas práticas
que cada sistema operacional usa.

502
00:22:03,021 --> 00:22:06,391
E vale destacar
também que são fundamentais,

503
00:22:06,391 --> 00:22:09,461
muitas vezes para o aplicativo
ser aceito na loja.

504
00:22:09,861 --> 00:22:13,398
Porque às vezes, se você coloca lá
um botão que foge da proposta

505
00:22:13,632 --> 00:22:16,902
ou um botão menor,
o que a Apple que o Google pensa,

506
00:22:17,102 --> 00:22:20,038
o meu usuário vai ter dificuldade
de clicar nesse botão.

507
00:22:20,038 --> 00:22:21,807
E aí, o que ele vai falar?

508
00:22:21,807 --> 00:22:23,008
Ah, esse aplicativo é ruim.

509
00:22:23,008 --> 00:22:27,212
Ele vai falar se iPhone não presta,
Então eles são bem preocupados

510
00:22:27,212 --> 00:22:27,879
com essa questão.

511
00:22:28,914 --> 00:22:29,915
Nos projetos que você

512
00:22:29,915 --> 00:22:33,452
já tocou, seja,
você sentiu muita diferença de

513
00:22:33,819 --> 00:22:36,822
S para Android
na hora de pensar em Mocha.

514
00:22:37,389 --> 00:22:39,691
Que normalmente o cabelo

515
00:22:39,691 --> 00:22:42,094
adoece, eles tem uma questão
com sobreposição

516
00:22:42,094 --> 00:22:45,097
e de arrastar para o lado e,

517
00:22:46,264 --> 00:22:47,132
por exemplo,

518
00:22:47,132 --> 00:22:48,800
eles também tem uma questão
em relação a você

519
00:22:48,800 --> 00:22:50,802
não começar
o movimento muito perto da borda.

520
00:22:50,802 --> 00:22:54,272
A recomendação que eles dão
é bem uma recomendação não pode

521
00:22:55,140 --> 00:22:58,143
é no Android, ele é um pouco mais.

522
00:23:00,011 --> 00:23:02,214
Eu não sei como é que é hoje em dia,
mas tinha se uma certa cultura

523
00:23:02,214 --> 00:23:04,683
de que vai
um pouquinho mais chatinho. Você.

524
00:23:04,683 --> 00:23:07,419
Só que, assim como você falou,
a gente está hoje

525
00:23:07,419 --> 00:23:10,422
muito mais em Androide e o S.

526
00:23:10,922 --> 00:23:14,493
As diferenças de tamanho de tela
elas são muito menores

527
00:23:14,493 --> 00:23:15,961
lá isso do que no androide androide.

528
00:23:15,961 --> 00:23:18,096
Você tem uma variedade imensa gente,

529
00:23:18,096 --> 00:23:20,332
e você tem que trabalhar em cima
disso.

530
00:23:20,332 --> 00:23:22,100
E as transições aqui são assim.

531
00:23:22,100 --> 00:23:25,070
Já o a essa
transição ela é mais suave.

532
00:23:26,071 --> 00:23:27,038
É o que ele falou.

533
00:23:27,038 --> 00:23:28,640
Acho que é muito mais uma questão
assim, de tão.

534
00:23:28,640 --> 00:23:33,412
Sutil e sutil, de mais e às vezes
torna imperceptível para o usuário.

535
00:23:33,879 --> 00:23:36,615
Então é mais uma questão de
detalhe técnico e.

536
00:23:36,615 --> 00:23:37,883
A questão do design como um todo.

537
00:23:37,883 --> 00:23:38,483
Se você pegar,

538
00:23:38,483 --> 00:23:40,585
se você comparar o WhatsApp
em um e outro,

539
00:23:40,585 --> 00:23:44,322
mas essas diferenças
não sabe do tipo Ah, detalhe maior

540
00:23:44,322 --> 00:23:44,956
existe uma

541
00:23:44,956 --> 00:23:48,293
preferência no modo de transição,
que é o que é o de expandir,

542
00:23:48,727 --> 00:23:50,929
que é algo que também chamado
como que é?

543
00:23:50,929 --> 00:23:51,997
Vou tentar traduzir aqui.

544
00:23:51,997 --> 00:23:53,899
Acho que é obscurecer,
se não me engano,

545
00:23:53,899 --> 00:23:57,569
onde você aplicaria um clique
de um determinado ou uma determinada

546
00:23:57,569 --> 00:23:58,970
tela, Ela expande.

547
00:23:58,970 --> 00:24:00,105
Só que o que está atrás

548
00:24:00,105 --> 00:24:03,608
não desaparece, que é para te manter
o senso de direção perdido.

549
00:24:04,176 --> 00:24:07,179
Só que assim
o Android também está fazendo isso.

550
00:24:07,579 --> 00:24:09,381
Então voltar para o WhatsApp,
por exemplo.

551
00:24:09,381 --> 00:24:11,149
A única diferença que eu vi,
visualmente

552
00:24:11,149 --> 00:24:12,918
falando,
o WhatsApp de um para o outro

553
00:24:12,918 --> 00:24:16,321
é que em cima do do Android
ele tem uma faixinha verde

554
00:24:16,988 --> 00:24:19,991
para fazer a barra superior
de ser dividida em duas

555
00:24:20,091 --> 00:24:21,092
a superior do aio.

556
00:24:21,092 --> 00:24:23,295
Essa é uma faixa única
com uma cor só.

557
00:24:23,295 --> 00:24:24,963
Então se são coisas que

558
00:24:24,963 --> 00:24:27,966
acho que antigamente o AIO
seria um pouco mais temido,

559
00:24:28,467 --> 00:24:31,470
mas hoje a coisa acabou
convergindo um pouco

560
00:24:31,470 --> 00:24:33,038
e eu não vejo tantas diferenças
assim.

561
00:24:33,038 --> 00:24:36,575
A questão de você arrastar pro
lado ou não muita coisa do Android

562
00:24:36,575 --> 00:24:39,578
funciona assim
hoje em dia essa convergência.

563
00:24:39,578 --> 00:24:39,878
A gente

564
00:24:39,878 --> 00:24:43,448
discutia muito isso no passado,
as diferenças de um para o outro.

565
00:24:43,782 --> 00:24:47,419
O iPhone tinha um botão
voltar no aplicativo,

566
00:24:47,652 --> 00:24:50,689
o voltar do Android
já é nativo do próprio aparelho,

567
00:24:51,156 --> 00:24:52,257
tinha essas diferenças.

568
00:24:52,257 --> 00:24:54,893
Mas esse lance da convergência
é muito legal,

569
00:24:54,893 --> 00:24:57,896
porque a gente percebe
que as empresas olhem, fala

570
00:24:58,029 --> 00:25:00,065
o que eu estou querendo
reinventar a roda.

571
00:25:00,065 --> 00:25:03,702
Se meu usuário já sabe
que o carrinho de compra no canto

572
00:25:03,702 --> 00:25:07,105
superior direito que eu vou inventar
moda e colocar embaixo

573
00:25:07,472 --> 00:25:10,408
porque as pessoas já estão
associando, inclusive

574
00:25:10,408 --> 00:25:14,279
no caso do Mocha, que é o nosso papo
aqui, os gestos,

575
00:25:14,479 --> 00:25:18,717
os movimentos,
o arrasta pra cima, o double tap,

576
00:25:20,151 --> 00:25:23,154
aí o s Android são

577
00:25:23,488 --> 00:25:26,825
as nossas principais
plataformas de smartphone

578
00:25:27,225 --> 00:25:29,027
Quando gente fala de sistema
operacional,

579
00:25:29,027 --> 00:25:32,030
mas e quando a gente fala
num passo anterior

580
00:25:32,297 --> 00:25:33,999
ao desenvolvimento do aplicativo?

581
00:25:33,999 --> 00:25:39,371
O protótipo Quais ferramentas
que vocês indicam hoje para a gente

582
00:25:39,571 --> 00:25:43,808
prototipar esses aplicativos
já pensando nas animações

583
00:25:45,477 --> 00:25:46,177
Sigma?

584
00:25:46,177 --> 00:25:47,679
Você pode animar no Sigma também.

585
00:25:47,679 --> 00:25:49,381
Acho que é o mais comum.

586
00:25:49,381 --> 00:25:51,783
É tão Sketch.

587
00:25:51,783 --> 00:25:53,251
Sete.

588
00:25:53,251 --> 00:25:55,287
O After Effects também.

589
00:25:55,287 --> 00:25:58,290
Essas ferramentas todas
você consegue prototipar

590
00:25:58,523 --> 00:26:01,760
e elas de alguma forma
tem suas integrações.

591
00:26:01,760 --> 00:26:02,494
Que legal!

592
00:26:02,494 --> 00:26:06,097
Então, hoje a tecnologia
é tão bacana hoje que você

593
00:26:07,299 --> 00:26:10,268
você consegue permear
por todos os cantos,

594
00:26:10,268 --> 00:26:13,138
por todas as ferramentas,
sem necessariamente sair,

595
00:26:13,138 --> 00:26:14,472
abandonar outra ferramenta,

596
00:26:14,472 --> 00:26:18,910
porque elas estão integradas
e então, Mas são algumas.

597
00:26:19,277 --> 00:26:19,911
Mas aí tem.

598
00:26:19,911 --> 00:26:21,947
Tem diversas ferramentas, não.

599
00:26:21,947 --> 00:26:24,149
O lote, o. Lote.

600
00:26:24,149 --> 00:26:27,152
Que você não conhecia
e é aqui que ele faz.

601
00:26:27,686 --> 00:26:30,288
O. Acerto e o lote.

602
00:26:30,288 --> 00:26:32,791
Ele pertence. O modo que é para que?

603
00:26:32,791 --> 00:26:34,926
Pra galera que já trabalha
mais com programação,

604
00:26:34,926 --> 00:26:36,895
porque ele te fornece
um arquivo JSON

605
00:26:36,895 --> 00:26:39,431
ou de um monte de coisa
que precisa para não ser.

606
00:26:39,431 --> 00:26:40,165
Aí você vai trabalhar.

607
00:26:40,165 --> 00:26:43,602
Se você não souber programar,
aí precisaria de algum desenvolvedor

608
00:26:43,602 --> 00:26:45,870
que dá o código,
que é o código mais facilitado,

609
00:26:45,870 --> 00:26:48,873
inclusive na era mais fácil de roda,
inclusive muito mais rápido.

610
00:26:49,240 --> 00:26:51,977
E tem a versão romance
mais prático e multiuso.

611
00:26:51,977 --> 00:26:53,011
Qualquer um pode pegar.

612
00:26:53,011 --> 00:26:55,680
Você pode baixar uma animação,
você precisa colocar no teu.

613
00:26:58,350 --> 00:26:59,884
Mala alguma

614
00:26:59,884 --> 00:27:02,887
publicação
seu e fazer de repente no Instagram

615
00:27:03,054 --> 00:27:06,391
acha que é alguma coisa e de repente
uma caixinha de som tocando.

616
00:27:06,391 --> 00:27:08,693
Você coloca uma caixinha de
som tocando.

617
00:27:08,693 --> 00:27:10,795
Aí você acha caixinha de som,
você animado,

618
00:27:10,795 --> 00:27:13,164
você consegue mudar essa
caixinha de som?

619
00:27:13,164 --> 00:27:15,634
Sua programação pode ser todo fundo.

620
00:27:15,634 --> 00:27:16,868
Quanto a figura, que legal!

621
00:27:16,868 --> 00:27:18,770
E você consegue

622
00:27:18,770 --> 00:27:21,172
dar uma certa adaptada lendo
de que maneira ela vai se mexer

623
00:27:21,172 --> 00:27:24,442
e de que maneira ela vai se animar
e você consegue baixar em MP4,

624
00:27:25,644 --> 00:27:28,480
gif e o JSON.

625
00:27:28,480 --> 00:27:31,249
Então se você já baixa aí no formato
para você utilizar na hora,

626
00:27:31,249 --> 00:27:33,718
você mexe na nossa publicação
imediatamente.

627
00:27:33,718 --> 00:27:38,223
Você transforma vetor ou imagem
que é super pesado em código e aí

628
00:27:38,223 --> 00:27:41,526
você pode levar para o vice cold
e o front end.

629
00:27:41,526 --> 00:27:45,664
Pode só aplicar o código Jeison
no site dele vai ter animação lá.

630
00:27:46,064 --> 00:27:49,768
E aí caso você queira
fazer uma funcionalidade de cliques

631
00:27:49,768 --> 00:27:54,005
tipo e código, muitas vezes CSS
ou alguma coisa em JavaScript.

632
00:27:54,005 --> 00:27:59,010
Mas sensacional Essa então seria
uma forma de pular uma barreira.

633
00:27:59,177 --> 00:28:01,146
Quando a gente fala em animação,

634
00:28:01,146 --> 00:28:03,948
quando a gente volta lá
para meados dos anos 90,

635
00:28:03,948 --> 00:28:06,818
vocês devem lembrar do Adobe Flash.

636
00:28:06,818 --> 00:28:10,321
Tinha certeza absoluta
que você ia levar

637
00:28:10,321 --> 00:28:12,090
pra gente, pro fundo do túnel.

638
00:28:12,090 --> 00:28:14,159
Tô brincando. Flash,
você foi muito útil.

639
00:28:14,159 --> 00:28:15,126
Foi isso que.

640
00:28:15,126 --> 00:28:17,595
Agora? Adobe Flash
Eu fiz um curso, o.

641
00:28:17,595 --> 00:28:18,930
Termo e uso o vídeo.

642
00:28:18,930 --> 00:28:20,565
Se fizesse cinco.

643
00:28:20,565 --> 00:28:21,099
Anos atrás.

644
00:28:21,099 --> 00:28:24,102
Agora era. Era pesado, pesadíssimo.

645
00:28:24,169 --> 00:28:24,869
A experiência.

646
00:28:24,869 --> 00:28:29,174
O carregamento do site aplicativo
na época não existia ainda.

647
00:28:29,407 --> 00:28:32,410
Smartphones
ganharam ascensão pós 2007.

648
00:28:32,677 --> 00:28:36,014
Mas quando a gente fala
desses desafios técnicos,

649
00:28:36,481 --> 00:28:39,117
esse é um exemplo que você
deu de converter em SVG

650
00:28:39,117 --> 00:28:40,118
e converter em código

651
00:28:40,118 --> 00:28:42,821
para não prejudicar
a performance do aplicativo.

652
00:28:42,821 --> 00:28:44,489
Tem outras dicas e truques.

653
00:28:44,489 --> 00:28:46,157
É sobre o. Usuário.

654
00:28:46,157 --> 00:28:47,859
E tudo sobre o usuário

655
00:28:47,859 --> 00:28:49,728
e o que ele precisa,
o que ele quer para ter

656
00:28:49,728 --> 00:28:52,964
a melhor experiência possível
diante de uma tela.

657
00:28:53,665 --> 00:28:56,668
Então eu acho que é sobre isso.

658
00:28:56,701 --> 00:28:59,671
E sobre o esmalte, gente,
A gente estava

659
00:29:00,071 --> 00:29:01,840
e estava conversando
sobre isso. César.

660
00:29:03,875 --> 00:29:04,776
O código

661
00:29:04,776 --> 00:29:07,912
hoje eu
sei que muita gente torce o nariz,

662
00:29:07,912 --> 00:29:10,915
principalmente quem não é
quem não é da programação,

663
00:29:11,116 --> 00:29:13,885
mas é algo que a gente
tem que lidar sim.

664
00:29:13,885 --> 00:29:17,155
E eu não gosto de ser clichê,
mas normalmente clichê

665
00:29:17,155 --> 00:29:18,857
é porque é verdade.

666
00:29:18,857 --> 00:29:20,759
Então é um novo idioma.

667
00:29:20,759 --> 00:29:23,194
O novo inglês.

668
00:29:23,194 --> 00:29:26,431
Então a pessoa que hoje está
preparada para lidar com código,

669
00:29:26,898 --> 00:29:29,434
ela está um passo
na frente dos outros.

670
00:29:29,434 --> 00:29:33,004
Opa, então quer dizer que mesmo
eu sou trabalhando ali com designer?

671
00:29:33,004 --> 00:29:34,472
Eu tenho que sair
da minha zona de conforto

672
00:29:34,472 --> 00:29:36,407
e entender um pouquinho
o que aquele código faz.

673
00:29:36,407 --> 00:29:38,877
Você precisa saber o que está,
se vai pegar o arquivo.

674
00:29:38,877 --> 00:29:39,544
Jeison Lá

675
00:29:39,544 --> 00:29:39,944
na hora que você

676
00:29:39,944 --> 00:29:43,681
exportar uma animação, note
se você precisa saber o que está

677
00:29:43,681 --> 00:29:47,619
escrito ali e ali vai ter uma série
de sintaxe, parâmetros e valores.

678
00:29:48,153 --> 00:29:50,255
Então você precisa saber
até para você,

679
00:29:50,255 --> 00:29:53,258
caso necessário, você possa otimizar
melhor o seu site.

680
00:29:53,558 --> 00:29:56,561
E quando você tem o domínio dessas
ferramentas,

681
00:29:56,861 --> 00:30:00,398
você fica muito mais tranquilo
para lidar com as resoluções

682
00:30:00,398 --> 00:30:02,167
dos problemas. Ótimo!

683
00:30:02,167 --> 00:30:04,702
E da mesma forma que o designer,

684
00:30:04,702 --> 00:30:07,238
ele começou a aprender
um pouquinho de código.

685
00:30:07,238 --> 00:30:09,307
É importante
o desenvolvedor também sacar

686
00:30:09,307 --> 00:30:12,544
o que o designer pensou
para aquela aplicação.

687
00:30:13,478 --> 00:30:15,680
Conta pra nós, César.

688
00:30:15,680 --> 00:30:18,750
Vocês que estão no mercado hoje,
tá muito ruim.

689
00:30:18,750 --> 00:30:21,586
Se os dois não se conversarem,
não se entenderem ali.

690
00:30:21,586 --> 00:30:22,287
É muito péssimo,

691
00:30:23,221 --> 00:30:24,556
porque

692
00:30:24,556 --> 00:30:27,926
as vezes que eu percebo
assim que até lê alguns fóruns

693
00:30:27,926 --> 00:30:29,961
e de vez em quando nos comentários,
algum designer vai lá,

694
00:30:29,961 --> 00:30:33,631
coloca mais ou menos a arte dele,
uma noção do que ele pretende fazer

695
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.

696
00:30:37,035 --> 00:30:37,769
Quero ver.

697
00:30:37,769 --> 00:30:40,772
Deve se virar para fazer.

698
00:30:41,272 --> 00:30:42,574
Ele é muito.

699
00:30:42,574 --> 00:30:46,144
Complexo e até os membros que vai
de vez em quando o dele

700
00:30:46,177 --> 00:30:48,746
olhando semana
que mundo que esse cara vive,

701
00:30:48,746 --> 00:30:51,583
Então é importante para você saber.

702
00:30:51,583 --> 00:30:54,018
Essa é uma de maneira geral
e em boa parte

703
00:30:54,018 --> 00:30:57,021
qualquer área de criação, sempre
você tem

704
00:30:57,355 --> 00:31:00,358
uma fragmentação
que essa fragmentação

705
00:31:00,391 --> 00:31:03,361
ela tende inclusive a é sumindo,

706
00:31:03,828 --> 00:31:05,530
porque a fragmentação de áreas,
por exemplo.

707
00:31:05,530 --> 00:31:08,533
Então, só pra dar um exemplo,
se a gente estava conversando atrás,

708
00:31:08,733 --> 00:31:10,335
eu pego algumas vagas
de vez em quando

709
00:31:10,335 --> 00:31:11,903
para Design Instrucional
e eu vejo algumas

710
00:31:11,903 --> 00:31:14,105
especificações que eles pedem.

711
00:31:14,105 --> 00:31:16,441
Só retoma rapidinho
a questão da programação.

712
00:31:16,441 --> 00:31:17,709
Seu novo inglês.

713
00:31:17,709 --> 00:31:19,210
Aí você tem lá o que que eles pedem,

714
00:31:19,210 --> 00:31:22,213
como o design instrucional,
que é uma coisa ligada à pedagogia,

715
00:31:22,447 --> 00:31:24,983
essencialmente,
mas eles já transformaram o design.

716
00:31:24,983 --> 00:31:27,752
O pedagogo, também
designer, entendeu

717
00:31:27,752 --> 00:31:29,687
e agora não
só como não contente quando e como.

718
00:31:29,687 --> 00:31:31,923
Com isso eu pego umas empresas
grandes, inclusive

719
00:31:31,923 --> 00:31:33,758
pedindo para saber fazer isso aqui.

720
00:31:33,758 --> 00:31:36,995
O audiovisual, captação, edição,
a parte de design, a parte de

721
00:31:38,096 --> 00:31:40,531
emoção e programação.

722
00:31:40,531 --> 00:31:42,867
Eu tenho vontade de responder
na entrevista,

723
00:31:42,867 --> 00:31:46,004
aceita Freitas Também
porque realmente

724
00:31:47,238 --> 00:31:50,241
é importante
você ter um mínimo de conhecimento,

725
00:31:50,375 --> 00:31:51,743
por exemplo,
que é o que eu tenho em programação,

726
00:31:51,743 --> 00:31:54,746
para você saber
na hora de você pedir uma transição.

727
00:31:55,079 --> 00:31:57,949
Você sabe
por que você quer aquela transição?

728
00:31:57,949 --> 00:31:59,751
É realmente necessária?

729
00:31:59,751 --> 00:32:01,286
Aquela transição perfeita?

730
00:32:01,286 --> 00:32:04,289
Ela está extrapolando
a parte artística e é egocêntrica.

731
00:32:04,289 --> 00:32:07,292
Sempre vou falar da sua parte
como designer,

732
00:32:07,292 --> 00:32:10,595
mas era realmente necessária
o desenvolvedor vir aqui e ver

733
00:32:11,162 --> 00:32:11,663
isso aqui.

734
00:32:11,663 --> 00:32:15,366
Vai realmente
pode prejudicar sua fluidez.

735
00:32:15,366 --> 00:32:17,702
Nosso sistema
pode que que a gente pode fazer?

736
00:32:17,702 --> 00:32:20,638
Olha,
você pode de repente tirar FPS,

737
00:32:20,638 --> 00:32:23,241
por exemplo,
você não tem realmente o Diego.

738
00:32:23,241 --> 00:32:26,344
Agora o desenvolvedor por design
tem realmente a necessidade de você

739
00:32:26,377 --> 00:32:29,380
meter essa transição,
Essas transições aqui

740
00:32:29,881 --> 00:32:31,950
você não pode dar uma
adaptada, então é sempre bom

741
00:32:33,117 --> 00:32:33,484
a gente

742
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.

743
00:32:36,521 --> 00:32:39,090
Não, amigo, não acaba almoçar
não é isso que vai

744
00:32:39,090 --> 00:32:41,626
é você colocar os dois pra trabalhar
juntos.

745
00:32:41,626 --> 00:32:44,562
O que eu percebo,
o que cada vez mais inclusive

746
00:32:44,562 --> 00:32:48,032
está quem estava conversando
sobre isso é que os designers,

747
00:32:48,032 --> 00:32:51,169
eles estão
até vendo pouco do futuro,

748
00:32:51,769 --> 00:32:55,306
indo para a parte de programação
necessariamente porque

749
00:32:56,374 --> 00:32:59,210
primeiro, talvez
ele não seja um baita desenvolvedor,

750
00:32:59,210 --> 00:33:01,446
mas ele minimamente
sabe trabalhar aquilo ali.

751
00:33:01,446 --> 00:33:04,449
Então ele vai ter consciência
de que a hora que o cara levou

752
00:33:04,449 --> 00:33:06,484
ao amigo fez. A mão.

753
00:33:06,484 --> 00:33:08,786
Muito pesada. Mas vamos dar uma

754
00:33:08,786 --> 00:33:12,790
num primeiro momento e botar os dois
para eles demonstrarem primeiro

755
00:33:12,790 --> 00:33:15,360
qual que é a função

756
00:33:15,360 --> 00:33:18,463
da mediação do design prática
falando artística também, claro,

757
00:33:18,663 --> 00:33:19,097
certo?

758
00:33:19,097 --> 00:33:21,799
E principalmente o caminho,
o caminho contrário que é.

759
00:33:21,799 --> 00:33:23,701
Você vê o desenvolvedor, olha

760
00:33:23,701 --> 00:33:25,903
qual é a outra,
Não é só o trabalho que você

761
00:33:25,903 --> 00:33:29,374
entendeu, mas olha o tanto de cor,
recurso e tempo que é fundamental.

762
00:33:29,374 --> 00:33:31,743
As vezes eu não tenho tempo
e olha quanto que eu vou gastar

763
00:33:32,677 --> 00:33:34,712
e que é realmente necessário.

764
00:33:34,712 --> 00:33:37,682
Não é aquela
desculpa eu vou falar isso aqui.

765
00:33:37,682 --> 00:33:40,618
Então,
essa parte de trabalho em equipe,

766
00:33:40,618 --> 00:33:42,887
um Saber qual é a função
e as dificuldades do trabalho

767
00:33:42,887 --> 00:33:44,489
do outro que você pode pegar isso
e aplicar

768
00:33:44,489 --> 00:33:46,791
em qualquer área de criação
que você quiser.

769
00:33:46,791 --> 00:33:47,492
Muito bom!

770
00:33:47,492 --> 00:33:50,528
Então estamos enxergando aqui
tendências do mercado,

771
00:33:50,762 --> 00:33:51,929
falamos do passado.

772
00:33:51,929 --> 00:33:54,132
Agora nós vamos falar do futuro

773
00:33:54,132 --> 00:33:57,435
presente
e de como é que você enxerga o papel

774
00:33:57,435 --> 00:34:02,206
da inteligência artificial
hoje em tempos E as generativos

775
00:34:02,473 --> 00:34:06,210
desempenhando um papel
nessas animações e transações?

776
00:34:06,944 --> 00:34:10,481
A Ayla tem tem por si a tendência

777
00:34:10,481 --> 00:34:14,285
de automatizar os processos
e criar padrões, certo?

778
00:34:14,652 --> 00:34:16,087
Isso acho que é inevitável.

779
00:34:16,087 --> 00:34:19,424
Já tá acontecendo muito
e eu acho que talvez.

780
00:34:19,424 --> 00:34:23,494
E aí eu não sou futurista,
mas eu acredito

781
00:34:24,262 --> 00:34:27,999
que a tendência
é a integração de apps

782
00:34:28,399 --> 00:34:31,936
e em novos processos tecnológicos,
por exemplo, realidade aumentada,

783
00:34:32,537 --> 00:34:36,007
assim como que vai se integrar
com a realidade aumentada.

784
00:34:37,608 --> 00:34:40,611
Como que aí vai subsidiar

785
00:34:41,446 --> 00:34:43,915
o Mocha Design

786
00:34:43,915 --> 00:34:47,251
já tem hoje
e Ásia aí que criam animações.

787
00:34:47,952 --> 00:34:50,121
Eu acho que é tudo
uma questão de agora aperfeiçoar.

788
00:34:50,121 --> 00:34:53,791
Acho que com o tempo
isso vai aperfeiçoando, mas

789
00:34:55,426 --> 00:34:57,595
eu acho que tem a ver com mais

790
00:34:57,595 --> 00:35:00,598
a automatização de funcionalidades,

791
00:35:00,598 --> 00:35:03,034
porque o monte em design

792
00:35:03,034 --> 00:35:06,337
ele é,
ele é funcionalidades e emoções.

793
00:35:06,604 --> 00:35:07,905
E então ele é uma.

794
00:35:07,905 --> 00:35:12,210
Ele caminha entre ali,
ele transforma algo técnico

795
00:35:12,243 --> 00:35:15,646
em algo humano e eu vou ser mais,

796
00:35:16,080 --> 00:35:18,449
mas acho que vou ser mais preciso
agora.

797
00:35:18,449 --> 00:35:22,987
Ele faz com que,
através das ferramentas dele,

798
00:35:22,987 --> 00:35:26,858
com que o usuário sinta sensações.

799
00:35:27,825 --> 00:35:29,994
Então

800
00:35:29,994 --> 00:35:32,130
aí eu acredito que vai entrar

801
00:35:32,130 --> 00:35:35,133
aí vai otimizar esses processos,

802
00:35:35,133 --> 00:35:38,503
automatizar esse processo
para que as sensações sejam mais

803
00:35:39,570 --> 00:35:44,775
sensacionais, quase para,
parafraseando o Djonga, que

804
00:35:45,743 --> 00:35:47,345
não é um podcast, não um

805
00:35:47,345 --> 00:35:50,948
podcast sobre o Hex Mocha,
mas é válido.

806
00:35:51,182 --> 00:35:54,452
Grande Djonga
e então é mais sobre isso.

807
00:35:54,952 --> 00:35:57,922
Como que a pode melhorar
essa navegação

808
00:35:57,922 --> 00:36:00,992
a ponto do usuário
se sentir mais confortável?

809
00:36:01,492 --> 00:36:04,362
Aí é um mundo de possibilidades,

810
00:36:04,362 --> 00:36:07,465
mas eu acredito muito
que está nessa construção de padrões

811
00:36:07,465 --> 00:36:09,934
e automatização das funcionalidades.
Na sua opinião?

812
00:36:09,934 --> 00:36:13,304
César Até onde ajuda
e até onde é um ponto de atenção

813
00:36:13,304 --> 00:36:14,138
para os profissionais

814
00:36:14,138 --> 00:36:17,542
que trabalham com isso
e usam a I.A no seu dia a dia?

815
00:36:19,043 --> 00:36:20,878
Taí um tema
que se você deixar uma ou duas horas

816
00:36:20,878 --> 00:36:23,247
aqui falando,
deixa eu fazer um recorte.

817
00:36:23,247 --> 00:36:26,250
Eu acho que a princípio assim é.

818
00:36:26,984 --> 00:36:29,554
Ele tende a facilitar automatização
de alguns processos.

819
00:36:29,554 --> 00:36:31,122
Perfeito.
Então ele tende de repente a

820
00:36:32,957 --> 00:36:33,558
facilitar.

821
00:36:33,558 --> 00:36:34,091
Depois de alguns

822
00:36:34,091 --> 00:36:35,359
trabalhos um pouco mais simples,

823
00:36:35,359 --> 00:36:38,729
onde você precisa de umas transições
mais, porque a inteligência,

824
00:36:38,729 --> 00:36:41,732
a inteligência artificial,
na verdade ela não cria. Tá?

825
00:36:41,966 --> 00:36:44,268
Ela depende
de repositórios de treinamento.

826
00:36:44,268 --> 00:36:46,837
Então muitos artistas,
inclusive da área,

827
00:36:46,837 --> 00:36:49,106
eles têm reclamado
que muitos trabalhos deles,

828
00:36:49,106 --> 00:36:51,509
eles percebe que tem sido roubados,
assim.

829
00:36:51,509 --> 00:36:54,512
Sabe aquele negócio é copia, manda,
faz igual.

830
00:36:55,346 --> 00:36:57,181
Então você tem
artistas de diversos setores.

831
00:36:57,181 --> 00:36:59,483
Como um artista.

832
00:36:59,483 --> 00:37:01,152
E o que é bem verdade,
historicamente

833
00:37:01,152 --> 00:37:03,287
falando, sempre se roubou muito.

834
00:37:03,287 --> 00:37:04,922
Só que quem é roubado não gosta.

835
00:37:04,922 --> 00:37:07,124
Então você tem vários ilustradores,
por exemplo, que pensa

836
00:37:07,124 --> 00:37:10,127
opa, esse estilo aqui é meu
e não ganha uma vírgula.

837
00:37:10,895 --> 00:37:13,898
Então a coisa precisa
passar por uma regulamentação,

838
00:37:13,965 --> 00:37:15,399
mas num primeiro momento.

839
00:37:15,399 --> 00:37:18,402
E também tem muita questão
assim de um certo

840
00:37:18,569 --> 00:37:20,671
terrorismo momentâneo em relação
a isso,

841
00:37:20,671 --> 00:37:22,006
vai roubar o seu trabalho base.

842
00:37:22,006 --> 00:37:24,242
Mas então compre a sua
e aprenda com a gente.

843
00:37:24,242 --> 00:37:26,544
Mas pega o pacote pago,
então entende

844
00:37:26,544 --> 00:37:27,078
Se estão tentando

845
00:37:27,078 --> 00:37:30,081
fazer uma venda dedicada
e até tentando fazer a sua venda,

846
00:37:30,314 --> 00:37:31,449
entendeu?

847
00:37:31,449 --> 00:37:34,252
Num primeiro momento, eu acho que
assim, o que você pode fazer?

848
00:37:34,252 --> 00:37:36,754
Você dar de
design? Vá fazer programação.

849
00:37:37,822 --> 00:37:38,656
É. Essencial.

850
00:37:38,656 --> 00:37:41,826
Eu acho que tem uma coisa
que é importante também moderação.

851
00:37:42,660 --> 00:37:45,997
Use com moderação,
porque a sua ferramenta é muito mais

852
00:37:45,997 --> 00:37:49,900
do que um After Effects
com um lote com a sua ferramenta.

853
00:37:49,900 --> 00:37:52,003
O processo criativo.

854
00:37:52,003 --> 00:37:53,204
É o processo ativo.

855
00:37:53,204 --> 00:37:55,373
Então quanto mais você usa.

856
00:37:55,373 --> 00:37:58,009
Ah, eu
não queria usar esta metáfora,

857
00:37:58,009 --> 00:38:00,945
mas é que me vem à cabeça
agora. É como se fosse uma droga.

858
00:38:00,945 --> 00:38:02,880
Aí a um todo.

859
00:38:02,880 --> 00:38:06,417
Eu não estou subjugando as ideias,
achando que é muito utilidade,

860
00:38:06,751 --> 00:38:09,587
mas o uso excessivo
tivesse esse seu processo

861
00:38:09,587 --> 00:38:12,923
criativo a depender da I.A.

862
00:38:12,957 --> 00:38:14,659
Para poder criar.

863
00:38:14,659 --> 00:38:19,397
E é no design, na arte como um todo,
você precisa.

864
00:38:20,264 --> 00:38:23,200
Você precisa aguçar o seu processo
criativo.

865
00:38:23,200 --> 00:38:27,371
Isso é se basear em referências
e influências do seu meio social.

866
00:38:27,872 --> 00:38:31,942
Então busque muitas referências,
vá em museus, vá em teatro,

867
00:38:31,942 --> 00:38:36,314
vá em exposições
e use com moderação,

868
00:38:36,314 --> 00:38:39,650
pois se você usar com moderação,
se vai manter seu processo

869
00:38:39,650 --> 00:38:42,953
criativo,
vai estimular e você vai ter todo o.

870
00:38:45,423 --> 00:38:47,825
Capacidade
de oferecer o seu trabalho

871
00:38:47,825 --> 00:38:50,828
da melhor maneira possível,
sem se condicionar.

872
00:38:50,861 --> 00:38:52,830
Se limitar a uma ferramenta, essa.

873
00:38:52,830 --> 00:38:53,531
Pode condicionar

874
00:38:53,531 --> 00:38:54,031
bom também não é

875
00:38:54,031 --> 00:38:57,134
mesmo Uma questão de você eficaz
e do cara que ele é designer.

876
00:38:57,702 --> 00:38:58,836
Ele vai ficar de pé

877
00:38:58,836 --> 00:39:01,839
se ele começar a utilizar muita
e ai ele vai ficar preso a um certo

878
00:39:02,273 --> 00:39:06,143
nicho de estilo, vamos dizer assim,
e ele acaba não inovando, entendeu?

879
00:39:06,444 --> 00:39:08,179
Então a questão de você ficar
pegando referência

880
00:39:08,179 --> 00:39:10,414
que às vezes você tem um insight
roupa para ir pós sentada

881
00:39:10,414 --> 00:39:12,283
é o que a gente chama de inovação,

882
00:39:12,283 --> 00:39:14,251
porque é a pá de inovação
que eu sempre falo.

883
00:39:14,251 --> 00:39:16,420
O pessoal de criação

884
00:39:16,420 --> 00:39:18,422
você não vai criar nada do zero, tá?

885
00:39:18,422 --> 00:39:21,459
Então, assim, perca essa ilusão
e perca esse peso nas costas

886
00:39:21,459 --> 00:39:22,159
que o pessoal as vezes

887
00:39:22,159 --> 00:39:23,861
dar de publicidade,
de multas de peso,

888
00:39:23,861 --> 00:39:25,896
Mas como é que eu vou criar
alguma coisa do nada e do nada?

889
00:39:25,896 --> 00:39:28,232
Meu amigo, você vai pensar
assim Isso é uma escola de

890
00:39:29,800 --> 00:39:32,803
uma escola pedagógica
que tem alguns milhares de anos.

891
00:39:32,970 --> 00:39:35,306
Você primeiro
vai aprender, copiar e copiar mesmo,

892
00:39:35,306 --> 00:39:37,508
só não vende,
Você vai aprender a copiar.

893
00:39:37,508 --> 00:39:39,343
Aí você vai copiar, copiar, copiar.

894
00:39:39,343 --> 00:39:42,613
Aí o aluno se sai em qualquer área,
em qualquer faculdade,

895
00:39:42,847 --> 00:39:44,315
ele vai reclamar com você.

896
00:39:44,315 --> 00:39:47,585
Mas eu não vim aqui
para ser reprodutor ou falsificador.

897
00:39:47,585 --> 00:39:48,352
Eu vim aqui para criar.

898
00:39:48,352 --> 00:39:51,989
Então agora todas as cópias
que você fez de diversos segmentos,

899
00:39:51,989 --> 00:39:54,992
várias referência,
você vai criar o seu.

900
00:39:55,092 --> 00:39:58,429
Então você vai fazer um aplicativo
para não ser comida.

901
00:39:59,230 --> 00:40:02,233
Pega o que melhor
você teve de experiência

902
00:40:02,533 --> 00:40:05,936
em todos esses aplicativos,
Então a transição eu vou pegar desse

903
00:40:06,537 --> 00:40:09,273
de repente ali, uma coisa assim,
uma micro interação.

904
00:40:09,273 --> 00:40:12,910
Eu vou pegar desse e outro recurso
de feedback, eu vou pegar desse.

905
00:40:13,210 --> 00:40:15,312
Então você pegou todos,
deu uma certa adaptada

906
00:40:15,312 --> 00:40:16,647
a partir do que você melhoraria.

907
00:40:16,647 --> 00:40:18,516
Essa micro interação é legal,
mas pode melhorar.

908
00:40:18,516 --> 00:40:21,152
Pronto, Tudo o que você consumiu,
você pegou, juntou,

909
00:40:21,152 --> 00:40:22,586
transformou e criou seu.

910
00:40:22,586 --> 00:40:24,488
Chama se Inovação. Nada.

911
00:40:25,489 --> 00:40:25,823
Cópia é

912
00:40:25,823 --> 00:40:29,126
diferente de de plágio,
É diferente de plágio.

913
00:40:29,126 --> 00:40:30,928
É uma coisa que você pega,

914
00:40:30,928 --> 00:40:33,731
que não é sua
para fazer como se fosse sua.

915
00:40:33,731 --> 00:40:35,499
A coisa pegou o iFood aqui,
você vai lá

916
00:40:35,499 --> 00:40:37,201
e faz exatamente a mesma coisa
e muda a cor.

917
00:40:37,201 --> 00:40:39,870
Amigão, você nunca criando, inovou.

918
00:40:39,870 --> 00:40:44,742
Se não inovou, deu essa questão
na criação calma da baixada de bola,

919
00:40:45,142 --> 00:40:47,378
Pegue referências e aí
você vai ter um insight

920
00:40:47,378 --> 00:40:49,780
como é que você vai ter insight
se você não tem referências?

921
00:40:49,780 --> 00:40:50,581
O que ele fala.

922
00:40:50,581 --> 00:40:52,850
É exatamente não reinventar o.

923
00:40:52,850 --> 00:40:54,885
Problema da inteligência artificial.

924
00:40:54,885 --> 00:40:56,620
E o meu medo é que ela comece

925
00:40:56,620 --> 00:40:59,623
a encaixotar de mais as pessoas,
as pessoas, que fique muito.

926
00:40:59,857 --> 00:41:00,724
Confortável.

927
00:41:00,724 --> 00:41:02,660
Que cada trabalho que tem.

928
00:41:02,660 --> 00:41:05,162
Vou ficar muito encaixotado
aqui na inteligência artificial.

929
00:41:05,162 --> 00:41:07,598
Vou lá, eu faço o prompt, vai criar
é para o mercado.

930
00:41:07,598 --> 00:41:10,501
Tá bom, não é assim. É um bom ponto.

931
00:41:10,501 --> 00:41:14,271
E infelizmente estamos chegando
ao final deste bate papo,

932
00:41:14,271 --> 00:41:16,307
Passando para falar Deus.

933
00:41:16,307 --> 00:41:19,310
Já que a gente não pode ficar mais
03h00 aqui.

934
00:41:19,610 --> 00:41:22,246
Tipo, o papo tá bom,
eu tenho certeza que o pessoal

935
00:41:22,246 --> 00:41:25,249
de casa continuaria
escutando a gente,

936
00:41:25,316 --> 00:41:27,284
mas estamos chegando ao fim.

937
00:41:27,284 --> 00:41:28,552
E para finalizar,

938
00:41:28,552 --> 00:41:31,555
a gente vai fazer aqui
um exercício de futurismo

939
00:41:32,289 --> 00:41:35,860
depois da inteligência artificial,
quais são outras tendências

940
00:41:36,093 --> 00:41:39,964
que vocês imaginam
para essa área de motion design?

941
00:41:39,964 --> 00:41:41,432
O que vem pela frente?

942
00:41:41,432 --> 00:41:43,801
Éder Caramba, cara,

943
00:41:45,269 --> 00:41:46,036
eu acho que

944
00:41:46,036 --> 00:41:49,039
o fortalecimento das ideias mesmo

945
00:41:49,173 --> 00:41:52,176
é porque eu assim

946
00:41:52,843 --> 00:41:55,112
é o que está em voga hoje, né?

947
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

948
00:42:00,217 --> 00:42:03,220
e eu acho que ainda
a gente tem muito para explorar.

949
00:42:04,021 --> 00:42:07,591
E dentro do que a gente pensa
por aí, muita coisa pode aparecer.

950
00:42:07,825 --> 00:42:09,960
Integrações e superar gente.

951
00:42:09,960 --> 00:42:12,930
Então isso para mim cria
uma crítica, uma cortina de fumaça.

952
00:42:13,430 --> 00:42:16,667
Eu acho que está muito aberto
e tem muita coisa nova para surgir

953
00:42:17,234 --> 00:42:20,070
e eu acho isso muito bacana. Então

954
00:42:20,070 --> 00:42:21,238
então acredito nisso.

955
00:42:21,238 --> 00:42:24,041
Muitas integrações

956
00:42:24,041 --> 00:42:28,879
e a IA conseguindo transformar
funcionalidades

957
00:42:28,879 --> 00:42:33,017
que às vezes a gente fazia na unha,
melhorando o processo, converter.

958
00:42:33,017 --> 00:42:35,719
O código que já está fazendo isso
hoje.

959
00:42:35,719 --> 00:42:38,689
Então eu
acho que eu acredito que vai por aí

960
00:42:38,689 --> 00:42:42,359
isso assim,
pensando num futuro próximo,

961
00:42:43,160 --> 00:42:45,696
mas num futuro distante eu

962
00:42:45,696 --> 00:42:49,466
não conseguiria prever
ou tentar prever.

963
00:42:50,200 --> 00:42:53,203
Infelizmente não tenho esse,
não tenho essa

964
00:42:53,470 --> 00:42:56,874
e essa qualidade de Mãe Dinah, mas

965
00:42:58,442 --> 00:43:00,778
acho que.

966
00:43:00,778 --> 00:43:02,112
Eu acho que aí

967
00:43:02,112 --> 00:43:05,115
eu acho que vai dar muito que falar
ainda vai dando.

968
00:43:05,282 --> 00:43:08,018
Pouco tempo atrás
você teve um de Psique aí,

969
00:43:08,018 --> 00:43:10,854
causando um pesar
e uma fervura aí no meio, que.

970
00:43:10,854 --> 00:43:12,089
Tem a ver muito com inovação,

971
00:43:12,089 --> 00:43:14,491
mas isso é um assunto para outro
bate papo.

972
00:43:14,491 --> 00:43:17,127
Mas com certeza eu acho que.

973
00:43:17,127 --> 00:43:20,431
Que vai que vai se aprofundar
e a gente vai descobrir

974
00:43:20,431 --> 00:43:21,699
muitas coisas bacanas ainda.

975
00:43:21,699 --> 00:43:24,068
Coisa boa é, na sua opinião.

976
00:43:24,068 --> 00:43:25,936
César

977
00:43:25,936 --> 00:43:28,172
Eu vou me contrariar
só pra dar um outro ponto de vista.

978
00:43:28,172 --> 00:43:29,440
Então vamos lá.

979
00:43:29,440 --> 00:43:34,011
Eu acho que assim em história,
um dos meus negócios é o teu, tá?

980
00:43:34,078 --> 00:43:34,378
Eu estava

981
00:43:34,378 --> 00:43:37,481
fazendo faculdade de história,
tive que dar uma pausa em história.

982
00:43:37,481 --> 00:43:38,716
Tem uma coisa que a gente chama

983
00:43:38,716 --> 00:43:40,618
de filosofia da história,
que é uma tendência.

984
00:43:41,685 --> 00:43:42,553
As pessoas tendem

985
00:43:42,553 --> 00:43:45,556
a achar que isso existe,
que a história se repete, não tá?

986
00:43:46,256 --> 00:43:48,325
Cada e cada momento histórico
ele tem um contexto.

987
00:43:48,325 --> 00:43:50,628
Mas agora eu vou me contrariar.

988
00:43:50,628 --> 00:43:54,431
Eu acho que se você parar para ver,
eu conheço algumas produtoras,

989
00:43:54,431 --> 00:43:57,434
inclusive o pessoal
de um dos designers freelas

990
00:43:57,868 --> 00:44:01,305
que eles prestam serviço
para algum cliente e o cliente.

991
00:44:01,305 --> 00:44:02,740
Ele faz questão de enfatizar

992
00:44:02,740 --> 00:44:06,043
que toda aquela campanha foi feita
com ele, mesmo que não tenha sido.

993
00:44:06,110 --> 00:44:07,911
Tá mesmo que não tá na moda.

994
00:44:07,911 --> 00:44:10,247
Teve um desenvolvedor
e só pra ter o carimbo de novo,

995
00:44:10,247 --> 00:44:12,850
olha como somos inovadores,
usamos a.

996
00:44:12,850 --> 00:44:14,952
E teve um momento na história,
no século XIX,

997
00:44:14,952 --> 00:44:16,220
durante a Revolução Industrial,

998
00:44:16,220 --> 00:44:19,590
que a gente teve a serialização
da produção de produtos lá.

999
00:44:19,590 --> 00:44:21,959
Qualquer coisa, copo ou caneca,

1000
00:44:21,959 --> 00:44:24,995
então, são produzidas em série,
o que facilita que muita gente tem.

1001
00:44:25,529 --> 00:44:28,932
E isso é um efeito bom que facilita
Todo mundo tem é mais barato,

1002
00:44:29,033 --> 00:44:30,501
só que assim todo mundo tem.

1003
00:44:30,501 --> 00:44:33,337
Isso cria um efeito contrário,
que nasce principalmente com Mores

1004
00:44:33,337 --> 00:44:36,874
e com Ruskin, que eram defensores
de uma cultura do artesanal.

1005
00:44:37,441 --> 00:44:39,677
É que você tem público,
pensa até hoje,

1006
00:44:39,677 --> 00:44:42,379
porque você pode perceber de repente
Ah, por que essa caneca aqui

1007
00:44:42,379 --> 00:44:45,783
ela custa 500 R$,
sendo que eu posso colocar

1008
00:44:46,383 --> 00:44:49,520
igualzinho aí em qualquer lugar
que custa 15, 10 R$.

1009
00:44:49,987 --> 00:44:50,621
Ela é hoje.

1010
00:44:50,621 --> 00:44:51,221
Ela é única.

1011
00:44:51,221 --> 00:44:53,691
Ela foi feita
a mão, que é o mais ou menos ali do

1012
00:44:54,992 --> 00:44:55,993
aquele carro inglês que ela é

1013
00:44:55,993 --> 00:44:59,163
feito inteiro a mão, ela é costurada
mão, ele é pintado à mão.

1014
00:44:59,463 --> 00:45:02,466
Então acho que num futuro médio,
vamos dizer assim,

1015
00:45:02,499 --> 00:45:05,803
eu acho que vai ter uma certa
tendência de algumas empresas

1016
00:45:06,103 --> 00:45:10,908
colocarem o selo feito manualmente
pra fugir, pra fugir.

1017
00:45:11,141 --> 00:45:13,110
Isso aqui não é de interesse
artificial, não faz.

1018
00:45:13,110 --> 00:45:15,245
Todo sentido não.

1019
00:45:15,245 --> 00:45:17,181
E mesmo que você esteja
se contrariando.

1020
00:45:17,181 --> 00:45:19,917
Contrariar assim, não existe assim
um ciclo da história.

1021
00:45:19,917 --> 00:45:23,687
Tá, mas é uma tendência possível
da pessoa ver e falar

1022
00:45:23,854 --> 00:45:24,855
não a nosso trabalho.

1023
00:45:24,855 --> 00:45:27,424
A nossa campanha foi feita por
pessoas,

1024
00:45:27,424 --> 00:45:31,528
teve ali um roteirista consagrado,
teve ali um designer consagrado.

1025
00:45:31,528 --> 00:45:35,032
Um programador consegue com pessoas
um trabalho muito mais humano.

1026
00:45:35,699 --> 00:45:38,202
Talvez não dure tanto,
mas deu certo, com certeza.

1027
00:45:38,202 --> 00:45:41,705
Eu acho que isso é uma tendência
a aparecer no médio prazo.

1028
00:45:41,705 --> 00:45:43,974
Ao curto prazo,
eu acho que vai ser essa febre e.

1029
00:45:43,974 --> 00:45:46,777
No fundo, as tendências,
elas estão sempre em movimento.

1030
00:45:46,777 --> 00:45:47,945
Elas vêm em volta.

1031
00:45:47,945 --> 00:45:48,779
De maneira contraditória.

1032
00:45:48,779 --> 00:45:51,415
Se você pegar essa dinâmica,
a gente está falando disso.

1033
00:45:51,415 --> 00:45:53,150
Mas hoje eu falei que é verdade,

1034
00:45:53,150 --> 00:45:55,052
porque eu estava vendo sobre isso,
sobre vídeos.

1035
00:45:55,052 --> 00:45:56,854
As pessoas estão mais
procurando vídeos

1036
00:45:56,854 --> 00:46:00,124
onde elas enxergam a verdade
do que um vídeo totalmente editado,

1037
00:46:00,557 --> 00:46:01,825
aquela coisa toda.

1038
00:46:01,825 --> 00:46:03,460
Isso era uma tendência no começo.

1039
00:46:03,460 --> 00:46:04,995
Exato, né?

1040
00:46:04,995 --> 00:46:05,429
A ideia.

1041
00:46:05,429 --> 00:46:06,163
Ele nasce dessa.

1042
00:46:06,163 --> 00:46:09,399
Maneira e aí depois se exige
uma qualificação.

1043
00:46:09,399 --> 00:46:12,202
Das produções.
E agora está retornando.

1044
00:46:12,202 --> 00:46:13,370
É um momento muito.

1045
00:46:15,139 --> 00:46:15,506
Só que.

1046
00:46:15,506 --> 00:46:18,308
São contradições, dinâmico,
são dialéticas.

1047
00:46:18,308 --> 00:46:21,278
Essa bagunça que virou a coisa? Não,
Mas é uma tendência.

1048
00:46:21,278 --> 00:46:24,381
É por isso que cria a ilusão
de que a história é cíclica, mas

1049
00:46:24,381 --> 00:46:27,384
é uma questão assim, de

1050
00:46:27,417 --> 00:46:28,786
certa forma, é previsível.

1051
00:46:28,786 --> 00:46:30,320
De certa forma, é loucura.

1052
00:46:30,320 --> 00:46:33,824
Falamos de tecnologia,
falamos de inteligência artificial,

1053
00:46:33,824 --> 00:46:37,394
design,
história, filosofia, render muito,

1054
00:46:37,394 --> 00:46:40,898
muito mais do que um podcast,
uma verdadeira aula.

1055
00:46:41,231 --> 00:46:44,635
E quero me despedir de vocês,
Muito obrigado!

1056
00:46:44,635 --> 00:46:46,637
E eu queria desse pela mão de Deus.

1057
00:46:46,637 --> 00:46:48,472
É uma honra para mim estar aqui

1058
00:46:48,472 --> 00:46:50,641
nesse videocast da FIAP
que é maravilhoso.

1059
00:46:50,641 --> 00:46:55,979
Já assisti vários Tá com Você,
que é uma figura conhecida

1060
00:46:56,246 --> 00:46:59,249
na área de tecnologia brasileira,
quem sabe até global.

1061
00:46:59,249 --> 00:47:03,187
Aí eu não sei, mas eu conheço
você daqui e ter conhecido.

1062
00:47:03,187 --> 00:47:07,591
Seja um cara sensacional, fantástico
e o que eu posso dizer sobre

1063
00:47:08,091 --> 00:47:13,030
o fanzine é que as pessoas
que tem vontade de fazer vá fundo,

1064
00:47:13,030 --> 00:47:18,602
porque motion Design é você
dar movimento a uma ideia e você

1065
00:47:19,770 --> 00:47:21,405
é você criar algo

1066
00:47:21,405 --> 00:47:25,008
que vá, que vá ter vida de alguma
forma, entendeu?

1067
00:47:25,375 --> 00:47:29,479
Então, nada mais prazeroso
e satisfatório do que você

1068
00:47:29,580 --> 00:47:32,816
não finalizar
um projeto de motion design

1069
00:47:32,816 --> 00:47:36,053
e você ver aquele projeto
em movimento. Sim?

1070
00:47:36,653 --> 00:47:40,257
Então vão e faça que assim
eu sou suspeito para dar,

1071
00:47:40,858 --> 00:47:43,827
porque eu defendo com unhas e dentes
a minha profissão,

1072
00:47:43,827 --> 00:47:45,662
mas vale a pena demais.

1073
00:47:45,662 --> 00:47:48,999
Muito bom, muito bom César,
Foi um prazer enorme

1074
00:47:48,999 --> 00:47:51,602
contar com você aqui
nesse nosso podcast.

1075
00:47:51,602 --> 00:47:54,571
Eu agradeço
e muito obrigado aos dois pela aula,

1076
00:47:54,638 --> 00:47:58,208
pelo todo o pessoal da produção,
inclusive por toda a delicadeza,

1077
00:47:58,208 --> 00:48:00,477
toda a gentileza. Podcast
é muito bacana.

1078
00:48:00,477 --> 00:48:01,545
Parabéns para FIAP

1079
00:48:01,545 --> 00:48:04,681
por todo investimento
que faz, infraestrutura em conteúdo,

1080
00:48:05,148 --> 00:48:09,019
satisfação enorme daqui,
Mocho designer, Emoção e eficiência.

1081
00:48:09,219 --> 00:48:10,654
Agradeço novamente vocês.

1082
00:48:10,654 --> 00:48:14,591
Agradeço você que ficou até agora
aqui com a gente, assistindo

1083
00:48:14,591 --> 00:48:16,560
ou ouvindo esse podcast.

1084
00:48:16,560 --> 00:48:17,461
E você aprendeu

1085
00:48:17,461 --> 00:48:22,399
que o papel do motion design
vai muito além de estética.

1086
00:48:22,399 --> 00:48:25,535
Estamos falando aqui de fluidez,
dinamismo,

1087
00:48:25,802 --> 00:48:28,572
uma melhor experiência do usuário.

1088
00:48:28,572 --> 00:48:30,874
Parece clichê, mas não é.

1089
00:48:30,874 --> 00:48:35,379
Nós estamos a um toque de tudo isso
se tornar realidade.

1090
00:48:35,679 --> 00:48:37,681
Um grande abraço e até a próxima.