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 a 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í nasceu

48
00:01:57,484 --> 00:01:59,016
há muito tempo 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
que 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:09,228
sem ter que pensar muito,

79
00:03:09,228 --> 00:03:11,918
sem ter que gastar poder 
de processamento, né?

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

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

82
00:03:15,880 --> 00:03:19,505
é fazer a coisa mais 
fluida, mais intuitiva.

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

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

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

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

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

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

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

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

91
00:03:44,190 --> 00:03:46,357
é fornecer a linha
e o movimento

92
00:03:46,357 --> 00:03:49,462
que vai guiar os passos 
desse navegante

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

111
00:04:40,880 --> 00:04:45,262
é com conduzir o usuário 
pela interface digital.

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

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

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

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

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

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

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

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

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

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

122
00:05:09,475 --> 00:05:10,819
Perfeito, perfeito.

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

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

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

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

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

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

129
00:05:27,260 --> 00:05:28,991
- É quase um exercício de empatia.
- É verdade.

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

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

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

133
00:05:36,274 --> 00:05:38,344
É um artista aplicado.

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

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

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

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

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

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

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

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

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

143
00:06:00,860 --> 00:06:04,779
e tornar interfaces 
que antes eram complexas,

144
00:06:04,779 --> 00:06:06,228
muito mais intuitivas?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

169
00:07:03,322 --> 00:07:05,725
que, quando você instala,

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

171
00:07:07,967 --> 00:07:10,229
Para quem está vendo 
aquele estudante...

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

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

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

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

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

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

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

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

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

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

182
00:07:27,169 --> 00:07:29,549
você quer acessar a página,
você arrasta para cima.

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

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

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

186
00:07:36,810 --> 00:07:38,316
Foi num aplicativo inclusive.

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

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

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

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

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

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

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

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

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

196
00:07:53,406 --> 00:07:54,707
todo o formulário 
que você preencheu

197
00:07:54,707 --> 00:07:57,477
e fica só o botão de enviar.

198
00:07:57,477 --> 00:07:58,978
Qual é o básico da nossa área?

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

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

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

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

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

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

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

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

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

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

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

210
00:08:18,602 --> 00:08:19,567
Você apertava mais de uma vez

211
00:08:19,567 --> 00:08:20,893
porque você achava 
que não tinha apertado,

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

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

214
00:08:25,256 --> 00:08:27,507
A nossa área trabalha muito

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

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

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

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

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

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

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

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

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

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

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

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

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

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

229
00:09:06,775 --> 00:09:09,454
de que aquela ação foi efetiva.

230
00:09:09,454 --> 00:09:10,154
Tranquiliza.

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

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

233
00:09:16,633 --> 00:09:19,292
A vida já é muito difícil, né?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

253
00:10:03,412 --> 00:10:04,904
Fundamentais, 
que o Motion Design...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

281
00:11:12,805 --> 00:11:14,192
Eu estava aqui matutando.

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

283
00:11:16,342 --> 00:11:17,747
experiência do usuário...

284
00:11:17,747 --> 00:11:19,057
Meu Deus!

285
00:11:19,057 --> 00:11:21,187
Era o terror na terra.

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

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

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

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

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

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

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

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

294
00:11:39,719 --> 00:11:41,636
de hoje não ter essa paciência

295
00:11:41,636 --> 00:11:44,336
de querer assistir o tutorial

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

297
00:11:47,373 --> 00:11:49,975
Eu vejo que os americanos
têm muito dessa cultura.

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

299
00:11:52,244 --> 00:11:55,466
de abrir a caixa, pegar o manual,
ficar lendo o manual,

300
00:11:55,466 --> 00:11:56,306
para depois...

301
00:11:56,306 --> 00:11:59,092
Aqui não, aqui a gente já 
pega a TV, coloca na tomada,

302
00:11:59,092 --> 00:12:01,189
pega o controle remoto, 
e vou aprender a mexer.

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

304
00:12:03,140 --> 00:12:04,790
Meu Deus, por que eu 
não vi isso antes?"

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

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

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

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

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

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

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

312
00:12:18,103 --> 00:12:20,617
Ele falou assim: "A gente largou

313
00:12:20,617 --> 00:12:23,097
o panfletinho do manual

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

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

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

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

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

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

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

321
00:12:44,174 --> 00:12:46,198
- Exato
- Nossa, muito mal diagramado.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

340
00:13:25,006 --> 00:13:26,772
e, consequentemente...

341
00:13:26,772 --> 00:13:29,942
Eu estava com um celular ruim 
na época, o carregamento não ia.

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

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

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

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

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

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

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

