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:14,192
Eu estava aqui matutando.

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

280
00:11:16,342 --> 00:11:19,100
experiência do usuário, 
meu Deus,

281
00:11:19,100 --> 00:11:21,187
era o terror na terra.

282
00:11:21,187 --> 00:11:24,087
E a gente desbravou 
aquilo tudo, né?

283
00:11:24,087 --> 00:11:25,768
Apanhou para fazer.

284
00:11:25,768 --> 00:11:27,089
"Ah, então é assim que funciona."

285
00:11:27,089 --> 00:11:29,689
Teve alguém que falou assim:
"Meu Deus, isso aqui está terrível.

286
00:11:29,689 --> 00:11:31,867
Eu vou ajudar
o pessoal a navegar melhor",

287
00:11:31,867 --> 00:11:34,160
Essa pessoa merece 
ser glorificada.

288
00:11:34,160 --> 00:11:36,429
Eu acho que isso que você trouxe

289
00:11:36,429 --> 00:11:39,719
é muito da cultura e da experiência
que nós tivemos no passado,

290
00:11:39,719 --> 00:11:44,336
de hoje não ter essa paciência
de querer assistir o tutorial

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

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

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

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

295
00:11:56,306 --> 00:11:57,862
Aqui não, aqui a gente já 
pega a TV, coloca na tomada,

296
00:11:57,862 --> 00:12:01,189
pega o controle remoto, 
e vou aprender a mexer.

297
00:12:01,189 --> 00:12:03,823
"Ah, tem uma folhinha
aqui explicando".

298
00:12:04,790 --> 00:12:06,299
Na melhor das hipóteses,

299
00:12:06,299 --> 00:12:08,679
o cara vê uma unboxing, 
vê um review.

300
00:12:08,679 --> 00:12:10,863
Para falar bem a verdade,
quando eu pego uma coisa

301
00:12:10,863 --> 00:12:11,714
e não estou 
conseguindo programar,

302
00:12:11,714 --> 00:12:13,933
não tem dúvida, YouTube.

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

304
00:12:16,790 --> 00:12:18,103
Você está vendo que até...

305
00:12:18,103 --> 00:12:23,067
Ele falou assim: "A gente largou
o panfletinho o manual

306
00:12:23,067 --> 00:12:27,020
para a gente procurar 
o tutorial de como montar

307
00:12:27,020 --> 00:12:28,447
num site,

308
00:12:28,447 --> 00:12:32,251
porque o YouTube é um site,
o Facebook é um site.

309
00:12:32,251 --> 00:12:36,249
E pela intuitividade deles
faz com que...

310
00:12:36,249 --> 00:12:40,362
É muito mais intuitivo eu procurar
numa plataforma como essa

311
00:12:40,362 --> 00:12:42,962
do que eu ler um manual...

312
00:12:42,962 --> 00:12:44,170
- Com 500 folhas.
- Que é mal diagramado.

313
00:12:44,170 --> 00:12:46,198
Nossa, muito mal diagramado.

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

315
00:12:48,010 --> 00:12:49,500
- Faço isso, faço aquilo...
- E você acha na internet, né?

316
00:12:49,500 --> 00:12:52,438
Por exemplo, como prosetar 
o relógio na TV tal, tal, tal.

317
00:12:52,438 --> 00:12:54,611
Tem, incrível como tem.

318
00:12:54,611 --> 00:12:56,870
Então é muito mais fácil, 
muito mais prático, né?

319
00:12:58,061 --> 00:13:00,279
É o que eu falei, é 
a cultura do imediatismo.

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

321
00:13:03,215 --> 00:13:05,017
até para coisas que a gente...

322
00:13:05,017 --> 00:13:06,819
Não tem como ser mais 
rápido que isso, né?

323
00:13:06,819 --> 00:13:09,088
A gente chegou num estado
que a gente pergunta para o AR?:

324
00:13:09,088 --> 00:13:10,122
"Como eu programo essa TV?".

325
00:13:10,122 --> 00:13:12,124
E o AR me responde:
"Ainda não chegamos lá".

326
00:13:12,124 --> 00:13:14,122
Mas o aplicativo é uma coisa
que e cada vez mais

327
00:13:14,122 --> 00:13:15,760
tem que ser responsivo,
tem que ser rápido.

328
00:13:15,760 --> 00:13:18,643
Ninguém vai aturar ficar
no aplicativo de...

329
00:13:18,643 --> 00:13:20,928
Eu já fiz, abandonar 
o aplicativo de comida

330
00:13:20,928 --> 00:13:23,522
porque o negócio ou é lerdo

331
00:13:23,522 --> 00:13:25,006
ou mete uma animação 
que não tem nada a ver,

332
00:13:25,006 --> 00:13:27,367
e, consequentemente...

333
00:13:27,367 --> 00:13:29,942
Na época,
o carregamento não ia e...

334
00:13:29,942 --> 00:13:32,278
Não, e existe uma pesquisa,
que inclusive...

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

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

337
00:13:36,492 --> 00:13:38,441
pesquisem isso.

338
00:13:38,441 --> 00:13:40,034
Mas existe uma média de...

339
00:13:42,194 --> 00:13:45,324
Usuários que largam um site

340
00:13:45,324 --> 00:13:48,321
se o site demorar 
3 segundos para abrir.

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

342
00:13:52,698 --> 00:13:55,000
Não basta você ter uma animação,

343
00:13:55,000 --> 00:13:57,274
um motion design, bem bacana

344
00:13:57,274 --> 00:13:58,904
se ele não tiver otimizado

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

346
00:14:01,913 --> 00:14:04,376
para que ele não fique
cheio de travamentos.

347
00:14:04,376 --> 00:14:05,823
Boa!

348
00:14:05,823 --> 00:14:07,562
Eu quero pegar um gancho 
que o César trouxe

349
00:14:07,562 --> 00:14:10,182
de múltiplas animações 
e tudo mais.

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

351
00:14:13,219 --> 00:14:16,155
atuam no dia a dia 
com Motion Design,

352
00:14:16,155 --> 00:14:20,559
eu vejo que às vezes o excesso 
de animações e transições

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

354
00:14:23,128 --> 00:14:26,966
Não adianta ter um aplicativo
que gira, pula, estoura,

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

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

357
00:14:32,004 --> 00:14:34,529
como a gente consegue 
alcançar um equilíbrio

358
00:14:34,529 --> 00:14:37,142
entre essas transições 
e animações

359
00:14:37,142 --> 00:14:39,873
e a usabilidade final
para o nosso usuário?

360
00:14:41,866 --> 00:14:44,223
A análise 
de otimização do site...

361
00:14:46,886 --> 00:14:48,581
Se o site está rendendo bem,

362
00:14:48,581 --> 00:14:51,424
é a primeira coisa que se tem 
que fazer, identificar...

363
00:14:53,364 --> 00:14:54,660
Esse excesso de animações

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

365
00:14:58,631 --> 00:15:00,280
que o motion designer 
tem que ter.

366
00:15:02,735 --> 00:15:05,871
Em tudo, em qualquer trabalho,

367
00:15:05,871 --> 00:15:08,243
no caso de interface digitais, porque 
a gente está falando de animação.

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

369
00:15:10,709 --> 00:15:13,043
Se você pegar 
para fazer um panfleto,

370
00:15:13,043 --> 00:15:16,231
se utilizar o mesmo estilo,

371
00:15:16,231 --> 00:15:18,851
ou o mesmo objeto, várias vezes,

372
00:15:18,851 --> 00:15:20,738
ele vai cair num problema

373
00:15:20,738 --> 00:15:23,894
que é um dos fundamentos 
do design,

374
00:15:23,894 --> 00:15:25,824
que é a repetição.

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

376
00:15:28,661 --> 00:15:31,697
A gente tem que ter o bom
senso e a sensibilidade

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

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

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

380
00:15:40,773 --> 00:15:43,310
como é o comportamento visual

381
00:15:43,310 --> 00:15:44,910
diante de uma interface 
de usuário,

382
00:15:44,910 --> 00:15:49,315
você vai adquirindo automaticamente
e imperceptivelmente

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

384
00:15:52,700 --> 00:15:53,716
E é design.

385
00:15:53,716 --> 00:15:57,464
O design tem um objetivo 
de frente de arte que é subjetiva.

386
00:15:57,464 --> 00:16:00,173
Então, se você tem um objetivo,

387
00:16:00,173 --> 00:16:02,166
você tem que cumprir 
com esse objetivo.

388
00:16:02,166 --> 00:16:05,487
O excesso de animação
vai cumprir o objetivo?

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

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

391
00:16:13,654 --> 00:16:16,327
É preciso ter 
essa sensibilidade,

392
00:16:16,327 --> 00:16:19,777
esse bom senso de saber 
avaliar qual é a proposta

393
00:16:19,777 --> 00:16:21,360
e qual o objetivo da animação.

394
00:16:22,887 --> 00:16:26,852
Com um bom briefing,
você vai à lugares maravilhosos.

395
00:16:26,852 --> 00:16:28,224
Sensacional!

396
00:16:28,224 --> 00:16:30,723
César, nós falamos aqui 
nesse bate-papo

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

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

399
00:16:36,128 --> 00:16:40,299
Eu percebo que a micro interação

400
00:16:40,299 --> 00:16:41,862
é aquela coisa que às vezes 
o usuário não percebe,

