Latest / Entre Chaves / O que realmente muda quando se adota o Liquid Glass

Transcript

O que realmente muda quando se adota o Liquid Glass · Entre Chaves

• 0:02
  Tem gente que gosta, tem gente que não gosta, mas no final de
• 0:04
  tudo, a Apple fez isso pensando no usuário.
• 0:07
  Então fazer esse estudo foi bem bacana, que a gente vai
• 0:09
  discutindo aí, né? Ao longo do do podcast.
• 0:11
  Mas eu também estou curiosa para ver ao ponto de vista do Leo
• 0:14
  sobre isso. É, não, eu trago, é só
• 0:16
  complementando aí, mas é acho que os pontos principais que o
• 0:20
  que o link trouxe, né? Esse novo design system é a
• 0:23
  parte de fluidez, transparência. É relação e interação com
• 0:27
  conteúdo, então você você vai ver que os elementos é com esse
• 0:32
  efeito de Glass, eles sempre interagem com o conteúdo atrás,
• 0:34
  né? Então a forma como você projeta
• 0:36
  uma fite e faz um design e uma fit, ela tem que ser um pouco
• 0:40
  pensado, um pouquinho diferente, visando que você tenha camada de
• 0:42
  conteúdo. E por cima tem a camada de
• 0:45
  interação, que é onde é aplicado o efeito de Glass, né?
• 0:47
  Nunca na camada de conteúdo. E outra palavrinha que a Apple
• 0:50
  usa bastante também é concentricity, que é
• 0:53
  concentricidade, né? Dos elementos.
• 0:55
  Então que é basicamente o alinhamento dos cantos nas é nos
• 0:59
  elementos filhos e aninhadas. Então você vai ver, por exemplo,
• 1:03
  da NRK Island, que é aquela novidade nos iPhones mais novos,
• 1:07
  aquela partezinha preta ali onde interage com OPCID, por exemplo,
• 1:10
  com live actions. Ele tem o mesmo radioes do
• 1:13
  iPhone físico. Então essa parte concentricidade
• 1:16
  e alinhamento visual dos leveds é uma palavra muito usada pela
• 1:20
  Apple na fundamentação desse novo design system.
• 1:23
  Então eu acho que esses 2. São os princípios fundamentais,
• 1:26
  né? Fluidez e a concentricidade?
• 1:28
  Coisa que você falou que eu achei legal que eles.
• 1:30
  Eles trazem 2 camadas, ele tem uma camada de conteúdo e uma
• 1:32
  quase uma camada por cima, quase um visão 3D da da tela, né?
• 1:37
  Pra você aproveitar melhor o espaço.
• 1:39
  É e é exatamente isso, é o líquido de gás.
• 1:41
  Ele é fake em cima do metal, né, que é o firmworking da época,
• 1:45
  construído por por eles, né? De GPU de processamento.
• 1:48
  Então ali é onde eles queriam as sombras, os blurs, as múltiplas
• 1:51
  camadas de Blur, né? A fase e a transparência.
• 1:53
  Você vai ver que ele sempre interage com o conteúdo atrás.
• 1:56
  Então, se o conteúdo ele está escuro, essa camada de Glass é
• 1:59
  reflete isso, entendeu? Você tem um texto ali, é
• 2:02
  literalmente um vidro que ele fica por símbolo, né?
• 2:05
  Então você vê esse efeito na prática conforme você vai se
• 2:07
  corolando ou você tem essa transposição de elementos ali,
• 2:12
  então é bem interessante. É, eu quero até ver como que foi
• 2:14
  nesse esse projeto de vocês, quando com esse cliente nosso
• 2:17
  pra fazer essa migração, ou porque AA minha experiência no
• 2:20
  Congresso até agora não foi tão positiva.
• 2:22
  Né, porque e olha, eu estou com um iPhone 17, né?
• 2:25
  E assim fiz alguns experimentos com ele, até é, é quando eu vejo
• 2:29
  divulgação dele e coloca o até assim ela fica um transparente,
• 2:33
  mas meio azulado e eu senti que perdeu performance OOO iPhone,
• 2:37
  sabe? Às vezes, quando você vai de uma
• 2:39
  página de ícones para outra, às vezes demorava uma questão um
• 2:41
  pouquinho para carregar, é na hora de não ficou tão assim,
• 2:44
  quando quando eu falo da interface fluida, a primeira
• 2:46
  coisa que eu pensei foi, fluida para quem?
• 2:48
  Porque assim, o personal pra mim não tá nada fluido.
• 2:51
  Sabe porque assim comparando, quando você tira o Liquid quer e
• 2:54
  colora, eu senti uma diferença e olha, e eu tô no iPhone 17,
• 2:57
  então imaginando é, é o iPhone 11 ainda tá recebendo
• 3:00
  autorização iOS? Então se no iPhone 17 eu senti
• 3:04
  essa diferença, imagino quem tá no 12, no 11 e aí isso me
• 3:07
  instiga a curiosidade pra saber é, é, né?
• 3:10
  O que levou esse cliente nosso a querer usar o Liquid quer?
• 3:13
  E qual foi o resultado que vocês tiveram com isso, né?