349
00:13:49,995 --> 00:13:53,148
A otimização é um processo 
fundamental também.

350
00:13:53,148 --> 00:13:55,000
Não basta você ter uma animação,

351
00:13:55,000 --> 00:13:57,274
um Motion Design bem bacana,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

374
00:15:02,735 --> 00:15:03,856
Em tudo, em qualquer trabalho...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

390
00:15:44,910 --> 00:15:47,615
você vai adquirindo 
automaticamente

391
00:15:47,615 --> 00:15:49,315
e imperceptivelmente

392
00:15:49,315 --> 00:15:50,380
essa sensibilidade.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

408
00:16:36,128 --> 00:16:38,819
Eu percebo que a micro interação

409
00:16:38,819 --> 00:16:41,862
é aquela coisa que às vezes 
o usuário não percebe,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

427
00:17:24,610 --> 00:17:25,987
A hora que você digita e erra,

428
00:17:25,987 --> 00:17:28,247
ele tende a ficar 
na cor vermelha,

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

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

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

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

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

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

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

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

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

438
00:17:46,800 --> 00:17:48,503
você colocou seis dígitos,

439
00:17:48,503 --> 00:17:50,743
o que normalmente 
tende a acontecer

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

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

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

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

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

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

446
00:18:03,515 --> 00:18:05,224
preferencialmente 
os dois juntos,

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

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

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

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

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

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

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

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

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

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

457
00:18:35,688 --> 00:18:36,279
Sim.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

474
00:19:16,151 --> 00:19:17,391
Ele tem um sentido mais...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

514
00:21:00,297 --> 00:21:03,151
Perdão por não lembrar.

515
00:21:03,151 --> 00:21:04,810
Capaz que eu lembre no meio.

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

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

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

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

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

521
00:21:15,719 --> 00:21:18,799
Eles mexem mais 
com sombreamento

522
00:21:18,799 --> 00:21:20,879
e profundidade através de luzes.

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

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

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

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

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

528
00:21:39,226 --> 00:21:40,708
Em Flutter.

529
00:21:40,708 --> 00:21:43,201
Assim, tem várias ferramentas

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

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

532
00:21:48,907 --> 00:21:50,554
Tem suas diferenças,

533
00:21:50,554 --> 00:21:52,544
mas o fundamento é o mesmo.

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

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

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

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

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

539
00:22:03,021 --> 00:22:04,511
E vale destacar também

540
00:22:04,511 --> 00:22:07,441
que são fundamentais 
muitas vezes

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

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

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

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

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

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

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

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

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

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

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

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

553
00:22:37,389 --> 00:22:39,601
É que normalmente, Gustavo,

554
00:22:39,601 --> 00:22:42,183
o iOS tem uma questão 
com a sobreposição

555
00:22:42,183 --> 00:22:43,006
e de arrastar para o lado.

556
00:22:46,372 --> 00:22:48,190
Eles também têm uma questão

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

578
00:23:36,615 --> 00:23:38,483
E a questão do design 
como um todo,

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

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

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

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

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

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

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

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

587
00:23:53,899 --> 00:23:55,609
Onde você aplica ali...

588
00:23:55,609 --> 00:23:57,970
Clica em uma determinada tela,

589
00:23:57,970 --> 00:23:58,970
ela expande,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

665
00:27:13,124 --> 00:27:15,154
Não precisa programar do zero,

666
00:27:15,154 --> 00:27:16,868
tanto o fundo quanto a figura,

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

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

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

670
00:27:25,644 --> 00:27:26,330
GIF...

671
00:27:27,740 --> 00:27:28,480
E o JSON.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

691
00:28:13,009 --> 00:28:14,817
Você foi muito útil
por muito tempo.

692
00:28:14,817 --> 00:28:16,595
Resgatei agora o Adobe Flash.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

716
00:29:14,775 --> 00:29:16,225
Eu não gosto de ser clichê,

717
00:29:16,225 --> 00:29:19,028
mas normalmente é clichê
porque é verdade, né?

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

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

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

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

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

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

724
00:29:36,628 --> 00:29:39,607
Se você vai pegar 
um arquivo JSON

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

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

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

728
00:29:48,153 --> 00:29:49,215
que você precisa saber

729
00:29:49,215 --> 00:29:52,175
até para que você 
possa otimizar melhor

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

749
00:30:41,282 --> 00:30:42,574
Ele que lute, né?

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

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

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

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

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

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

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

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

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

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