401
00:16:41,862 --> 00:16:43,222
ele não dá valor,

402
00:16:43,222 --> 00:16:45,547
mas aqui faz 
uma diferença enorme

403
00:16:45,547 --> 00:16:48,007
na sua experiência 
e na usabilidade.

404
00:16:48,007 --> 00:16:51,100
Traz alguns outros exemplos 
de micro interações

405
00:16:51,100 --> 00:16:53,749
para o pessoal que está 
assistindo a gente associar...

406
00:16:53,749 --> 00:16:56,050
"Hum, isso aqui é 
uma micro interação".

407
00:16:56,050 --> 00:17:00,552
Por exemplo, quando você vai 
preencher uma rede social

408
00:17:00,552 --> 00:17:03,956
fora do seu computador, 
fora do seu celular...

409
00:17:03,956 --> 00:17:05,696
Essa é bem famosa.

410
00:17:05,696 --> 00:17:07,326
A gente está acostumado a salvar

411
00:17:07,326 --> 00:17:10,562
sem ter mais 
que ficar decorando,

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

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

414
00:17:15,934 --> 00:17:17,903
a sua rede social... "Qual 
a sua senha do Facebook?".

415
00:17:17,903 --> 00:17:19,258
- Eu não tenho a menor ideia.
- Não faço ideia

416
00:17:19,258 --> 00:17:23,042
Aí você vai tentar entrar
com a sua senha e não funciona.

417
00:17:23,042 --> 00:17:24,610
O que acontece normalmente com o campo?

418
00:17:24,610 --> 00:17:28,247
A hora que você digita e erra,
ele tende a ficar na cor vermelha,

419
00:17:28,247 --> 00:17:29,362
mas, além disso...

420
00:17:29,362 --> 00:17:31,714
A gente até comenta sobre isso,
em relação à acessibilidade.

421
00:17:31,714 --> 00:17:33,691
Só ficar na cor 
vermelha não ajuda.

422
00:17:33,691 --> 00:17:35,521
Ele dá uma tremidinha.

423
00:17:35,521 --> 00:17:37,213
Isso é uma coisa que acontece...

424
00:17:37,213 --> 00:17:38,083
Não vou dizer em todas, né,

425
00:17:38,083 --> 00:17:41,479
mas eu acho que a maioria
dos aplicativos que a gente utiliza,

426
00:17:41,479 --> 00:17:44,329
quando você erra alguma 
informação, ele tende a tremer.

427
00:17:44,329 --> 00:17:46,800
Quando você preenche,
de repente, o seu CEP errado,

428
00:17:46,800 --> 00:17:50,743
você colocou seis dígitos, 
o que normalmente tende a acontecer

429
00:17:50,743 --> 00:17:53,216
é ele não te deixa ir para frente.

430
00:17:53,216 --> 00:17:54,606
De repente ele 
vai subir a página

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

432
00:17:56,675 --> 00:17:57,776
onde que você errou.

433
00:17:57,776 --> 00:18:01,013
Então, essas interações, 
desde movimento,

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

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

436
00:18:05,017 --> 00:18:09,093
vai mostrar uma espécie 
de reforço quando você acerta,

437
00:18:09,093 --> 00:18:11,216
ou ao contrário, quando 
você erra, que é o caso aqui.

438
00:18:13,592 --> 00:18:15,386
São coisas que ralmente tendem a...

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

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

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

442
00:18:25,439 --> 00:18:27,840
É uma coisa até 
um pouco mais recente.

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

444
00:18:30,576 --> 00:18:32,207
Ainda existe isso no Facebook,

445
00:18:32,207 --> 00:18:35,778
de você colocar parabéns, 
tem serpentina?

446
00:18:35,778 --> 00:18:36,279
Sim.

447
00:18:36,279 --> 00:18:38,387
Então, isso é um é 
um reforço, é uma interação,

448
00:18:38,387 --> 00:18:41,708
que causa ali 
uma conexão emocional.

449
00:18:41,708 --> 00:18:42,328
Porque, assim...

450
00:18:43,789 --> 00:18:47,098
A parte do motion

451
00:18:47,098 --> 00:18:48,627
pega um pouquinho de referência...

452
00:18:48,627 --> 00:18:49,935
Atenção! Um pouquinho, tá?

453
00:18:49,935 --> 00:18:53,802
De referência dos doze passos,
doze fundamentos da animação,

454
00:18:53,802 --> 00:18:56,535
que é um livro que surgiu
lá na década de 1980,

455
00:18:56,535 --> 00:19:00,632
que foram observações feitas
principalmente com produções da Disney.

456
00:19:00,632 --> 00:19:01,910
Então não é alguém 
que veio da regra.

457
00:19:01,910 --> 00:19:04,510
É alguém que achou 
elementos em comum.

458
00:19:04,510 --> 00:19:07,228
E que vai influenciar
de alguma forma

459
00:19:07,228 --> 00:19:09,381
os doze fundamentos do UX.

460
00:19:09,381 --> 00:19:10,793
Qual a diferença 
de um e de outro?

461
00:19:10,793 --> 00:19:13,971
Da animação, é para criar 
uma conexão emocional,

462
00:19:13,971 --> 00:19:16,151
do UX para criar uma...

463
00:19:16,151 --> 00:19:17,391
No sentido mais...

464
00:19:17,391 --> 00:19:18,371
- Como eu posso dizer?
- Experiência.

465
00:19:18,371 --> 00:19:19,211
Experiência.

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

467
00:19:22,327 --> 00:19:23,857
Fique mais no UX, tá?

468
00:19:23,857 --> 00:19:25,697
Mas a questão da animação

469
00:19:25,697 --> 00:19:28,060
para te trazer uma conexão 
emocional, é fundamental.

470
00:19:29,140 --> 00:19:31,270
A experiência é muito boa, 
mas quando você sente ali

471
00:19:31,270 --> 00:19:32,221
que tem uma...

472
00:19:32,221 --> 00:19:34,130
A questão de você dar 
like ou um coração

473
00:19:34,130 --> 00:19:37,367
e ter toda uma animação,
uma alimentação,

474
00:19:37,367 --> 00:19:39,077
um feedback.

475
00:19:39,077 --> 00:19:41,103
torna a sua experiência 
muito mais emocional,

476
00:19:41,103 --> 00:19:42,590
que é importante também.

477
00:19:42,590 --> 00:19:44,349
É bom que o aplicativo
funcione,

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

479
00:19:47,119 --> 00:19:50,930
Essas micro interações geralmente 
trazem um pouquinho dos dois.

480
00:19:50,930 --> 00:19:51,823
Sem dúvida, sem dúvida.

481
00:19:51,823 --> 00:19:54,663
Vamos fazer agora
uma viagem no tempo

482
00:19:54,663 --> 00:19:57,642
e voltar lá para 2009.

483
00:19:57,642 --> 00:20:00,132
2009 foi um ano em que começou

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

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

486
00:20:07,339 --> 00:20:08,941
a antiga Play Store.

487
00:20:08,941 --> 00:20:12,880
Era uma época que tinha 
diversos Smartphones,

488
00:20:12,880 --> 00:20:15,672
um leque com Windows Phone,

489
00:20:15,672 --> 00:20:18,477
BlackBerry, iOS,

490
00:20:18,477 --> 00:20:21,687
Android, entre outros.

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

492
00:20:24,122 --> 00:20:26,215
nós temos a grande concentração

493
00:20:26,215 --> 00:20:29,695
entre usuários Android e iOS.

494
00:20:29,695 --> 00:20:32,798
Eder, muda alguma coisa 
de Android para iOS

495
00:20:32,798 --> 00:20:36,335
quando o assunto é motion,
ou é tudo a mesma coisa?

496
00:20:36,335 --> 00:20:38,881
Eu acho que tem muito a ver
com as diretrizes do design.

497
00:20:41,573 --> 00:20:43,442
Eu sou péssima com nome, 
mas, por exemplo,

498
00:20:43,442 --> 00:20:47,212
o Android usa muito 
o Material Design do Google.

499
00:20:49,169 --> 00:20:49,797
Tem essas...

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

501
00:20:53,752 --> 00:20:57,082
Por exemplo, o Material 
Design é mais flat.

502
00:20:57,889 --> 00:21:00,297
Você se lembra como
que é o nome do material...

503
00:21:00,297 --> 00:21:02,561
Perdão por não lembrar.

504
00:21:02,561 --> 00:21:04,810
Capaz que eu lembre no meio.

505
00:21:04,810 --> 00:21:08,337
Mas o UX também 
usa um estilo de...

506
00:21:08,337 --> 00:21:09,529
Um Guidelines?

507
00:21:10,739 --> 00:21:11,937
Alguma coisa assim.

508
00:21:11,937 --> 00:21:13,672
Human Interface Guidelines.

509
00:21:13,672 --> 00:21:15,719
Eu acho que eles têm 
menos de flat.

510
00:21:15,719 --> 00:21:19,879
Eles mexem mais 
com sombreamento e profundidade

511
00:21:19,879 --> 00:21:20,879
através de luzes.

512
00:21:20,879 --> 00:21:24,249
Então tem essa diferença de diretrizes,

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

514
00:21:27,419 --> 00:21:29,250
Então você pode usar...

515
00:21:30,422 --> 00:21:33,492
No Android, você pode usar Lottie,
você pode usar o After Effects,

516
00:21:33,492 --> 00:21:37,029
para converter as suas 
animações em JSON...