• 3:16
  Como que foi esse processo? Para falar a verdade, no começo
• 3:19
  o cliente ficou um pouco receoso com isso, sabe?
• 3:21
  É o nosso cliente. Ele sempre quis tudo do mesmo
• 3:24
  jeito, tanto para o Android quanto para OIOS.
• 3:26
  Então ele queria que fosse a mesma coisa, né?
• 3:28
  Para ambos, assim. Então, pensar em componentes
• 3:31
  nativos, como por exemplo os componentes do líquid Glass, foi
• 3:33
  uma coisa assim que no primeiro momento, como a gente não tinha
• 3:36
  é a gente tem os componentes nativos, só que por exemplo, é
• 3:39
  um componente a tabibar, nossa tabibar, ela era feita a mão
• 3:43
  pelos deves, né? Então assim, foi um trabalho que
• 3:45
  a gente teve ali para poder mudar a cabeça do cliente.
• 3:48
  A gente teve sempre reuniões ali com frequência para poder
• 3:50
  mostrar para o cliente uma reunião de design, né, que os
• 3:53
  desenvolvedores também participam, mas que é focado nos
• 3:55
  designers apresentarem. Então quando eu peguei essa
• 3:58
  demanda, eu estava. Estou sempre apresentando ali
• 4:00
  alguns componentes, né, pro cliente, pra que ele olhasse
• 4:03
  como que estava ficando, e aí com isso eles conseguiam dar
• 4:05
  feedbacks, né? Falar ali o que que eles estavam
• 4:08
  gostando, o que que eles não estavam gostando.
• 4:10
  E foi isso que fez com que a gente conseguisse ganhar uma
• 4:12
  proximidade maior pra gente pensar, Ah, tá bom, a gente vai
• 4:15
  ter que fazer dessa forma, então é, vamos, vamos mostrar aqui
• 4:19
  para o cliente, né, o que que a gente tá fazendo?
• 4:21
  E foi desse jeito que a gente começou, sabe?
• 4:23
  Mas. É do meu lado, foi.
• 4:25
  Foi essa percepção que eu tive, mesmo assim, de que foi
• 4:28
  realmente um ganho de confiança que a gente teve por parte do
• 4:30
  cliente ao longo do tempo, né? Não sei se o Léo tem alguma
• 4:33
  alguma outra visão também para dar, mas essa foi a minha visão,
• 4:35
  sabe? Não, eu vou dividir a minha
• 4:36
  resposta. Tem 2.
• 4:37
  Tem 2 partes assim, né? Primeiro, falando sobre a
• 4:40
  performance, não. E realmente tem sido uma tônica
• 4:42
  nas últimas versões do iOS. As primeiras os primeiros
• 4:46
  releases terem algum problema na performance, sabe?
• 4:49
  Então você vê, por exemplo, no horércio 18 é foi lançada a
• 4:52
  primeira versão com alguns bugs. No horércio 26 também a mesma
• 4:55
  coisa, travamentos é o uso excessivo de bateria, porém
• 4:59
  esses benchmarks melhoraram então nas últimas versões aí
• 5:02
  262263. Tem tido uma melhora, então
• 5:07
  assim eu vejo, eu vejo essa tônica acontecendo aí nas
• 5:10
  últimas versões, na nas últimas major releases, né, do do iOS
• 5:13
  801718, agora 26, também a segunda parte da pergunta, né,
• 5:17
  que foi em relação à adoção, né, do do cliente, porque adotar?
• 5:22
  Mas assim, hoje no nosso, no nosso app, é a gente tem é
• 5:26
  muitos componentes que a gente usa do sistema como base.
• 5:30
  E faz algumas customizações do ensino em termos de
• 5:32
  desenvolvimento. Falando então vou pegar o
• 5:34
  exemplo do tali bar. A gente usa a tali bar, que é a
• 5:36
  Barrinha. Embaixo, usa na ativa do
• 5:38
  sistema, porém forçando algumas utilizações no corda.
• 5:41
  Aquele componente, quando a gente pegou para testar o app
• 5:45
  com OI S26 no na versão nas versões betas, estava
• 5:50
  completamente quebrado pelo force excessivo de
• 5:52
  customizações. Ensino da tali bar, então,
• 5:54
  espírito de cara a interação. Do Liquid ingless com os
• 5:57
  conteúdos. Quando a gente começou essa,
• 6:00
  essa discussão, essa conversa com o cliente sobre a
• 6:03
  necessidade de da migração da adaptação, na verdade, não é nem
• 6:07
  a migração, mas sim adaptação é. A gente trouxe alguns pontos e
• 6:10
  um deles foi sempre forçando na questão da vantagem competitiva
• 6:14
  também. Então é sempre importante quando
• 6:15
  você tem um app, você ter atualizado e fornecer pros
• 6:18
  usuários aquilo que eles estão acostumados.
• 6:20
  E quem está no liquidglass está acostumado com liquidglass no
• 6:23
  dia a dia. Entendeu?
• 6:24
  Então, quanto mais cedo a gente adota, melhor é para o app e
• 6:28
  para o peso.