760
00:31:08,733 --> 00:31:11,285
eu pego algumas vagas de vez 
em quando para designer instrucional

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

782
00:32:04,289 --> 00:32:07,292
sempre vou falar, 
da sua parte como designer.

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

784
00:32:09,382 --> 00:32:11,193
Desenvolvedor, DB, vem aqui:

785
00:32:11,193 --> 00:32:14,366
isso aqui realmente 
pode prejudicar

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

787
00:32:16,086 --> 00:32:16,702
"Pode."

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

805
00:32:59,210 --> 00:33:01,446
mas ele minimamente sabe 
o trabalho que aquilo ali dá.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

825
00:33:43,367 --> 00:33:45,320
você pode pegar isso 
e aplicar em qualquer área

826
00:33:45,320 --> 00:33:46,791
de criação que você quiser.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

874
00:36:09,468 --> 00:36:11,504
Na sua opinião, César, 
até onde ajuda

875
00:36:11,504 --> 00:36:13,304
e até onde é um ponto de atenção

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

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

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

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

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

881
00:36:26,984 --> 00:36:30,244
Ele tende a facilitar a automatização
de alguns processos.

882
00:36:30,244 --> 00:36:31,122
Então ele tende, de repente...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

900
00:37:10,343 --> 00:37:11,111
Nossa!

901
00:37:11,111 --> 00:37:13,965
Então a coisa precisa passar 
por uma regulamentação.

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

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

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

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

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

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

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

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

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

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

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

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

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

915
00:37:45,327 --> 00:37:47,900
é muito mais 
que um After Effects,

916
00:37:47,900 --> 00:37:49,190
com o Lottie, com...

917
00:37:49,190 --> 00:37:51,634
A sua ferramenta é 
o processo criativo.

918
00:37:51,634 --> 00:37:53,124
É o justificativo, né?

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

920
00:37:56,223 --> 00:37:58,009
Eu não queria usar 
esta metáfora,

921
00:37:58,009 --> 00:37:59,345
mas é que me vem 
à cabeça agora.

922
00:37:59,345 --> 00:38:01,355
É como se fosse uma droga a IA.

923
00:38:02,240 --> 00:38:04,921
Eu não estou subjugando as IAs.

924
00:38:04,921 --> 00:38:06,751
Eu acho que elas 
têm muita utilidade.

925
00:38:06,751 --> 00:38:10,138
Mas um uso excessivo
vicia o teu processo criativo...

926
00:38:11,687 --> 00:38:13,887
A depender da IA
para poder criar.

927
00:38:16,060 --> 00:38:19,083
E no design, 
na arte como um todo...

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

929
00:38:23,200 --> 00:38:25,902
Isso se baseia em referências,

930
00:38:25,902 --> 00:38:27,872
em influências 
do seu meio social.

931
00:38:27,872 --> 00:38:29,882
Então, busque 
muitas referências.

932
00:38:29,882 --> 00:38:31,942
Vá em museus, vá em teatro,

933
00:38:31,942 --> 00:38:34,364
vá em exposições,

934
00:38:34,364 --> 00:38:36,314
e use a IA com moderação,

935
00:38:36,314 --> 00:38:38,540
porque se você usar 
com moderação,

936
00:38:38,540 --> 00:38:41,163
você vai manter seu processo 
criativo, vai estimular,

937
00:38:41,163 --> 00:38:42,432
e aí você vai ter toda...

938
00:38:45,295 --> 00:38:47,825
A capacidade
de oferecer o seu trabalho

939
00:38:47,825 --> 00:38:50,818
da melhor maneira possível,
sem se condicionar,

940
00:38:50,818 --> 00:38:52,590
se limitar a uma ferramenta.

941
00:38:52,590 --> 00:38:54,441
Essa parte de se condicionar 
é boa também

942
00:38:54,441 --> 00:38:55,724
na questão 
de às vezes você ficar...

943
00:38:55,724 --> 00:38:57,766
Às vezes o cara que é designer,

944
00:38:57,766 --> 00:39:00,099
se ele começar 
a utilizar muito a IA,

945
00:39:00,099 --> 00:39:03,974
ele vai ficar preso a um certo 
nicho de estilo, vamos dizer assim,

946
00:39:03,974 --> 00:39:06,444
e ele acaba não 
inovando, entendeu?

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

948
00:39:08,179 --> 00:39:09,124
é que às vezes você 
tem um insight...

949
00:39:09,124 --> 00:39:10,414
"Opa! Peraí...",

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

951
00:39:12,283 --> 00:39:13,381
Porque a parte de inovação...