517
00:21:38,196 --> 00:21:39,998
Em Flutter.

518
00:21:39,998 --> 00:21:43,201
Assim, tem várias ferramentas

519
00:21:43,201 --> 00:21:44,641
que diferenciam,

520
00:21:44,641 --> 00:21:46,924
que são utilizadas
em cada sistema.

521
00:21:48,907 --> 00:21:52,544
Tem suas diferenças,
mas o fundamento é o mesmo.

522
00:21:52,544 --> 00:21:53,745
O fundamental é o mesmo,

523
00:21:53,745 --> 00:21:56,397
desde que a gente 
consiga respeitar ali

524
00:21:56,397 --> 00:21:57,316
o Guidelines, né?

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

526
00:21:59,051 --> 00:22:03,021
é um conjunto de boas práticas
que cada sistema operacional usa.

527
00:22:03,021 --> 00:22:07,441
E vale destacar também que são 
fundamentais muitas vezes

528
00:22:07,441 --> 00:22:09,861
para o aplicativo
ser aceito na loja.

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

530
00:22:13,632 --> 00:22:15,022
ou um botão menor,

531
00:22:15,022 --> 00:22:17,102
o que a Apple, 
o que o Google, pensam?

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

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

534
00:22:21,807 --> 00:22:23,008
"Ah, esse aplicativo é ruim"?

535
00:22:23,008 --> 00:22:25,812
Ele vai falar: "Esse 
iPhone não presta".

536
00:22:25,812 --> 00:22:27,879
Então eles são bem preocupados 
com essa questão.

537
00:22:28,914 --> 00:22:31,425
Nos projetos que você
já tocou, César,

538
00:22:31,425 --> 00:22:34,699
você sentiu muita diferença 
de iOS para Android

539
00:22:34,699 --> 00:22:36,322
na hora de pensar em motion?

540
00:22:37,389 --> 00:22:38,434
É que normalmente...

541
00:22:39,601 --> 00:22:43,083
iOS tem uma questão com a sobreposição 
e de arrastar para o lado.

542
00:22:46,372 --> 00:22:48,190
Eles também tem uma questão

543
00:22:48,190 --> 00:22:50,802
em relação a você não começar 
o movimento muito perto da borda.

544
00:22:50,802 --> 00:22:52,500
É uma recomendação que eles dão.

545
00:22:52,500 --> 00:22:54,040
Não é bem uma recomendação.

546
00:22:54,040 --> 00:22:55,140
Não pode, tá?

547
00:22:55,140 --> 00:22:56,673
E no Android, 
ele é um pouco mais...

548
00:23:00,011 --> 00:23:01,114
Eu não sei como é hoje em dia,

549
00:23:01,114 --> 00:23:02,283
mas se tinha uma certa cultura

550
00:23:02,283 --> 00:23:04,683
de que o iOS era
um pouquinho mais chatinho.

551
00:23:04,683 --> 00:23:06,619
Só que, assim, como você falou,

552
00:23:06,619 --> 00:23:10,922
a gente está muito mais 
em Android e iOS hoje.

553
00:23:10,922 --> 00:23:13,060
As diferenças de tamanho de tela

554
00:23:13,060 --> 00:23:15,591
são muito menores no iOS 
do que no Android.

555
00:23:15,591 --> 00:23:18,272
No Android, você tem 
uma variedade imensa de tamanhos,

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

557
00:23:20,332 --> 00:23:22,210
E a questão das transições 
é assim:

558
00:23:22,210 --> 00:23:25,070
"Ah, mas a transição 
no iOS é mais suave".

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

560
00:23:27,038 --> 00:23:28,225
Eu acho que é muito mais 
uma questão de...

561
00:23:28,225 --> 00:23:30,619
É tão sutil, tão sutil,

562
00:23:30,619 --> 00:23:33,879
que às vezes torna 
imperceptível para o usuário.

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

564
00:23:36,615 --> 00:23:38,483
A questão do design 
como um todo,

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

566
00:23:40,585 --> 00:23:43,404
Mas é uma diferença do tipo...

567
00:23:43,404 --> 00:23:44,132
Ah, um detalhe.

568
00:23:44,132 --> 00:23:46,926
O iOS tinha uma preferência 
no modo de transição,

569
00:23:46,926 --> 00:23:48,727
que é o de expandir,

570
00:23:48,727 --> 00:23:50,929
também chamado...

571
00:23:50,929 --> 00:23:51,997
Eu vou tentar traduzir aqui.

572
00:23:51,997 --> 00:23:53,899
É obscurecer,
se não me engano.

573
00:23:53,899 --> 00:23:55,609
Onde você aplicaria ali...

574
00:23:55,609 --> 00:23:58,970
Clica em uma determinada tela, 
ela expande,

575
00:23:58,970 --> 00:24:00,885
só que, o que está atrás,
não desaparece,

576
00:24:00,885 --> 00:24:02,796
que é para te manter
o senso de direção,

577
00:24:02,796 --> 00:24:04,176
para você não ficar perdido.

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

579
00:24:07,579 --> 00:24:09,381
Então, voltando para o WhatsApp,

580
00:24:09,381 --> 00:24:11,529
a única diferença que eu vi,
visualmente falando,

581
00:24:11,529 --> 00:24:12,918
o WhatsApp de um para o outro,

582
00:24:12,918 --> 00:24:16,988
é que, em cima do Android,
tem uma faixinha verde

583
00:24:16,988 --> 00:24:20,091
para fazer a barra superior
ser dividida em duas.

584
00:24:20,091 --> 00:24:23,295
A superior do iOS é uma faixa 
única com uma cor só.

585
00:24:23,295 --> 00:24:24,953
Então, assim, são coisas 
que...

586
00:24:24,953 --> 00:24:28,467
Eu acho que, antigamente, o iOS 
seria um pouco mais temido.

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

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

589
00:24:33,038 --> 00:24:35,565
A questão de você arrastar 
para o lado ou não...

590
00:24:35,565 --> 00:24:37,913
Muita coisa do Android funciona assim
hoje em dia.

591
00:24:37,913 --> 00:24:41,783
É, essa convergência, a gente
discutia muito isso no passado,

592
00:24:41,783 --> 00:24:43,782
as diferenças 
de um para o outro.

593
00:24:43,782 --> 00:24:47,652
O iPhone tinha um botão
voltar no aplicativo.

594
00:24:47,652 --> 00:24:51,156
O voltar do Android já é 
nativo do próprio aparelho.

595
00:24:51,156 --> 00:24:52,257
Tinham essas diferenças.

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

597
00:24:54,893 --> 00:24:58,029
porque a gente percebe
que as empresas olham e falam:

598
00:24:58,029 --> 00:25:00,065
"Por que eu estou querendo
reinventar a roda?

599
00:25:00,065 --> 00:25:03,152
Se meu usuário já sabe
que o carrinho de compra

600
00:25:03,152 --> 00:25:04,642
é no canto superior direito,

601
00:25:04,642 --> 00:25:07,047
por que eu vou inventar
moda e colocar embaixo?".

602
00:25:07,047 --> 00:25:09,738
Porque as pessoas já 
estão associando,

603
00:25:09,738 --> 00:25:13,369
inclusive no caso do motion, 
que é o nosso papo aqui,

604
00:25:13,369 --> 00:25:15,147
os gestos, os movimentos,

605
00:25:15,147 --> 00:25:18,457
o arrasta para cima, 
o double tap.

606
00:25:20,151 --> 00:25:22,604
iOS, Android,

607
00:25:22,604 --> 00:25:27,225
são as nossas principais
plataformas de Smartphones,

608
00:25:27,225 --> 00:25:29,027
quando gente fala 
de sistema operacional.

609
00:25:29,027 --> 00:25:32,297
Mas e quando a gente fala
num passo anterior

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

611
00:25:33,999 --> 00:25:35,491
o protótipo,

612
00:25:35,491 --> 00:25:38,651
quais ferramentas vocês indicam hoje

613
00:25:38,651 --> 00:25:41,848
para a gente prototipar 
esses aplicativos

614
00:25:41,848 --> 00:25:43,832
já pensando nas animações?

615
00:25:45,477 --> 00:25:47,619
Figma, você pode animar 
no Figma também.

616
00:25:47,619 --> 00:25:48,482
Eu acho que é o mais comum.

617
00:25:50,511 --> 00:25:51,346
Tem o Sketch.

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

619
00:25:55,287 --> 00:25:59,023
Essas ferramentas todas,
você consegue prototipar,

620
00:25:59,023 --> 00:26:02,063
e, de alguma forma,
elas têm suas integrações.

621
00:26:02,063 --> 00:26:05,463
A tecnologia
é tão bacana hoje

622
00:26:05,463 --> 00:26:08,727
porque você consegue permear

623
00:26:08,727 --> 00:26:11,668
por todos os cantos,
por todas as ferramentas,

624
00:26:11,668 --> 00:26:14,472
sem necessariamente sair,
abandonar outra ferramenta,

625
00:26:14,472 --> 00:26:15,567
porque elas estão integradas.

626
00:26:17,917 --> 00:26:19,277
São algumas.

627
00:26:19,277 --> 00:26:21,480
Mas aí tem diversas ferramentas.

628
00:26:21,480 --> 00:26:22,850
Tem o Lottie, né?

629
00:26:22,850 --> 00:26:24,056
É, o Lottie.