952
00:39:13,381 --> 00:39:15,110
Eu sempre falo 
para o pessoal de criação:

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

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

955
00:39:21,459 --> 00:39:23,861
porque às vezes o pessoal da área 
de publicidade tem muito esse peso.

956
00:39:23,861 --> 00:39:25,336
"Bom, mas como eu vou criar
alguma coisa do nada?".

957
00:39:25,336 --> 00:39:26,498
Não é do nada, meu amigo!

958
00:39:27,248 --> 00:39:28,199
Assim...

959
00:39:29,800 --> 00:39:33,110
É uma escola pedagógica
que tem alguns milhares de anos.

960
00:39:33,110 --> 00:39:34,306
Primeiro você vai 
aprender a copiar.

961
00:39:34,306 --> 00:39:35,306
É copiar mesmo.

962
00:39:35,306 --> 00:39:36,018
Só não vende.

963
00:39:36,018 --> 00:39:37,508
Você vai aprender a copiar.

964
00:39:37,508 --> 00:39:39,620
Aí você vai copiar, 
copiar, copiar...

965
00:39:39,620 --> 00:39:42,847
Isso é em qualquer área,
em qualquer faculdade.

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

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

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

969
00:39:48,352 --> 00:39:50,909
Calma! Agora, todas 
essas cópias que você fez

970
00:39:50,909 --> 00:39:53,372
de diversos segmentos, 
várias referências,

971
00:39:53,372 --> 00:39:55,092
você vai criar o seu.

972
00:39:55,092 --> 00:39:57,610
Então você vai fazer 
um aplicativo para...

973
00:39:57,610 --> 00:39:59,230
Não sei... Comida.

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

975
00:40:02,533 --> 00:40:03,836
em todos esses aplicativos.

976
00:40:03,836 --> 00:40:06,582
Então a transição, 
eu vou pegar desse,

977
00:40:06,582 --> 00:40:10,523
de repente, uma micro interação,
eu vou pegar desse,

978
00:40:10,523 --> 00:40:13,210
e um outro recurso, de feedback, 
eu vou pegar desse.

979
00:40:13,210 --> 00:40:14,262
Então você pegou todos,

980
00:40:14,262 --> 00:40:16,647
adaptou para o estilo 
que você melhoraria

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

982
00:40:18,722 --> 00:40:20,532
Pronto, tudo o que você 
consumiu, você pegou,

983
00:40:20,532 --> 00:40:22,586
juntou, transformou, 
e criou o seu.

984
00:40:22,586 --> 00:40:23,717
Isso chama-se inovação.

985
00:40:23,717 --> 00:40:24,602
Você não criou nada.

986
00:40:25,793 --> 00:40:28,126
Cópia diferente de plágio, né?

987
00:40:28,126 --> 00:40:28,996
É diferente de plágio.

988
00:40:28,996 --> 00:40:30,503
Plágio é uma coisa que você pega,

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

990
00:40:33,731 --> 00:40:34,929
A mesma coisa se você 
pegar o iFood aqui,

991
00:40:34,929 --> 00:40:37,201
você vai lá e faz exatamente 
a mesma coisa, e muda a cor.

992
00:40:37,201 --> 00:40:37,822
Amigão...

993
00:40:39,940 --> 00:40:42,037
Você não inovou, entendeu?

994
00:40:42,037 --> 00:40:45,142
Essa questão da criação,
calma, baixe a bola,

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

996
00:40:47,378 --> 00:40:49,650
Como você vai ter insight
se você não tem referências?

997
00:40:49,650 --> 00:40:51,017
Foi o que ele falou.

998
00:40:51,017 --> 00:40:51,850
Exatamente.

999
00:40:51,850 --> 00:40:52,850
Não preciso reinventar a roda.

1000
00:40:52,850 --> 00:40:55,595
O problema da Inteligência 
Artificial, o meu medo,

1001
00:40:55,595 --> 00:40:58,470
é que ela comece 
a encaixotar demais as pessoas,

1002
00:40:58,470 --> 00:41:00,537
que as pessoas fiquem 
muito confortáveis.

1003
00:41:00,537 --> 00:41:02,500
Porque criar dá trabalho, hein?

1004
00:41:02,500 --> 00:41:05,162
Então eu vou ficar muito encaixotado
aqui na Inteligência Artificial,

1005
00:41:05,162 --> 00:41:07,038
vou lá, faço o prompt, 
ele vai criar,

1006
00:41:07,038 --> 00:41:08,098
e para o mercado está bom.

1007
00:41:08,098 --> 00:41:08,881
Não é assim.

1008
00:41:08,881 --> 00:41:10,501
Esse é um bom ponto.

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

1010
00:41:14,271 --> 00:41:16,077
Passou super-rápido!

1011
00:41:16,077 --> 00:41:17,397
- Meu Deus! Já?
- Voa!

1012
00:41:17,397 --> 00:41:19,215
A gente não pode ficar 
mais três horas aqui?

1013
00:41:20,330 --> 00:41:23,116
O papo está bom, e eu tenho 
certeza que o pessoal de casa

1014
00:41:23,116 --> 00:41:25,316
continuaria escutando a gente.

1015
00:41:25,316 --> 00:41:27,284
Mas estamos chegando ao fim.

1016
00:41:27,284 --> 00:41:29,642
E, para finalizar,
a gente vai fazer aqui

1017
00:41:29,642 --> 00:41:31,405
um exercício de futurismo.

1018
00:41:32,289 --> 00:41:34,150
Depois da Inteligência Artificial,

1019
00:41:34,150 --> 00:41:37,814
quais são outras tendências
que vocês imaginam

1020
00:41:37,814 --> 00:41:39,964
para essa área de Motion Design?

1021
00:41:39,964 --> 00:41:41,933
O que vem pela frente, Eder?

1022
00:41:41,933 --> 00:41:43,751
Caramba, cara!

1023
00:41:45,269 --> 00:41:48,116
Eu acho que o fortalecimento 
das IAs mesmo.

1024
00:41:49,159 --> 00:41:50,829
Porque, assim...

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

1026
00:41:55,112 --> 00:41:57,077
e ela está só no começo,

1027
00:41:57,077 --> 00:42:00,217
então ela está mudando 
alguns paradigmas.

1028
00:42:00,217 --> 00:42:03,070
Eu acho que a gente ainda 
tem muito para explorar.

1029
00:42:04,021 --> 00:42:06,005
E dentro do que a gente 
pensa por IA,

1030
00:42:06,005 --> 00:42:07,825
muita coisa pode aparecer.

1031
00:42:07,825 --> 00:42:09,960
Integrações, superagentes...

1032
00:42:09,960 --> 00:42:13,430
Então, para mim, isso cria
uma cortina de fumaça.

1033
00:42:13,430 --> 00:42:17,234
Eu acho que está muito aberto
e tem muita coisa nova para surgir.

1034
00:42:17,234 --> 00:42:18,807
Eu acho isso muito bacana.

1035
00:42:20,070 --> 00:42:22,728
Então eu acredito nisso,
muitas integrações...

1036
00:42:25,101 --> 00:42:28,879
E a IA conseguindo 
transformar funcionalidades

1037
00:42:28,879 --> 00:42:31,227
que às vezes 
a gente fazia na unha,

1038
00:42:31,227 --> 00:42:33,032
melhorando processos...

1039
00:42:33,032 --> 00:42:35,337
Converter o código, que já 
está fazendo isso hoje.

1040
00:42:36,739 --> 00:42:38,994
Eu acredito que vai por aí.

1041
00:42:38,994 --> 00:42:42,179
Isso pensando 
num futuro próximo.

1042
00:42:43,160 --> 00:42:45,165
Mas um futuro distante,

1043
00:42:45,165 --> 00:42:48,560
eu não conseguiria prever,

1044
00:42:48,560 --> 00:42:50,200
ou tentar prever.

1045
00:42:50,200 --> 00:42:51,664
Infelizmente, 
eu não tenho esse...

1046
00:42:54,190 --> 00:42:56,213
Essa qualidade de Mãe Dinah.

1047
00:43:00,752 --> 00:43:02,182
Eu acho que IA,

1048
00:43:02,182 --> 00:43:04,442
eu acho que a IA vai dar 
muito o que falar ainda.

1049
00:43:04,442 --> 00:43:05,282
E já está dando, né?

1050
00:43:05,282 --> 00:43:08,018
Pouco tempo atrás,
teve o DeepSeek aí

1051
00:43:08,018 --> 00:43:10,854
causando um fervor no mercado.

1052
00:43:10,854 --> 00:43:12,089
Que tem a ver 
muito com inovação.

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

1054
00:43:14,491 --> 00:43:15,787
Mas com certeza.

1055
00:43:15,787 --> 00:43:19,732
Eu acho que a IA 
vai se aprofundar

1056
00:43:19,732 --> 00:43:22,059
e a gente vai descobrir muitas 
coisas bacanas ainda com IA.

1057
00:43:22,059 --> 00:43:22,682
Boa!