630
00:26:24,056 --> 00:26:25,946
Essa eu não conhecia.

631
00:26:25,946 --> 00:26:26,778
O que ela faz?

632
00:26:27,928 --> 00:26:30,288
- Está certo o nome, né, Lottie?
- É, Lottie.

633
00:26:30,288 --> 00:26:31,281
Ele tem modo...

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

635
00:26:34,926 --> 00:26:37,200
porque ele te fornece
um arquivo JSON...

636
00:26:37,200 --> 00:26:39,495
Depende como a pessoa pronuncia.

637
00:26:39,495 --> 00:26:41,542
Se você não souber programar,

638
00:26:41,542 --> 00:26:43,602
vai precisar de algum 
desenvolvedor,

639
00:26:43,602 --> 00:26:46,490
que ele te dá o código, que é 
um código mais facilitado inclusive,

640
00:26:46,490 --> 00:26:49,221
ele é mais fácil, ele roda
inclusive muito mais rápido.

641
00:26:49,221 --> 00:26:51,977
E tem a versão mais 
prática e multiuso.

642
00:26:51,977 --> 00:26:53,381
Qualquer um pode pegar.

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

644
00:26:59,724 --> 00:27:03,341
Alguma publicação que você 
vai fazer no Instagram.

645
00:27:03,341 --> 00:27:05,441
Aí você quer, de repente,

646
00:27:05,441 --> 00:27:06,391
uma caixinha de som tocando.

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

648
00:27:08,693 --> 00:27:10,795
Aí você acha a caixinha 
de som, animada,

649
00:27:10,795 --> 00:27:13,124
você consegue mudar 
essa caixinha de som.

650
00:27:13,124 --> 00:27:14,294
Não precisa programar,

651
00:27:14,294 --> 00:27:16,868
pode ser do zero, tanto 
o fundo quanto a figura,

652
00:27:16,868 --> 00:27:19,770
e você consegue adaptar,

653
00:27:19,770 --> 00:27:22,572
de que maneira ela vai se mexer,
de que maneira ela vai animar,

654
00:27:22,572 --> 00:27:25,644
e você consegue baixar em MP4,

655
00:27:25,644 --> 00:27:28,480
GIF e o JSON.

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

657
00:27:31,249 --> 00:27:33,788
você mexe na sua publicação
imediatamente.

658
00:27:33,788 --> 00:27:35,593
Você transforma vetor, 
ou imagem,

659
00:27:35,593 --> 00:27:38,073
que é superpesado, em código,

660
00:27:38,073 --> 00:27:40,176
e aí você pode levar 
para o VS Code

661
00:27:40,176 --> 00:27:42,454
e o front-end pode só aplicar

662
00:27:42,454 --> 00:27:44,584
o código JSON no site dele

663
00:27:44,584 --> 00:27:46,064
e vai ter a animação lá.

664
00:27:46,064 --> 00:27:49,928
E caso você queira 
uma funcionalidade de cliques

665
00:27:49,928 --> 00:27:51,435
aí é código,

666
00:27:51,435 --> 00:27:54,723
muitas vezes em CSS
ou alguma coisa em JavaScript.

667
00:27:54,723 --> 00:27:55,517
Sensacional!

668
00:27:55,517 --> 00:27:59,177
Essa então seria uma forma 
de pular uma barreira.

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

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

671
00:28:03,948 --> 00:28:07,157
vocês devem lembrar do Adobe Flash.

672
00:28:07,157 --> 00:28:10,321
Nossa! Eu tinha certeza absoluta
que você ia levar a gente

673
00:28:10,321 --> 00:28:11,957
para o fundo do...

674
00:28:11,957 --> 00:28:13,009
Não, eu estou brincando, Flash.

675
00:28:13,009 --> 00:28:15,327
Você foi muito útil
por muito tempo.

676
00:28:15,327 --> 00:28:16,595
Resgatei agora o Adobe Flash.

677
00:28:16,595 --> 00:28:19,195
- Eu fiz um curso em 2008... 
- O terror dos web designers.

678
00:28:19,195 --> 00:28:20,592
Flash CS5.

679
00:28:20,592 --> 00:28:21,609
O Flash é traumático.

680
00:28:21,609 --> 00:28:24,869
Era pesado 
e prejudicava a experiência.

681
00:28:24,869 --> 00:28:27,147
O carregamento do site,

682
00:28:27,147 --> 00:28:29,407
o aplicativo, na época, 
não existia ainda,

683
00:28:29,407 --> 00:28:32,677
os Smartphones são pós 2007.

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

685
00:28:36,481 --> 00:28:37,607
esse é um exemplo que você deu,

686
00:28:37,607 --> 00:28:40,118
de converter em SVG,
converter em código

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

688
00:28:42,821 --> 00:28:44,489
Tem outras dicas e truques?

689
00:28:44,489 --> 00:28:46,157
É sobre o usuário,

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

691
00:28:47,859 --> 00:28:49,368
é o que ele precisa,
o que ele quer,

692
00:28:49,368 --> 00:28:52,964
para ter a melhor experiência 
possível diante de uma tela.

693
00:28:54,985 --> 00:28:56,099
Eu acho que é sobre isso.

694
00:28:57,751 --> 00:28:58,791
O UX Motion...

695
00:28:58,791 --> 00:29:01,875
A gente estava conversando
sobre isso, né, César?

696
00:29:03,875 --> 00:29:05,926
O código hoje...

697
00:29:05,926 --> 00:29:07,912
Eu sei que muita gente torce o nariz,

698
00:29:07,912 --> 00:29:11,116
principalmente quem 
não é da programação.

699
00:29:11,116 --> 00:29:13,005
Mas é algo que a gente
tem que lidar.

700
00:29:14,775 --> 00:29:16,225
E eu não gosto de ser clichê,

701
00:29:16,225 --> 00:29:19,028
mas normalmente é clichê
é porque é verdade.

702
00:29:19,028 --> 00:29:21,405
É um novo idioma,
um novo inglês.

703
00:29:23,194 --> 00:29:26,898
A pessoa que hoje está preparada 
para lidar com código,

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

705
00:29:29,434 --> 00:29:33,004
Opa! Então quer dizer que, mesmo
eu só trabalhando ali com design,

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

707
00:29:34,472 --> 00:29:36,628
e entender um pouquinho
o que aquele código faz?

708
00:29:36,628 --> 00:29:39,607
Você precisa saber 
se vai pegar o arquivo JSON

709
00:29:39,607 --> 00:29:41,918
na hora que você exportar 
uma animação Lottie.

710
00:29:41,918 --> 00:29:44,521
Você precisa saber 
o que está escrito ali.

711
00:29:44,521 --> 00:29:48,153
Vai ter uma série de sintaxes, 
parâmetros e valores.

712
00:29:48,153 --> 00:29:52,175
Então, você precisa saber
para que você possa otimizar melhor

713
00:29:52,175 --> 00:29:53,558
o seu site, caso necessário.

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

715
00:29:56,861 --> 00:29:59,028
você fica muito mais tranquilo

716
00:29:59,028 --> 00:30:02,338
para lidar 
com as resoluções dos problemas.

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

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

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

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

721
00:30:13,478 --> 00:30:15,680
Conte para nós, César,

722
00:30:15,680 --> 00:30:17,990
vocês, que estão 
no mercado hoje,

723
00:30:17,990 --> 00:30:20,306
dá muito ruim se os dois 
não se conversarem,

724
00:30:20,306 --> 00:30:21,316
não se entenderem ali?

725
00:30:21,316 --> 00:30:22,399
Ah, dá muito péssimo.

726
00:30:24,796 --> 00:30:26,926
Às vezes eu percebo...

727
00:30:26,926 --> 00:30:29,186
Até leio em alguns fóruns 
de vez em quando nos comentários,

728
00:30:29,186 --> 00:30:31,831
algum designer vai lá, coloca 
mais ou menos a arte dele,

729
00:30:31,831 --> 00:30:34,165
uma noção do que ele 
pretende fazer,

730
00:30:34,165 --> 00:30:37,035
e aí tem lá o comentário, 
que é o protótipo, de alguém:

731
00:30:37,035 --> 00:30:39,830
"Quero ver o dev se virar 
para fazer isso".

732
00:30:40,702 --> 00:30:41,702
Ele que lute, né?

733
00:30:42,574 --> 00:30:44,287
É, ele que lute.

734
00:30:44,287 --> 00:30:46,314
Até os membros, que eu vejo
de vez em quando, um dev olhando...

735
00:30:46,314 --> 00:30:48,256
"Mano, que mundo 
esse cara vive?".

736
00:30:49,796 --> 00:30:51,583
É importante para você saber...

737
00:30:51,583 --> 00:30:53,598
É de maneira geral, tá?

738
00:30:53,598 --> 00:30:55,665
Boa parte de qualquer 
área de criação,

739
00:30:55,665 --> 00:30:58,671
você sempre tem 
uma fragmentação,

740
00:30:58,671 --> 00:31:02,831
e essa fragmentação 
inclusive tende a ir sumindo...

741
00:31:04,048 --> 00:31:05,530
A fragmentação de áreas,
por exemplo.

742
00:31:05,530 --> 00:31:08,733
Então, só para dar um exemplo,
a gente estava conversando ali atrás,

743
00:31:08,733 --> 00:31:11,285
eu pego algumas vagas de vez em quando 
para Design Instrucional

744
00:31:11,285 --> 00:31:14,105
e eu vejo algumas especificações 
que eles pedem.

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

746
00:31:16,441 --> 00:31:17,709
do seu novo inglês.

747
00:31:17,709 --> 00:31:20,520
Aí você tem lá o que eles pedem
como design instrucional,

748
00:31:20,520 --> 00:31:23,527
que é uma coisa ligada 
à pedagogia, essencialmente.

749
00:31:23,527 --> 00:31:26,003
Mas eles já transformaram 
o designer pedagogo

750
00:31:26,003 --> 00:31:27,752
também designer, entendeu?

751
00:31:27,752 --> 00:31:30,157
E agora, não
não contente com isso,

752
00:31:30,157 --> 00:31:31,923
eu pego umas empresas,
grandes inclusive,

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

754
00:31:33,758 --> 00:31:36,355
o audiovisual, captação 
e edição, a parte de design,

755
00:31:36,355 --> 00:31:39,550
a parte de emotion, 
e programação.

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

757
00:31:42,817 --> 00:31:43,678
aceitam fritas também?

758
00:31:45,448 --> 00:31:48,665
Realmente é importante você ter

759
00:31:48,665 --> 00:31:50,375
um mínimo de conhecimento,

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

761
00:31:51,743 --> 00:31:55,079
para você saber, na hora 
de você pedir uma transição.

762
00:31:55,079 --> 00:31:57,119
por que você quer 
aquela transição.

763
00:31:58,499 --> 00:32:01,286
É realmente necessária 
aquela transição?

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

765
00:32:04,289 --> 00:32:07,292
Eu sempre vou falar ?
como designer.

766
00:32:07,292 --> 00:32:09,382
Mas ela realmente é necessária?

767
00:32:09,382 --> 00:32:11,193
O desenvolvedor ?

768
00:32:11,193 --> 00:32:14,366
Isso aqui realmente 
pode prejudicar

769
00:32:14,366 --> 00:32:16,086
a fluidez do nosso sistema?

770
00:32:16,086 --> 00:32:16,702
Pode.

771
00:32:16,702 --> 00:32:17,702
O que a gente pode fazer?

772
00:32:17,702 --> 00:32:21,108
Olha, você pode, de repente, 
tirar a FPS, por exemplo.

773
00:32:21,108 --> 00:32:23,061
Ou se não, "Tem realmente..."

774
00:32:23,061 --> 00:32:24,974
Agora o desenvolvedor 
para o designer.

775
00:32:24,974 --> 00:32:26,201
"Tem realmente a necessidade

776
00:32:26,201 --> 00:32:29,135
de você meter 
essas transições aqui?

777
00:32:29,959 --> 00:32:31,010
Você não pode adaptar?".

778
00:32:31,010 --> 00:32:34,064
Então é sempre bom 
a gente ir um pouco além

779
00:32:34,064 --> 00:32:36,521
daquela questão do... "Não, 
botem os dois para jantar juntos".

780
00:32:36,521 --> 00:32:39,369
Não, amigo, 
não é isso que vai...

781
00:32:39,369 --> 00:32:41,626
É você colocar os dois 
para trabalharem juntos.

782
00:32:41,626 --> 00:32:44,102
O que eu percebo
é que, cada vez mais...

783
00:32:44,102 --> 00:32:45,962
Inclusive a gente estava 
conversando sobre isso,

784
00:32:45,962 --> 00:32:49,219
que os designers estão...

785
00:32:49,219 --> 00:32:51,769
Até vendo um pouco do futuro.

786
00:32:51,769 --> 00:32:54,562
Indo para a parte de programação,
necessariamente.

787
00:32:55,699 --> 00:32:59,210
Primeiro, porque talvez ele não 
seja um baita desenvolvedor,

788
00:32:59,210 --> 00:33:01,446
mas ele minimamente
sabe trabalhar aquilo ?

789
00:33:01,446 --> 00:33:03,339
Então ele vai ter consciência
de.. "Não, espera um pouquinho.

790
00:33:03,339 --> 00:33:05,633
A hora que o cara ali 
for desenvolver..."

791
00:33:06,484 --> 00:33:08,056
Eu estou pesando a mão.

792
00:33:08,056 --> 00:33:09,650
Então, num primeiro momento,

793
00:33:09,650 --> 00:33:12,800
é botar os dois para que eles 
demonstrem, primeiro,

794
00:33:12,800 --> 00:33:15,783
qual é a função da minha questão

795
00:33:15,783 --> 00:33:19,097
prática do design,
artística também, claro,

796
00:33:19,097 --> 00:33:21,639
e principalmente 
o caminho contrário,

797
00:33:21,639 --> 00:33:22,691
que é você ver 
o desenvolvedor...

798
00:33:22,691 --> 00:33:24,203
"Olha, qual é ...".

799
00:33:24,203 --> 00:33:26,534
Não é só o trabalho 
que eu vou ter, entendeu,

800
00:33:26,534 --> 00:33:29,374
mas olhe o tanto de cor, recurso 
e tempo, que são fundamentais.

801
00:33:29,374 --> 00:33:30,587
Às vezes eu não tenho tempo.

802
00:33:30,587 --> 00:33:31,722
E olha quanto eu vou gastar.

803
00:33:33,147 --> 00:33:34,672
É realmente necessário?

804
00:33:34,672 --> 00:33:35,902
"Não é, cara, me desculpe.

805
00:33:35,902 --> 00:33:37,140
Eu vou fazer isso aqui."

806
00:33:38,622 --> 00:33:40,618
Então, essa parte 
de trabalho em equipe,

807
00:33:40,618 --> 00:33:43,367
um saber as dificuldades 
do trabalho do outro,

808
00:33:43,367 --> 00:33:44,450
você pode pegar isso e aplicar

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

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

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

812
00:33:50,762 --> 00:33:52,652
Falamos do passado, 
e agora nós vamos falar

813
00:33:52,652 --> 00:33:54,902
do futuro barra presente.

814
00:33:54,902 --> 00:33:56,985
Eder, como você enxerga

815
00:33:56,985 --> 00:33:59,755
o papel da Inteligência 
Artificial hoje

816
00:33:59,755 --> 00:34:02,473
em tempos de IAs generativas

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

818
00:34:06,418 --> 00:34:10,481
A IA, por si, tem a tendência

819
00:34:10,481 --> 00:34:14,652
de automatizar os processos
criar padrões.

820
00:34:14,652 --> 00:34:18,137
Eu acho que isso é inevitável,
já está acontecendo muito.

821
00:34:18,137 --> 00:34:19,424
Eu acho que talvez...

822
00:34:19,424 --> 00:34:20,844
Eu não sou futurista,

823
00:34:20,844 --> 00:34:24,139
mas eu acredito

824
00:34:24,139 --> 00:34:29,019
que a tendência
é a integração de IAs

825
00:34:29,019 --> 00:34:31,936
em novos processos tecnológicos,
por exemplo, Realidade Aumentada...

826
00:34:33,197 --> 00:34:36,007
Como a IA vai se integrar
com a Realidade Aumentada.

827
00:34:37,608 --> 00:34:39,621
Como a IA vai subsidiar...

828
00:34:42,346 --> 00:34:43,915
O Motion Design.

829
00:34:43,915 --> 00:34:47,952
Já tem hoje IAs 
que criam animações.

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

831
00:34:50,121 --> 00:34:52,219
Eu acho que, com o tempo,
isso vai aperfeiçoando.

832
00:34:55,426 --> 00:34:57,595
Eu acho que tem a ver mais

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

834
00:35:00,598 --> 00:35:03,368
Porque o Motion Design

835
00:35:03,368 --> 00:35:07,195
são funcionalidades e emoções,

836
00:35:07,195 --> 00:35:09,803
então ele caminha entre...

837
00:35:09,803 --> 00:35:13,359
Ele transforma algo técnico
em algo humano.

838
00:35:14,850 --> 00:35:16,410
Eu vou ser mais...

839
00:35:16,410 --> 00:35:18,449
Eu acho que eu vou ser 
mais preciso agora.

840
00:35:18,449 --> 00:35:21,247
Ele faz com que,

841
00:35:21,247 --> 00:35:22,987
através das ferramentas dele,

842
00:35:22,987 --> 00:35:26,858
o usuário tenha sensações.

843
00:35:29,994 --> 00:35:33,210
Eu acredito que a IA vai entrar aí,

844
00:35:33,210 --> 00:35:36,423
vai otimizar esses processos,
automatizar esses processos,

845
00:35:36,423 --> 00:35:38,330
para que as sensações 
sejam mais...

846
00:35:39,570 --> 00:35:40,770
Sensacionais.

847
00:35:40,770 --> 00:35:44,775
Quase parafraseando 
o Djonga aqui...

848
00:35:47,345 --> 00:35:50,092
Num podcast sobre UX Motion.

849
00:35:50,092 --> 00:35:51,182
Mas é válido.

850
00:35:51,182 --> 00:35:52,103
Grande Djonga!

851
00:35:53,452 --> 00:35:54,952
Então é mais sobre isso,

852
00:35:54,952 --> 00:35:57,922
como a IA pode melhorar
essa navegação

853
00:35:57,922 --> 00:36:01,492
a ponto do usuário
se sentir mais confortável.

854
00:36:01,492 --> 00:36:04,362
Aí é um mundo de possibilidades.

855
00:36:04,362 --> 00:36:07,465
Mas eu acredito muito
que está nessa construção de padrões