1058
00:43:22,682 --> 00:43:24,466
E, na sua opinião, César?

1059
00:43:25,936 --> 00:43:28,272
Eu vou me contrariar só para dar 
um outro ponto de vista.

1060
00:43:28,272 --> 00:43:29,440
Então vamos lá!

1061
00:43:29,440 --> 00:43:32,608
Eu acho que, em história...

1062
00:43:32,608 --> 00:43:33,728
Um dos meus negócios é...

1063
00:43:33,728 --> 00:43:35,288
Eu estava fazendo 
faculdade de história.

1064
00:43:35,288 --> 00:43:36,241
Tive que dar uma pausa.

1065
00:43:36,241 --> 00:43:37,561
Mas, assim, em história

1066
00:43:37,561 --> 00:43:39,876
tem uma coisa que a gente 
chama de filosofia da história,

1067
00:43:39,876 --> 00:43:41,685
que é uma tendência...

1068
00:43:41,685 --> 00:43:43,443
As pessoas tendem 
a achar que isso existe,

1069
00:43:43,443 --> 00:43:44,596
que a história se repete.

1070
00:43:44,596 --> 00:43:46,256
Não, tá?

1071
00:43:46,256 --> 00:43:48,263
Cada momento histórico
tem um contexto.

1072
00:43:48,263 --> 00:43:48,988
Mas...

1073
00:43:48,988 --> 00:43:50,628
Agora eu vou me contrariar.

1074
00:43:50,628 --> 00:43:52,321
Eu acho que, se você 
parar para ver...

1075
00:43:52,321 --> 00:43:54,431
Eu conheço algumas produtoras,

1076
00:43:54,431 --> 00:43:57,868
inclusive uns designers freelas,

1077
00:43:57,868 --> 00:44:00,815
que eles prestam serviço
para algum cliente,

1078
00:44:00,815 --> 00:44:02,707
e o cliente faz 
questão de enfatizar

1079
00:44:02,707 --> 00:44:05,020
que toda aquela campanha 
foi feita com IA

1080
00:44:05,020 --> 00:44:07,291
mesmo que não tenha sido, tá?

1081
00:44:07,291 --> 00:44:09,057
Teve um desenvolvedor.

1082
00:44:09,057 --> 00:44:10,247
É só bater o carimbo...

1083
00:44:10,247 --> 00:44:12,761
- "Olha como somos inovadores" e tal.
- "Usamos IA."

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

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

1086
00:44:16,220 --> 00:44:19,590
Porque, assim, a gente teve 
a serialização de produtos,

1087
00:44:19,590 --> 00:44:21,959
de qualquer coisa, copos, canecas.

1088
00:44:21,959 --> 00:44:23,519
Então são produzidas em série,

1089
00:44:23,519 --> 00:44:25,529
e que facilita 
que muita gente tenha.

1090
00:44:25,529 --> 00:44:29,033
E isso é um efeito bom porque facilita
que todo mundo tenha, é mais barato.

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

1092
00:44:30,501 --> 00:44:32,087
Isso cria um efeito contrário,

1093
00:44:32,087 --> 00:44:34,571
que nasce principalmente 
com Morris e com Ruskin,

1094
00:44:34,571 --> 00:44:37,441
que eram defensores
de uma cultura do artesanal,

1095
00:44:37,441 --> 00:44:39,677
e que você tem público 
para isso até hoje.

1096
00:44:39,677 --> 00:44:40,989
Você pode perceber, 
de repente...

1097
00:44:40,989 --> 00:44:44,993
"Ah, por que essa caneca 
aqui custa 500 reais

1098
00:44:44,993 --> 00:44:48,147
sendo que eu posso comprar 
uma caneca igualzinha em qualquer lugar

1099
00:44:48,147 --> 00:44:50,121
que custa 15, 10 reais?".

1100
00:44:50,121 --> 00:44:51,221
- Porque ela é única.
- Porque ela é única...

1101
00:44:51,221 --> 00:44:53,487
Ela foi feita à mão, 
que é o mais ou menos...

1102
00:44:54,992 --> 00:44:57,293
Aquele carro inglês 
que é feito inteiro à mão.

1103
00:44:57,293 --> 00:44:59,463
Ele é costurado à mão, 
ele é pintado à mão.

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

1105
00:45:02,499 --> 00:45:06,103
vai ter uma certa tendência 
de algumas empresas

1106
00:45:06,103 --> 00:45:10,298
colocarem o selo feito 
manualmente, para fugir....

1107
00:45:10,298 --> 00:45:11,141
Handmade...

1108
00:45:11,141 --> 00:45:11,955
- Valorização.
- Isso aqui não é...

1109
00:45:11,955 --> 00:45:12,930
De Inteligência Artificial não.

1110
00:45:12,930 --> 00:45:15,245
- Isso aqui foi...
- E faz todo sentido, né?

1111
00:45:15,245 --> 00:45:17,911
- Mesmo que você esteja se contrariando.
- Eu estou me contrariando, tá?

1112
00:45:17,911 --> 00:45:20,558
É um ciclo da história, tá,

1113
00:45:20,558 --> 00:45:22,854
mas é uma tendência possível,

1114
00:45:22,854 --> 00:45:23,854
da pessoa virar e falar:

1115
00:45:23,854 --> 00:45:25,875
"Não, o nosso trabalho,
a nossa campanha,

1116
00:45:25,875 --> 00:45:27,424
foi feita por pessoas.

1117
00:45:27,424 --> 00:45:29,508
Teve ali um roteirista 
consagrado,

1118
00:45:29,508 --> 00:45:31,538
teve ali um designer consagrado,

1119
00:45:31,538 --> 00:45:32,898
um programador consagrado.

1120
00:45:32,898 --> 00:45:33,729
Então, pessoas.

1121
00:45:33,729 --> 00:45:35,699
É um trabalho 
muito mais humano.

1122
00:45:35,699 --> 00:45:37,722
Talvez não dure tanto,
mas eu tenho certeza...

1123
00:45:37,722 --> 00:45:40,082
Certeza não, eu acho 
que isso é uma tendência

1124
00:45:40,082 --> 00:45:41,705
a aparecer no médio prazo.

1125
00:45:41,705 --> 00:45:44,438
À curto prazo, eu acho 
que vai ser essa febre, IA...

1126
00:45:44,438 --> 00:45:46,777
No fundo, as tendências
estão sempre em movimento.

1127
00:45:46,777 --> 00:45:48,052
- Elas vão e voltam, né?
- Sim...

1128
00:45:48,052 --> 00:45:50,099
E de maneira contraditória.

1129
00:45:50,099 --> 00:45:51,792
A gente está falando disso,

1130
00:45:51,792 --> 00:45:53,150
e hoje eu falei que é verdade,

1131
00:45:53,150 --> 00:45:55,052
porque eu estava vendo 
sobre isso, sobre vídeos.

1132
00:45:55,052 --> 00:45:56,854
As pessoas estão mais
procurando vídeos

1133
00:45:56,854 --> 00:45:58,064
onde elas enxergam a verdade,

1134
00:45:58,064 --> 00:46:00,445
do que um vídeo 
totalmente editado,

1135
00:46:00,445 --> 00:46:02,163
aquela coisa toda.

1136
00:46:02,163 --> 00:46:05,429
Isso era uma tendência 
no começo do YouTube, né?

1137
00:46:05,429 --> 00:46:06,723
Ele nasce dessa maneira.

1138
00:46:06,723 --> 00:46:09,209
Aí depois se exigiu
uma qualificação...

1139
00:46:09,209 --> 00:46:10,632
Megas produções.

1140
00:46:10,632 --> 00:46:12,202
E agora está retornando.

1141
00:46:12,202 --> 00:46:14,372
Está em movimento.

1142
00:46:14,372 --> 00:46:15,216
O mundo é cíclico, né...

1143
00:46:15,216 --> 00:46:17,518
- Moda, design.
- São contradições, dinâmicas...

1144
00:46:17,518 --> 00:46:18,488
São dialéticas, né?

1145
00:46:18,488 --> 00:46:20,278
Se vem um, 
tem que vir o outro...

1146
00:46:20,278 --> 00:46:21,278
Normalmente é uma tendência.

1147
00:46:21,278 --> 00:46:24,151
É por isso que cria a ilusão
de que a história é cíclica.

1148
00:46:24,151 --> 00:46:25,042
Mas é uma questão de...

1149
00:46:26,774 --> 00:46:29,553
De certa forma, é previsível,
de certa forma.

1150
00:46:29,553 --> 00:46:30,563
Que loucura!

1151
00:46:30,563 --> 00:46:33,824
Falamos de tecnologia,
falamos de Inteligência Artificial,

1152
00:46:33,824 --> 00:46:36,044
design, história, filosofia.

1153
00:46:36,044 --> 00:46:37,411
Rendeu muito.

1154
00:46:37,411 --> 00:46:41,231
Muito mais que um podcast,
uma verdadeira aula.