856
00:36:07,465 --> 00:36:09,468
e automatização 
das funcionalidades.

857
00:36:09,468 --> 00:36:13,304
Na sua opinião, César, até onde ajuda
e até onde é um ponto de atenção

858
00:36:13,304 --> 00:36:15,392
para os profissionais 
que trabalham com isso

859
00:36:15,392 --> 00:36:17,593
e usam a IA no seu dia a dia?

860
00:36:19,218 --> 00:36:21,258
Taí um tema que, se você deixar,
eu vou ficar duas horas aqui falando.

861
00:36:21,258 --> 00:36:23,247
Me deixe fazer um recorte então.

862
00:36:23,247 --> 00:36:24,620
Eu acho que, a princípio...

863
00:36:26,984 --> 00:36:29,554
Ele tende a facilitar a automatização
de alguns processos.

864
00:36:29,554 --> 00:36:31,122
Então ele tende, de repente...

865
00:36:32,877 --> 00:36:35,359
A facilitar alguns trabalhos 
um pouco mais simples,

866
00:36:35,359 --> 00:36:38,029
onde você precisa 
de umas transições mais...

867
00:36:38,029 --> 00:36:41,966
Porque a Inteligência Artificial,
na verdade, não cria, tá?

868
00:36:41,966 --> 00:36:44,268
Ela depende de repositórios 
e treinamento.

869
00:36:44,268 --> 00:36:46,837
Então, muitos artistas,
inclusive da área,

870
00:36:46,837 --> 00:36:49,106
têm reclamado porque 
eles percebem

871
00:36:49,106 --> 00:36:51,509
que muitos trabalhos deles
têm sido roubados,

872
00:36:51,509 --> 00:36:54,512
Sabe aquele negócio,
copia mas não faz igual?

873
00:36:55,346 --> 00:36:56,921
Você tem artistas 
de diversos setores...

874
00:36:56,921 --> 00:36:58,103
Roube como um artista.

875
00:36:58,103 --> 00:36:59,483
Exatamente.

876
00:36:59,483 --> 00:37:00,632
E o que é bem verdade, né?

877
00:37:00,632 --> 00:37:03,287
Historicamente falando, 
sempre se roubou muito.

878
00:37:03,287 --> 00:37:04,922
Só que quem é roubado não gosta.

879
00:37:04,922 --> 00:37:07,124
Então você tem vários ilustradores,
por exemplo, que pensam:

880
00:37:07,124 --> 00:37:08,925
"Opa, esse estilo aqui é meu!",

881
00:37:08,925 --> 00:37:10,331
e não ganham uma vírgula
por causa disso.

882
00:37:10,331 --> 00:37:13,965
Então a coisa precisa passar 
por uma regulamentação.

883
00:37:13,965 --> 00:37:15,399
Mas, num primeiro momento...

884
00:37:15,399 --> 00:37:17,452
E também tem muita a questão

885
00:37:17,452 --> 00:37:20,401
de um certo terrorismo 
momentâneo em relação...

886
00:37:20,401 --> 00:37:22,006
"A IA vai roubar o seu trabalho.

887
00:37:22,006 --> 00:37:24,242
Então, compre a sua IA,
aprenda com a gente,

888
00:37:24,242 --> 00:37:26,271
mas pega o pacote pago".

889
00:37:26,271 --> 00:37:28,134
Entendi. Vocês estão tentando 
fazer uma venda,

890
00:37:28,134 --> 00:37:31,101
cada IA está tentando fazer 
a sua venda, entendeu?

891
00:37:31,101 --> 00:37:34,252
Num primeiro momento, eu acho 
que o que você pode fazer,

892
00:37:34,252 --> 00:37:36,754
se você é da área de design, 
é: vá fazer programação.

893
00:37:37,822 --> 00:37:38,656
É essencial.

894
00:37:38,656 --> 00:37:41,826
Eu acho que tem uma coisa que é 
importante também, que é moderação.

895
00:37:42,660 --> 00:37:45,997
Use com moderação,
porque a sua ferramenta

896
00:37:45,997 --> 00:37:47,911
é muito mais 
que um After Effects,

897
00:37:47,911 --> 00:37:49,190
com o Lottie, com...

898
00:37:49,190 --> 00:37:52,003
A sua ferramenta é 
o processo criativo.

899
00:37:52,003 --> 00:37:52,603
É o processo ativo.

900
00:37:52,603 --> 00:37:53,204
É o justificativo, né?

901
00:37:53,204 --> 00:37:55,373
Então, quanto mais você usa...

902
00:37:55,373 --> 00:37:58,009
Ah, eu
não queria usar esta metáfora,

903
00:37:58,009 --> 00:38:00,945
mas é que me vem à cabeça
agora. É como se fosse uma droga.

904
00:38:00,945 --> 00:38:02,880
Aí a um todo.

905
00:38:02,880 --> 00:38:06,417
Eu não estou subjugando as ideias,
achando que é muito utilidade,

906
00:38:06,751 --> 00:38:09,587
mas o uso excessivo
tivesse esse seu processo

907
00:38:09,587 --> 00:38:12,923
criativo a depender da I.A.

908
00:38:12,957 --> 00:38:14,659
Para poder criar.

909
00:38:14,659 --> 00:38:19,397
E é no design, na arte como um todo,
você precisa.

910
00:38:20,264 --> 00:38:23,200
Você precisa aguçar o seu processo
criativo.

911
00:38:23,200 --> 00:38:27,371
Isso é se basear em referências
e influências do seu meio social.

912
00:38:27,872 --> 00:38:31,942
Então busque muitas referências,
vá em museus, vá em teatro,

913
00:38:31,942 --> 00:38:36,314
vá em exposições
e use com moderação,

914
00:38:36,314 --> 00:38:39,650
pois se você usar com moderação,
se vai manter seu processo

915
00:38:39,650 --> 00:38:42,953
criativo,
vai estimular e você vai ter todo o.

916
00:38:45,423 --> 00:38:47,825
Capacidade
de oferecer o seu trabalho

917
00:38:47,825 --> 00:38:50,828
da melhor maneira possível,
sem se condicionar.

918
00:38:50,861 --> 00:38:52,830
Se limitar a uma ferramenta, essa.

919
00:38:52,830 --> 00:38:53,531
Pode condicionar

920
00:38:53,531 --> 00:38:54,031
bom também não é

921
00:38:54,031 --> 00:38:57,134
mesmo Uma questão de você eficaz
e do cara que ele é designer.

922
00:38:57,702 --> 00:38:58,836
Ele vai ficar de pé

923
00:38:58,836 --> 00:39:01,839
se ele começar a utilizar muita
e ai ele vai ficar preso a um certo

924
00:39:02,273 --> 00:39:06,143
nicho de estilo, vamos dizer assim,
e ele acaba não inovando, entendeu?

925
00:39:06,444 --> 00:39:08,179
Então a questão de você ficar
pegando referência

926
00:39:08,179 --> 00:39:10,414
que às vezes você tem um insight
roupa para ir pós sentada

927
00:39:10,414 --> 00:39:12,283
é o que a gente chama de inovação,

928
00:39:12,283 --> 00:39:14,251
porque é a pá de inovação
que eu sempre falo.

929
00:39:14,251 --> 00:39:16,420
O pessoal de criação

930
00:39:16,420 --> 00:39:18,422
você não vai criar nada do zero, tá?

931
00:39:18,422 --> 00:39:21,459
Então, assim, perca essa ilusão
e perca esse peso nas costas

932
00:39:21,459 --> 00:39:22,159
que o pessoal as vezes

933
00:39:22,159 --> 00:39:23,861
dar de publicidade,
de multas de peso,

934
00:39:23,861 --> 00:39:25,896
Mas como é que eu vou criar
alguma coisa do nada e do nada?

935
00:39:25,896 --> 00:39:28,232
Meu amigo, você vai pensar
assim Isso é uma escola de

936
00:39:29,800 --> 00:39:32,803
uma escola pedagógica
que tem alguns milhares de anos.

937
00:39:32,970 --> 00:39:35,306
Você primeiro
vai aprender, copiar e copiar mesmo,

938
00:39:35,306 --> 00:39:37,508
só não vende,
Você vai aprender a copiar.

939
00:39:37,508 --> 00:39:39,343
Aí você vai copiar, copiar, copiar.

940
00:39:39,343 --> 00:39:42,613
Aí o aluno se sai em qualquer área,
em qualquer faculdade,

941
00:39:42,847 --> 00:39:44,315
ele vai reclamar com você.

942
00:39:44,315 --> 00:39:47,585
Mas eu não vim aqui
para ser reprodutor ou falsificador.

943
00:39:47,585 --> 00:39:48,352
Eu vim aqui para criar.

944
00:39:48,352 --> 00:39:51,989
Então agora todas as cópias
que você fez de diversos segmentos,

945
00:39:51,989 --> 00:39:54,992
várias referência,
você vai criar o seu.

946
00:39:55,092 --> 00:39:58,429
Então você vai fazer um aplicativo
para não ser comida.

947
00:39:59,230 --> 00:40:02,233
Pega o que melhor
você teve de experiência

948
00:40:02,533 --> 00:40:05,936
em todos esses aplicativos,
Então a transição eu vou pegar desse

949
00:40:06,537 --> 00:40:09,273
de repente ali, uma coisa assim,
uma micro interação.