1155
00:46:41,231 --> 00:46:43,372
E eu quero me despedir de vocês.

1156
00:46:43,372 --> 00:46:45,443
Muito obrigado, Eder!

1157
00:46:45,443 --> 00:46:46,637
Eu que agradeço,
pelo amor de Deus!

1158
00:46:46,637 --> 00:46:48,472
É uma honra para mim estar aqui,

1159
00:46:48,472 --> 00:46:50,641
nesse videocast da FIAP,
que é maravilhoso.

1160
00:46:50,641 --> 00:46:52,336
Já assisti vários.

1161
00:46:52,336 --> 00:46:56,246
Estar com você,
que é uma figura conhecida

1162
00:46:56,246 --> 00:46:58,059
na área de tecnologia brasileira,

1163
00:46:58,059 --> 00:46:59,493
quem sabe até global.

1164
00:46:59,493 --> 00:47:00,377
Aí eu não sei.

1165
00:47:00,377 --> 00:47:02,227
Mas eu conheço você daqui.

1166
00:47:02,227 --> 00:47:03,691
E ter conhecido o César,

1167
00:47:03,691 --> 00:47:06,191
um cara sensacional, fantástico.

1168
00:47:06,191 --> 00:47:08,841
O que eu posso dizer 
sobre Motion Design

1169
00:47:08,841 --> 00:47:12,090
é que as pessoas
que têm vontade de fazer,

1170
00:47:12,090 --> 00:47:15,172
vão à fundo, 
porque Motion Design

1171
00:47:15,172 --> 00:47:17,718
é você dar movimento 
a uma ideia...

1172
00:47:19,770 --> 00:47:21,405
É você criar algo

1173
00:47:21,405 --> 00:47:25,375
que vai ter vida de alguma
forma, entendeu?

1174
00:47:25,375 --> 00:47:28,990
Então, nada mais 
prazeroso e satisfatório

1175
00:47:28,990 --> 00:47:32,816
que você finalizar um projeto 
de Motion Design

1176
00:47:32,816 --> 00:47:36,653
e você ver aquele projeto
em movimento.

1177
00:47:36,653 --> 00:47:39,138
Então, vão e façam.

1178
00:47:39,138 --> 00:47:40,858
Eu sou suspeito

1179
00:47:40,858 --> 00:47:43,827
porque eu defendo com unhas 
e dentes a minha profissão,

1180
00:47:43,827 --> 00:47:46,978
mas vale a pena demais,
vale a pena mesmo.

1181
00:47:46,978 --> 00:47:48,999
César, foi um prazer enorme

1182
00:47:48,999 --> 00:47:51,602
contar com você aqui
nesse nosso podcast.

1183
00:47:51,602 --> 00:47:55,588
Eu que agradeço, e muito 
obrigado aos dois pela aula,

1184
00:47:55,588 --> 00:47:57,048
o pessoal da produção inclusive,

1185
00:47:57,048 --> 00:47:59,477
por toda a delicadeza,
toda a gentileza.

1186
00:47:59,477 --> 00:48:00,477
Podcast
é muito bacana.

1187
00:48:00,477 --> 00:48:03,085
Parabéns para a FIAP por todo 
investimento que faz,

1188
00:48:03,085 --> 00:48:05,148
infraestrutura, em conteúdo.

1189
00:48:05,148 --> 00:48:06,459
Satisfação enorme estar aqui.

1190
00:48:06,459 --> 00:48:09,215
E Motion Design é 
emoção e eficiência.

1191
00:48:09,215 --> 00:48:10,654
Agradeço novamente vocês.

1192
00:48:10,654 --> 00:48:13,821
Agradeço a você, que ficou 
até agora aqui com a gente

1193
00:48:13,821 --> 00:48:16,560
assistindo ou ouvindo 
esse podcast.

1194
00:48:16,560 --> 00:48:19,811
E você aprendeu 
que o papel do Motion Design

1195
00:48:19,811 --> 00:48:22,399
vai muito além de estética.

1196
00:48:22,399 --> 00:48:25,802
Estamos falando aqui 
de fluidez, dinamismo,

1197
00:48:25,802 --> 00:48:28,572
uma melhor 
experiência do usuário.

1198
00:48:28,572 --> 00:48:30,874
Parece clichê, mas não é.

1199
00:48:30,874 --> 00:48:33,049
Nós estamos a um toque

1200
00:48:33,049 --> 00:48:35,679
de tudo isso 
se tornar realidade.

1201
00:48:35,679 --> 00:48:37,681
Um grande abraço 
e até a próxima!