950
00:40:09,273 --> 00:40:12,910
Eu vou pegar desse e outro recurso
de feedback, eu vou pegar desse.

951
00:40:13,210 --> 00:40:15,312
Então você pegou todos,
deu uma certa adaptada

952
00:40:15,312 --> 00:40:16,647
a partir do que você melhoraria.

953
00:40:16,647 --> 00:40:18,516
Essa micro interação é legal,
mas pode melhorar.

954
00:40:18,516 --> 00:40:21,152
Pronto, Tudo o que você consumiu,
você pegou, juntou,

955
00:40:21,152 --> 00:40:22,586
transformou e criou seu.

956
00:40:22,586 --> 00:40:24,488
Chama se Inovação. Nada.

957
00:40:25,489 --> 00:40:25,823
Cópia é

958
00:40:25,823 --> 00:40:29,126
diferente de de plágio,
É diferente de plágio.

959
00:40:29,126 --> 00:40:30,928
É uma coisa que você pega,

960
00:40:30,928 --> 00:40:33,731
que não é sua
para fazer como se fosse sua.

961
00:40:33,731 --> 00:40:35,499
A coisa pegou o iFood aqui,
você vai lá

962
00:40:35,499 --> 00:40:37,201
e faz exatamente a mesma coisa
e muda a cor.

963
00:40:37,201 --> 00:40:39,870
Amigão, você nunca criando, inovou.

964
00:40:39,870 --> 00:40:44,742
Se não inovou, deu essa questão
na criação calma da baixada de bola,

965
00:40:45,142 --> 00:40:47,378
Pegue referências e aí
você vai ter um insight

966
00:40:47,378 --> 00:40:49,780
como é que você vai ter insight
se você não tem referências?

967
00:40:49,780 --> 00:40:50,581
O que ele fala.

968
00:40:50,581 --> 00:40:52,850
É exatamente não reinventar o.

969
00:40:52,850 --> 00:40:54,885
Problema da inteligência artificial.

970
00:40:54,885 --> 00:40:56,620
E o meu medo é que ela comece

971
00:40:56,620 --> 00:40:59,623
a encaixotar de mais as pessoas,
as pessoas, que fique muito.

972
00:40:59,857 --> 00:41:00,724
Confortável.

973
00:41:00,724 --> 00:41:02,660
Que cada trabalho que tem.

974
00:41:02,660 --> 00:41:05,162
Vou ficar muito encaixotado
aqui na inteligência artificial.

975
00:41:05,162 --> 00:41:07,598
Vou lá, eu faço o prompt, vai criar
é para o mercado.

976
00:41:07,598 --> 00:41:10,501
Tá bom, não é assim. É um bom ponto.

977
00:41:10,501 --> 00:41:14,271
E infelizmente estamos chegando
ao final deste bate papo,

978
00:41:14,271 --> 00:41:16,307
Passando para falar Deus.

979
00:41:16,307 --> 00:41:19,310
Já que a gente não pode ficar mais
03h00 aqui.

980
00:41:19,610 --> 00:41:22,246
Tipo, o papo tá bom,
eu tenho certeza que o pessoal

981
00:41:22,246 --> 00:41:25,249
de casa continuaria
escutando a gente,

982
00:41:25,316 --> 00:41:27,284
mas estamos chegando ao fim.

983
00:41:27,284 --> 00:41:28,552
E para finalizar,

984
00:41:28,552 --> 00:41:31,555
a gente vai fazer aqui
um exercício de futurismo

985
00:41:32,289 --> 00:41:35,860
depois da inteligência artificial,
quais são outras tendências

986
00:41:36,093 --> 00:41:39,964
que vocês imaginam
para essa área de motion design?

987
00:41:39,964 --> 00:41:41,432
O que vem pela frente?

988
00:41:41,432 --> 00:41:43,801
Éder Caramba, cara,

989
00:41:45,269 --> 00:41:46,036
eu acho que

990
00:41:46,036 --> 00:41:49,039
o fortalecimento das ideias mesmo

991
00:41:49,173 --> 00:41:52,176
é porque eu assim

992
00:41:52,843 --> 00:41:55,112
é o que está em voga hoje, né?

993
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

994
00:42:00,217 --> 00:42:03,220
e eu acho que ainda
a gente tem muito para explorar.

995
00:42:04,021 --> 00:42:07,591
E dentro do que a gente pensa
por aí, muita coisa pode aparecer.

996
00:42:07,825 --> 00:42:09,960
Integrações e superar gente.

997
00:42:09,960 --> 00:42:12,930
Então isso para mim cria
uma crítica, uma cortina de fumaça.

998
00:42:13,430 --> 00:42:16,667
Eu acho que está muito aberto
e tem muita coisa nova para surgir

999
00:42:17,234 --> 00:42:20,070
e eu acho isso muito bacana. Então

1000
00:42:20,070 --> 00:42:21,238
então acredito nisso.

1001
00:42:21,238 --> 00:42:24,041
Muitas integrações

1002
00:42:24,041 --> 00:42:28,879
e a IA conseguindo transformar
funcionalidades

1003
00:42:28,879 --> 00:42:33,017
que às vezes a gente fazia na unha,
melhorando o processo, converter.

1004
00:42:33,017 --> 00:42:35,719
O código que já está fazendo isso
hoje.

1005
00:42:35,719 --> 00:42:38,689
Então eu
acho que eu acredito que vai por aí

1006
00:42:38,689 --> 00:42:42,359
isso assim,
pensando num futuro próximo,

1007
00:42:43,160 --> 00:42:45,696
mas num futuro distante eu

1008
00:42:45,696 --> 00:42:49,466
não conseguiria prever
ou tentar prever.

1009
00:42:50,200 --> 00:42:53,203
Infelizmente não tenho esse,
não tenho essa

1010
00:42:53,470 --> 00:42:56,874
e essa qualidade de Mãe Dinah, mas

1011
00:42:58,442 --> 00:43:00,778
acho que.

1012
00:43:00,778 --> 00:43:02,112
Eu acho que aí

1013
00:43:02,112 --> 00:43:05,115
eu acho que vai dar muito que falar
ainda vai dando.

1014
00:43:05,282 --> 00:43:08,018
Pouco tempo atrás
você teve um de Psique aí,

1015
00:43:08,018 --> 00:43:10,854
causando um pesar
e uma fervura aí no meio, que.

1016
00:43:10,854 --> 00:43:12,089
Tem a ver muito com inovação,

1017
00:43:12,089 --> 00:43:14,491
mas isso é um assunto para outro
bate papo.

1018
00:43:14,491 --> 00:43:17,127
Mas com certeza eu acho que.

1019
00:43:17,127 --> 00:43:20,431
Que vai que vai se aprofundar
e a gente vai descobrir

1020
00:43:20,431 --> 00:43:21,699
muitas coisas bacanas ainda.

1021
00:43:21,699 --> 00:43:24,068
Coisa boa é, na sua opinião.

1022
00:43:24,068 --> 00:43:25,936
César

1023
00:43:25,936 --> 00:43:28,172
Eu vou me contrariar
só pra dar um outro ponto de vista.

1024
00:43:28,172 --> 00:43:29,440
Então vamos lá.

1025
00:43:29,440 --> 00:43:34,011
Eu acho que assim em história,
um dos meus negócios é o teu, tá?

1026
00:43:34,078 --> 00:43:34,378
Eu estava

1027
00:43:34,378 --> 00:43:37,481
fazendo faculdade de história,
tive que dar uma pausa em história.

1028
00:43:37,481 --> 00:43:38,716
Tem uma coisa que a gente chama

1029
00:43:38,716 --> 00:43:40,618
de filosofia da história,
que é uma tendência.

1030
00:43:41,685 --> 00:43:42,553
As pessoas tendem

1031
00:43:42,553 --> 00:43:45,556
a achar que isso existe,
que a história se repete, não tá?

1032
00:43:46,256 --> 00:43:48,325
Cada e cada momento histórico
ele tem um contexto.

1033
00:43:48,325 --> 00:43:50,628
Mas agora eu vou me contrariar.

1034
00:43:50,628 --> 00:43:54,431
Eu acho que se você parar para ver,
eu conheço algumas produtoras,

1035
00:43:54,431 --> 00:43:57,434
inclusive o pessoal
de um dos designers freelas

1036
00:43:57,868 --> 00:44:01,305
que eles prestam serviço
para algum cliente e o cliente.

1037
00:44:01,305 --> 00:44:02,740
Ele faz questão de enfatizar

1038
00:44:02,740 --> 00:44:06,043
que toda aquela campanha foi feita
com ele, mesmo que não tenha sido.

1039
00:44:06,110 --> 00:44:07,911
Tá mesmo que não tá na moda.

1040
00:44:07,911 --> 00:44:10,247
Teve um desenvolvedor
e só pra ter o carimbo de novo,

1041
00:44:10,247 --> 00:44:12,850
olha como somos inovadores,
usamos a.

1042
00:44:12,850 --> 00:44:14,952
E teve um momento na história,
no século XIX,

1043
00:44:14,952 --> 00:44:16,220
durante a Revolução Industrial,

1044
00:44:16,220 --> 00:44:19,590
que a gente teve a serialização
da produção de produtos lá.

1045
00:44:19,590 --> 00:44:21,959
Qualquer coisa, copo ou caneca,

1046
00:44:21,959 --> 00:44:24,995
então, são produzidas em série,
o que facilita que muita gente tem.

1047
00:44:25,529 --> 00:44:28,932
E isso é um efeito bom que facilita
Todo mundo tem é mais barato,

1048
00:44:29,033 --> 00:44:30,501
só que assim todo mundo tem.

1049
00:44:30,501 --> 00:44:33,337
Isso cria um efeito contrário,
que nasce principalmente com Mores

1050
00:44:33,337 --> 00:44:36,874
e com Ruskin, que eram defensores
de uma cultura do artesanal.

1051
00:44:37,441 --> 00:44:39,677
É que você tem público,
pensa até hoje,

1052
00:44:39,677 --> 00:44:42,379
porque você pode perceber de repente
Ah, por que essa caneca aqui

1053
00:44:42,379 --> 00:44:45,783
ela custa 500 R$,
sendo que eu posso colocar

1054
00:44:46,383 --> 00:44:49,520
igualzinho aí em qualquer lugar
que custa 15, 10 R$.

1055
00:44:49,987 --> 00:44:50,621
Ela é hoje.

1056
00:44:50,621 --> 00:44:51,221
Ela é única.

1057
00:44:51,221 --> 00:44:53,691
Ela foi feita
a mão, que é o mais ou menos ali do

1058
00:44:54,992 --> 00:44:55,993
aquele carro inglês que ela é

1059
00:44:55,993 --> 00:44:59,163
feito inteiro a mão, ela é costurada
mão, ele é pintado à mão.

1060
00:44:59,463 --> 00:45:02,466
Então acho que num futuro médio,
vamos dizer assim,

1061
00:45:02,499 --> 00:45:05,803
eu acho que vai ter uma certa
tendência de algumas empresas

1062
00:45:06,103 --> 00:45:10,908
colocarem o selo feito manualmente
pra fugir, pra fugir.

1063
00:45:11,141 --> 00:45:13,110
Isso aqui não é de interesse
artificial, não faz.

1064
00:45:13,110 --> 00:45:15,245
Todo sentido não.

1065
00:45:15,245 --> 00:45:17,181
E mesmo que você esteja
se contrariando.

1066
00:45:17,181 --> 00:45:19,917
Contrariar assim, não existe assim
um ciclo da história.

1067
00:45:19,917 --> 00:45:23,687
Tá, mas é uma tendência possível
da pessoa ver e falar

1068
00:45:23,854 --> 00:45:24,855
não a nosso trabalho.

1069
00:45:24,855 --> 00:45:27,424
A nossa campanha foi feita por
pessoas,

1070
00:45:27,424 --> 00:45:31,528
teve ali um roteirista consagrado,
teve ali um designer consagrado.

1071
00:45:31,528 --> 00:45:35,032
Um programador consegue com pessoas
um trabalho muito mais humano.

1072
00:45:35,699 --> 00:45:38,202
Talvez não dure tanto,
mas deu certo, com certeza.

1073
00:45:38,202 --> 00:45:41,705
Eu acho que isso é uma tendência
a aparecer no médio prazo.

1074
00:45:41,705 --> 00:45:43,974
Ao curto prazo,
eu acho que vai ser essa febre e.

1075
00:45:43,974 --> 00:45:46,777
No fundo, as tendências,
elas estão sempre em movimento.

1076
00:45:46,777 --> 00:45:47,945
Elas vêm em volta.

1077
00:45:47,945 --> 00:45:48,779
De maneira contraditória.

1078
00:45:48,779 --> 00:45:51,415
Se você pegar essa dinâmica,
a gente está falando disso.

1079
00:45:51,415 --> 00:45:53,150
Mas hoje eu falei que é verdade,

1080
00:45:53,150 --> 00:45:55,052
porque eu estava vendo sobre isso,
sobre vídeos.

1081
00:45:55,052 --> 00:45:56,854
As pessoas estão mais
procurando vídeos

1082
00:45:56,854 --> 00:46:00,124
onde elas enxergam a verdade
do que um vídeo totalmente editado,

1083
00:46:00,557 --> 00:46:01,825
aquela coisa toda.

1084
00:46:01,825 --> 00:46:03,460
Isso era uma tendência no começo.

1085
00:46:03,460 --> 00:46:04,995
Exato, né?

1086
00:46:04,995 --> 00:46:05,429
A ideia.

1087
00:46:05,429 --> 00:46:06,163
Ele nasce dessa.

1088
00:46:06,163 --> 00:46:09,399
Maneira e aí depois se exige
uma qualificação.

1089
00:46:09,399 --> 00:46:12,202
Das produções.
E agora está retornando.

1090
00:46:12,202 --> 00:46:13,370
É um momento muito.

1091
00:46:15,139 --> 00:46:15,506
Só que.

1092
00:46:15,506 --> 00:46:18,308
São contradições, dinâmico,
são dialéticas.

1093
00:46:18,308 --> 00:46:21,278
Essa bagunça que virou a coisa? Não,
Mas é uma tendência.

1094
00:46:21,278 --> 00:46:24,381
É por isso que cria a ilusão
de que a história é cíclica, mas

1095
00:46:24,381 --> 00:46:27,384
é uma questão assim, de

1096
00:46:27,417 --> 00:46:28,786
certa forma, é previsível.

1097
00:46:28,786 --> 00:46:30,320
De certa forma, é loucura.

1098
00:46:30,320 --> 00:46:33,824
Falamos de tecnologia,
falamos de inteligência artificial,

1099
00:46:33,824 --> 00:46:37,394
design,
história, filosofia, render muito,

1100
00:46:37,394 --> 00:46:40,898
muito mais do que um podcast,
uma verdadeira aula.

1101
00:46:41,231 --> 00:46:44,635
E quero me despedir de vocês,
Muito obrigado!

1102
00:46:44,635 --> 00:46:46,637
E eu queria desse pela mão de Deus.

1103
00:46:46,637 --> 00:46:48,472
É uma honra para mim estar aqui

1104
00:46:48,472 --> 00:46:50,641
nesse videocast da FIAP
que é maravilhoso.

1105
00:46:50,641 --> 00:46:55,979
Já assisti vários Tá com Você,
que é uma figura conhecida

1106
00:46:56,246 --> 00:46:59,249
na área de tecnologia brasileira,
quem sabe até global.

1107
00:46:59,249 --> 00:47:03,187
Aí eu não sei, mas eu conheço
você daqui e ter conhecido.

1108
00:47:03,187 --> 00:47:07,591
Seja um cara sensacional, fantástico
e o que eu posso dizer sobre

1109
00:47:08,091 --> 00:47:13,030
o fanzine é que as pessoas
que tem vontade de fazer vá fundo,

1110
00:47:13,030 --> 00:47:18,602
porque motion Design é você
dar movimento a uma ideia e você

1111
00:47:19,770 --> 00:47:21,405
é você criar algo

1112
00:47:21,405 --> 00:47:25,008
que vá, que vá ter vida de alguma
forma, entendeu?

1113
00:47:25,375 --> 00:47:29,479
Então, nada mais prazeroso
e satisfatório do que você

1114
00:47:29,580 --> 00:47:32,816
não finalizar
um projeto de motion design

1115
00:47:32,816 --> 00:47:36,053
e você ver aquele projeto
em movimento. Sim?

1116
00:47:36,653 --> 00:47:40,257
Então vão e faça que assim
eu sou suspeito para dar,

1117
00:47:40,858 --> 00:47:43,827
porque eu defendo com unhas e dentes
a minha profissão,

1118
00:47:43,827 --> 00:47:45,662
mas vale a pena demais.

1119
00:47:45,662 --> 00:47:48,999
Muito bom, muito bom César,
Foi um prazer enorme

1120
00:47:48,999 --> 00:47:51,602
contar com você aqui
nesse nosso podcast.

1121
00:47:51,602 --> 00:47:54,571
Eu agradeço
e muito obrigado aos dois pela aula,

1122
00:47:54,638 --> 00:47:58,208
pelo todo o pessoal da produção,
inclusive por toda a delicadeza,

1123
00:47:58,208 --> 00:48:00,477
toda a gentileza. Podcast
é muito bacana.

1124
00:48:00,477 --> 00:48:01,545
Parabéns para FIAP

1125
00:48:01,545 --> 00:48:04,681
por todo investimento
que faz, infraestrutura em conteúdo,

1126
00:48:05,148 --> 00:48:09,019
satisfação enorme daqui,
Mocho designer, Emoção e eficiência.

1127
00:48:09,219 --> 00:48:10,654
Agradeço novamente vocês.

1128
00:48:10,654 --> 00:48:14,591
Agradeço você que ficou até agora
aqui com a gente, assistindo

1129
00:48:14,591 --> 00:48:16,560
ou ouvindo esse podcast.

1130
00:48:16,560 --> 00:48:17,461
E você aprendeu

1131
00:48:17,461 --> 00:48:22,399
que o papel do motion design
vai muito além de estética.

1132
00:48:22,399 --> 00:48:25,535
Estamos falando aqui de fluidez,
dinamismo,

1133
00:48:25,802 --> 00:48:28,572
uma melhor experiência do usuário.

1134
00:48:28,572 --> 00:48:30,874
Parece clichê, mas não é.

1135
00:48:30,874 --> 00:48:35,379
Nós estamos a um toque de tudo isso
se tornar realidade.

1136
00:48:35,679 --> 00:48:37,681
Um grande abraço e até a próxima.