Latest / Entre Chaves / Entre Cases #24 Liquid Glass: estratégias para desenvolvimento iOS

Transcript

Entre Cases #24 Liquid Glass: estratégias para desenvolvimento iOS · Entre Chaves

0:02
Está começando mais um entre chaves, o seu podcast de
0:05
desenvolvimento de software. Eu sou Dudu, estou aqui hoje com
0:08
o Luiz. Muito prazer.
0:09
Beleza, guerra. E hoje a gente vai abordar um
0:11
assunto interessante, a gente vai olhar uma migração, um case
0:16
que a gente tem aqui de evolução a partir dessa dessa nova onda
0:21
que tem surgido de design, né? AA Apple, ela agora ela mudou a
0:24
interface dela é recentemente, né?
0:27
Trouxe Oo Liquid Glass. Né?
0:29
Uma revolução que ela prometeu no conceito de desenvolvimento
0:33
de interfaces pro pra dispositivos móveis, né?
0:35
Uma alteração que ela não fazia desde que ela abandonou o
0:38
esquiumorfismo, lá em 2013. Alguma coisa assim, né?
0:41
E aí, agora a gente está aqui com a thaíssa.
0:43
Prazer, gente, é meu nome é thaíssa.
0:46
Eu sou próprio de designer aqui na DTI desde 2024.
0:49
Passei por várias coisas aqui, né?
0:50
Várias funcionalidades que a gente trouxe aqui pro cliente,
0:53
mas eu considero que essa do líquid Glass foi realmente
0:55
assim, uma. É das grandes.
0:57
Sabe uma coisa assim que que mudou até minha forma de pensar,
1:00
você citou o esqui, eu morfismo e eu penso assim, caramba, né,
1:04
como que as coisas vão mudando? Porque o esqui eu morfismo, era
1:07
uma coisa muito comum antigamente, né?
1:09
E agora a gente tem, a gente já teve o flash design, a gente
1:12
também agora tá tendo o link de Glass.
1:13
Eu fico pensando lá na frente também como que vai ser, né,
1:16
dessas mudanças. Todas.
1:18
É muita coisa, mas é um assunto muito interessante, então eu
1:21
estou bem animada para poder comentar sobre sobre o assunto.
1:25
Legal boa? A gente fala bastante dessa
1:27
parte de design aí que você que você conhece bem.
1:29
E também temos o Léo aqui, né? Tudo bom, Léo?
1:31
OPA, beleza. Estou aqui Na Na tti faz uns 3
1:34
anos e alguns meses. É sempre trabalhando no mesmo
1:38
cliente pela primeira vez aqui no podcast com vocês e ansioso
1:41
aí pelo esse bate-papo? É legal.
1:43
É bom que tem uma visão do de um desenvolvedor, né, cara?
1:47
Igual eu acho que ser desenvolvedor iOS.
1:49
E uma visão de um designer aqui pra gente poder entender quais
1:52
são os desafios, né, que esse líquido igless trouxe, porque
1:55
não é só, aparentemente não é só uma interface nova, umas
1:57
caixinhas novas, é uma forma diferente de pensar, né, o
2:00
desenho da sua tela, das suas funcionalidades, né, digamos
2:03
assim, né? Que o Liquid igless, ele tem
2:05
alguns, alguns conceitos, né? Ele, ele é baseado muito na
2:08
fluidez, na adaptabilidade e na contextualidade, né?
2:11
É, vocês querem algo de vocês, querem dar um pequeno introdução
2:15
pra gente do que que são essas esses conceitos que o Liquid
2:17
igless traz? O que que ele?
2:19
O que que ele implica? Eu acho até interessante
2:21
justamente pegar os 2, os 2 pontos de vista, né?
2:24
Do ponto de design, né? OA design falar quais são os
2:28
conceitos do líquido e o Léo já trazer quais são os conceitos do
2:32
ponto de vista de um desenvolvedor, né?
2:33
O que que muda? Do ponto de vista de design, a
2:36
Apple sempre foi uma empresa assim.
2:37
AA empresa que definiu o que que daqui pra frente a ser
2:41
utilizado, né? É, e assim acaba sendo.
2:44
Uma tendência, apesar de que a gente sabe que não é só uma
2:46
tendência, né? A gente sabe também que são
2:48
princípios ali, são estudos, né, que a que a Apple sempre faz pra
2:51
poder entender o que que vai ser melhor pro usuário.
2:54
Então a Apple é é uma empresa que ela está sempre pensando o
2:57
que que vai ser melhor pra esse usuário?
2:59
Mas então, né, realmente não é só estética, é uma coisa mesmo,
3:02
totalmente pensada, estudos que a Apple ali sempre fez pra ver o
3:05
que que era melhor pro usuário. E assim tem as controvérsias,
3:09
né? Claro, é, tem gente que gosta,
3:11
tem gente que não gosta, mas no final de tudo, a Apple fez isso
3:13
pensando no usuário. Então, fazer esse estudo foi bem
3:16
bacana que a gente vai discutindo aí, né?
3:17
Ao longo do do podcast. Mas eu também estou curiosa para
3:20
ver ao ponto de vista do Leo sobre isso.
3:22
É, não, eu trago, é só complementando aí, mas é acho
3:27
que os pontos principais que o que o lincon diguess trouxe, né?
3:29
Esse novo design system é a parte de fluidez, transparência.
3:34
É relação e interação com o conteúdo, então você você vai
3:37
ver que os elementos é com esse efeito de Glass, eles sempre
3:40
interagem com o conteúdo atrás, né?
3:43
Então a forma como você projeta uma la fit e faz o design, o la
3:46
fit, ela tem que ser um pouco pensado, um pouquinho diferente,
3:49
visando que você tem a camada de conteúdo e por cima tem a camada
3:52
de integração, que é onde é aplicado o efeito de Glass, né?
3:55
Nunca na camada de conteúdo. E outra palavrinha que a Apple
3:58
usa bastante também é concentricity, que é
4:01
concentricidade, né? Dos elementos.
4:03
Então que é basicamente o alinhamento dos cantos nas é nos
4:07
elementos filhos e aninhadas. Então você vai ver, por exemplo,
4:10
da NRK Island, que é aquela novidade nos iPhones mais novos,
4:14
aquela partezinha preta ali onde interage com OPCID, por exemplo,
4:18
com live actions. Ele tem o mesmo radios do iPhone
4:21
físico. Então essa parte concentricidade
4:24
e alinhamento visual dos learmads é uma palavra muito
4:27
usada pela Apple na fundamentação desse novo design
4:30
system. Então eu acho que esses 2.
4:32
São os princípios fundamentais, né?
4:34
Fluidez é e a concentricidade? Coisa que você falou que eu
4:37
achei legal que eles. Eles trazem 2 camadas e tem uma
4:41
camada de conteúdo e uma quase uma camada por cima, quase 11
4:44
visão 3D da da tela, né, pra você aproveitar melhor o espaço.
4:48
É e é exatamente isso, é o líquido de gás.
4:50
Ele é fake em cima do metal, né, que é o firmwork da época,
4:54
construído por por eles, né? De GPU de processamento.
4:57
Então ali é onde eles queriam as sombras, os blurs, as múltiplas
5:00
camadas de Blur, né? A fase e a transparência.
5:02
Você vai ver que ele sempre interage com o conteúdo atrás.
5:05
Então se o conteúdo ele está escuro, é essa camada de Glass,
5:09
é reflete isso, entendeu? Você tem um texto ali, é
5:12
literalmente um vidro que ele fica por single.
5:14
Então você vê esse efeito na prática conforme você vai se
5:17
corolando ou você tem essa transposição de elementos ali,
5:22
então é bem interessante. É, eu quero até ver como que foi
5:24
nesse esse projeto de vocês, quando com esse cliente nosso
5:27
pra fazer essa migração, porque AA minha experiência Congresso
5:30
até agora não foi tão positiva. Né, porque e olha, eu estou com
5:34
um iPhone 17, né? E assim fiz alguns experimentos
5:37
com ele, até é, é quando eu vejo divulgação dele e coloca o até
5:41
assim ela ficou transparente, mas meio azulado, e eu senti que
5:45
perdeu performance OOO iPhone, sabe?
5:47
Às vezes, quando você vai de uma página de ícones para outra, às
5:50
vezes demorava uma questão um pouquinho para carregar, é na
5:53
hora de não ficou tão assim, quando quando eu falo do
5:55
interface fluida, a primeira coisa que eu pensei foi, fluida
5:57
para quem? Porque assim o pessoal é pra mim
6:00
não tá nada fluido. Sabe porque assim comparando,
6:02
quando você tira o Liquid quer e colora, eu senti uma diferença e
6:05
olha, e eu estou no iPhone 17. Então imaginando é, é, o iPhone
6:09
11 ainda está recebendo autorização iOS, então, se no
6:12
iPhone 17 eu senti essa diferença, imagino quem está no.
6:15
12. Antigos.
6:16
E aí isso me instiga. Curiosidade pra saber é, é, né?
6:20
O que levou esse cliente nosso a querer usar o Liquid?
6:22
Quer? E qual foi o resultado que vocês
6:25
tiveram com isso, né? Como que foi esse processo?
6:27
Pra falar a verdade, no começo o cliente ficou um pouco receoso
6:30
com isso, sabe? É o nosso cliente, ele sempre
6:32
quis tudo do mesmo jeito, tanto pro Android quanto pro iOS,
6:36
então ele queria que fosse a mesma coisa, né?
6:37
Pra ambos assim. Então pensar em componentes
6:40
nativos, como por exemplo, os componentes do link de Glass,
6:43
foi uma coisa assim que num primeiro momento como a gente
6:45
não tinha, é a gente tem os componentes nativos, só que por
6:48
exemplo. É um componente a tabiba, nossa
6:51
tabibach. Ela era feita a mão pelos deves,
6:53
né? Então assim, foi um trabalhinho
6:55
que a gente teve ali pra poder mudar a cabeça do cliente.
6:58
A gente teve sempre reuniões ali com frequência pra poder mostrar
7:00
pro cliente uma reunião de design, né, que os
7:03
desenvolvedores também participam, mas que é focado nos
7:05
designers apresentarem. Então quando eu peguei essa
7:08
demanda, eu estava sempre apresentando ali alguns
7:10
componentes, né, pro cliente. Pra que ele olhasse como que
7:13
estava ficando e aí com isso eles conseguiam dar feedbacks,
7:16
né? Falar ali o que que eles estavam
7:17
gostando, o que que eles não estavam gostando e que foi isso
7:20
que fez com que a gente conseguisse ganhar uma
7:22
proximidade maior pra gente pensar, Ah, tá bom, a gente vai
7:25
ter que fazer dessa forma. Então é, vamos vamos mostrar
7:29
aqui pro cliente, né, o que que a gente tá fazendo?
7:31
E foi desse jeito que a gente começou, sabe?
7:33
Mas. É do meu lado, foi.
7:35
Foi essa percepção que eu tive, mesmo assim, de que foi
7:38
realmente um ganho de confiança que a gente teve por parte do
7:40
cliente ao longo do tempo, né? Não sei se o Lau tem alguma
7:42
alguma outra visão também para dar, mas essa foi a minha visão,
7:45
sabe? Não, eu vou dividir a minha
7:46
resposta. Tem 2 né?
7:47
Em 2 partes assim, né? Primeiro, falando sobre a
7:50
performance, não. E realmente tem sido uma tônica
7:52
nas últimas versões do iOS, as primeiras os primeiros releases
7:57
terem algum problema na performance, sabe?
7:59
Então você vê, por exemplo, no IO S18.
8:01
Foi lançada a primeira versão com alguns bugs no IO S26 também
8:05
a mesma coisa, travamentos é o uso sensível de bateria, porém
8:09
esses benchmarks melhoraram, então nas últimas versões aí
8:12
262263 tem tido uma melhora, então assim eu vejo, eu vejo
8:18
essa tônica acontecendo aí nas últimas versões, na nas últimas
8:22
major releases, né? Do do iOS 801718, agora o 26.
8:25
Também a segunda parte da pergunta, né, que foi em relação
8:28
à adoção, né? Do.
8:30
Do cliente, porque adotar? Mas assim, hoje no nosso, no
8:33
nosso app é a gente tem é muitos componentes que a gente usa do
8:38
sistema como base e faz algumas customizações do ensino em
8:42
termos de desenvolvimento falando.
8:43
Então vou pegar o exemplo do talibar, a gente usa a talibar
8:46
que é a Barrinha, embaixo, usa na ativa do sistema, porém
8:49
forçando algumas utilizações. É na no quarto daquele
8:52
componente, quando a gente pegou para testar o app com OI S26.
8:58
No na versão nas versões betas, estava completamente quebrado
9:01
pelo force excessivo de customizações.
9:04
Ensino da Taiwan, então se prejudicava a interação do
9:07
líquido de Glass com os conteúdos.
9:09
Quando a gente começou essa, essa discussão, essa conversa
9:12
com o cliente sobre a necessidade de da migração, da
9:16
adaptação, na verdade não é nem a migração, mas sim a adaptação
9:19
é. A gente trouxe alguns pontos e
9:21
um deles foi sempre forçando na questão da vantagem, é é
9:24
competitiva. Também.
9:26
Então é sempre importante quando você tem um app, você ter
9:28
atualizado e fornecer pros usuários aquilo que eles estão
9:32
acostumados. E quem está no liquidglass está
9:34
acostumado com o liquidglass no dia a dia, entendeu?
9:36
Então, quanto mais cedo a gente adota, melhor.
9:38
É para o app e para a empresa, uma.
9:40
Coisa que eu tava até pensando, a Apple costuma ser muito
9:43
direcionadora nas coisas dela, então tipo assim, eu imaginei
9:46
que botando ela, colocando o liquidglass.
9:49
Todo mundo seria meio que obrigado a atualizar os
9:52
aplicações, as coisas todas. Tipo assim, não existe essa
9:55
possibilidade. Ah, não quero botar o Liquid
9:57
igless não vou, vou continuar do mais do mesmo jeito que eu tô.
10:00
Mas então, tipo assim, por enquanto não tem dessa
10:03
necessidade não. Ela tá deixando.
10:05
É não é que ele vai ser obrigado a ter.
10:07
Mas, por exemplo, hoje o que acontece é, vamos pegar o
10:11
exemplo dos apps nativos, todo apps nativo, ele pode, e a
10:15
maioria vai usar componentes fornecidos pelo sistema.
10:18
Então continuando no uso no exemplo da tabibar, então se
10:21
você usa o componente de tabibar fornecido pelo iOS, é ele pega o
10:25
estilo. O uso daquela versão do iOS,
10:28
então do iOS 18 ele tem uma estilização, o S26, ele tem
10:31
outra estilização, então isso é pela versão a partir do momento
10:35
que você compila seu app com a com o novo ex code, no caso ex
10:38
code 26, que a ideia era nossa, automaticamente ele vai aplicar
10:40
o estilo. Da da vbar para o os 26, a Apple
10:46
forneceu uma flag de compatibilidade e a gente pode
10:49
adicionar nos apps que dá essa essa retocompatibilidade força.
10:54
O iOS 26 é se comportar como o iOS 18 entre aspas assim, certo?
10:58
Então é como se ele carregasse uma folha de estilos do iOS 18.
11:02
Porém, essa flag eles anunciaram que pretendem descontinuar na
11:06
próxima major leas do ex code, que acontece em setembro.
11:09
E aí você fala, Ah, mas então eu não preciso atualizar o ex code?
11:12
Só que a Apple em abril, obriga a todo app ser feita com mais
11:16
novo ex code, então, ou seja, em abril, obrigatoriamente qualquer
11:20
lançamento novo tem que ser feito compilado no novo ex code.
11:24
No caso de apps nativos que usam componentes nativos, em
11:28
setembro, essa folha de estilos deu S26 vai ser carregada
11:32
automaticamente, entendeu? Pra esse caso, essa essa
11:36
atualização vai ser automática, entendeu?
11:38
Não vai ter muito o que fazer. Agora se você pega exemplos de
11:41
apps que. Constroem tudo na mão.
11:44
É ou apps híbridos, por exemplo? No caso do fucker que ele
11:47
desenha os componentes, ele não usa componentes do sistema ainda
11:51
não é necessariamente esse o caso, entendeu que é bom, mas é
11:54
ruim também porque o app fica totalmente a parte do sistema.
11:58
Então uma das vantagens de você ter o app nativo e fazer a
12:01
utilização desses componentes nativos é assim, a transição
12:05
quase que automático. Então, a partir do momento que
12:07
você compilou o app. Já aplicou aquilo lá, você pode
12:10
sair usando, entendeu? O mais próximo você está das
12:13
gardelines recomendadas pela Apple de design.
12:16
É de construção de app mesmo. Tecnicamente falando, é mais
12:19
fácil. Será essa transição automática e
12:23
até. Nessa falando um pouco mais na
12:26
prática mesmo dessa, dessa migração, do que a gente
12:29
precisou fazer tipo assim. Isso necessitou novas
12:33
ferramentas novas é novas formas de se pensar, tipo assim, a
12:37
gente. Ah, sempre usou algumas
12:39
ferramentas de de mocap alguma coisa, mas por link Glass, como
12:42
tem muita interação e fluidez, não sei o que tipo.
12:45
Assim, teve alguma adaptação que a gente precisou fazer dentro do
12:49
processo de de design dessas dessas telas?
12:52
Na verdade, assim a gente teve mais é que estudar mesmo.
12:55
Então assim é, a gente teve que primeiro entender exatamente
12:58
como que funcionava no projeto pra que a gente pudesse ver.
13:01
Ah, ok, a gente vai ter que. Mexer nessas funcionalidades
13:05
aqui a gente não mexeu No No aplicativo todo, sabe?
13:08
Então muita coisa do aplicativo continua igual da mesma forma
13:10
que estava antes. Então, Oo que o Léo fez primeiro
13:13
foi pegar aquilo que a gente teria que realmente adaptar para
13:16
o iOS 26, para aí sim, no design eu pensar, como que eu faria
13:20
isso? E aí na parte do design, o
13:22
interessante é que como a gente é, já tinha lá tudo documentado,
13:25
né? De todas as telas.
13:27
Então a gente conseguiu pegar é essas telas já existentes e fui
13:30
olhando assim os componentes. A gente tem OUI kit que a Apple
13:33
fornece, né? Pro pro pessoal de design.
13:37
Então lá no figma que foi a ferramenta, né, que a gente a
13:40
gente sempre usou pra prototipar, a gente pegava esse
13:42
UI kit e a gente é via lá os componentes, tudo certinho.
13:46
Então se o Léo falasse assim, Ah.
13:48
A gente vai mexer nesses 5 componentes.
13:50
Então a gente pegava esses 5 componentes lá no Yu i kit e a
13:53
gente já tentava meio que traduzir ele para o aplicativo,
13:56
sabe? De uma forma ali que ficasse
13:57
legal e sempre olhando assim os comportamentos, tudo certinho.
14:00
E essa parte, eu acho que o desafio que a gente teve assim
14:03
foi de entender como que a gente realmente aplicaria isso para o
14:06
nosso aplicativo, né? É, mas assim, respondendo a
14:08
pergunta, Eu Acredito que o desafio mesmo dessa parte, né?
14:12
O que a gente teve que que adaptar foi em relação mesmo a
14:16
estudar primeiro os componentes e estudar como que eles se
14:19
encaixam no aplicativo pra que aí sim a gente pudesse.
14:22
É fazer da melhor forma, sabe? Entendi, não foi aquele negócio?
14:25
Tipo assim, vamos refazer o aplicativo inteiro, joga tudo
14:27
fora, mas foi, mas, tipo, decidindo o que que encaixa
14:30
melhor, o que que a gente consegue colocar aqui.
14:32
Quais os ganhos EE dificuldades. Exatamente.
14:35
Tecnicamente mudou muito a questão do desenvolvimento
14:38
arquitetura utilizada, porque tanto o Android como OIOS já tem
14:42
muito tempo que utiliza o padrão mvm, certo pra pra pro
14:46
desenvolvimento é com o líquido de Glass, com essa questão de
14:49
ter introduzido uma camada a mais ali.
14:52
Pelo que você falou, mudou esse padrão.
14:54
O que que que altera pra você como desenvolvedor?
14:57
Isso aí. A camada arquitetural?
14:59
Não, não, não muda assim pra gente, permanece igual.
15:03
Eu não acredito que. Isso vai sofrer alguma
15:05
alteração? Também, mas o que muda é, e muda
15:08
bastante, são AA forma que a gente constrói as views, por
15:11
exemplo, os componentes. Então quando a gente vai tratar,
15:15
no caso, no nosso projeto, a gente teve que fazer isso.
15:18
Pegar um outro exemplo aqui relacionado a tal bar, também no
15:21
nosso web, a gente tem algumas, alguns CTS, alguns botões que
15:24
são fixados, né? Na parte de baixo da tela, ou
15:27
seja, em cima da tal bar é no líquid Glass.
15:30
A Apple fornece um efeito de transparência.
15:34
Da talibai com conteúdo abaixo e esse efeito ele pode ser
15:37
expandido e estendido para as vios customizadas, né?
15:41
Então, ou seja, quando a gente quer fixar esses elementos,
15:43
esses se fiéis, é na parte inferior da tela, a gente pode
15:47
estender esse efeito de bullying e transparência, pra que o
15:50
nosso, a nossa viostomizada meio que pertença a talibai.
15:54
Então ela faça uso dessa transparência também.
15:56
E pra fazer uso disso é a forma como a gente constrói e como
16:00
posiciona esse elemento na tela. Muda, então o que que a gente.
16:04
Teve que fazer, no nosso caso, construir alguns é helpers,
16:08
algumas funções que auxiliassem a gente a fazer cheque de
16:12
diversão. Então a caso esteja disponível o
16:14
Liquid Iglesias na versão do ESA gente serviço a gente vai
16:17
construir usando esse montefire aqui com o suftware caso não vai
16:22
ser outro montefire, então essa parte mudou, é bastante.
16:26
Então quando a gente quer fazer o uso de algum efeito de alguma
16:29
de algum componente do. Do design system do Liquid
16:32
Glass. A gente precisa desses cheques
16:34
de versões, o que acaba tendo um potencial de crescer demais as
16:38
views, entendeu? Então precisa planejar um
16:40
pouquinho essa reconstrução, né? E essa aplicação do do design
16:45
system pra não ficar aquela view de ifiels ifiels assim.
16:50
Quando a gente fala de imigração por Liquid Glass, a gente tá
16:53
pode estar adicionando um valor do ponto de vista de design.
16:56
Mas nós estamos não estamos adicionando o valor direto de
16:59
funcionalidade ao produto. Então assim, se eu já tenho 11
17:02
produto que ele tem as funcionalidades ABEC, eu vou vou
17:06
liberar um produto novo com as mesmas funcionalidades ABC, só
17:10
que com líquido. E aí, quanto que a gente
17:13
consegue aproveitar do que já tem?
17:15
Ou se realmente você percebeu assim, não é, é?
17:18
É uma trabalheira danado, é um esforço danado.
17:20
Eu aproveito pouco, não aproveito ou ou não ou aproveito
17:24
muito do que eu já tenho pra conseguir liberar um produto que
17:28
tem as mesmas funcionalidades com um liquido de graça.
17:31
Você aproveita 100% igual eu comentei, né, que muda, são
17:35
tópicos ali, né? No desenvolvimento.
17:37
Então eu vou mudar esse Tiê aqui, vou adaptar esse Tiê,
17:39
entendeu? Então você só precisa pensar ali
17:41
e estruturar aquilo, entendeu? Mais uma vez você escreveu
17:44
essas. Funções, esses helpers, esses
17:47
cheques de versão, você reutiliza, então você não
17:49
precisa reescrever a interface inteira ou o app inteiro pra
17:53
fazer adaptação. E como eu disse, fazendo o app
17:55
nativo, utilizando os componentes do sistema, você tem
17:58
muita coisa que é feito já automático.
18:01
Você compilou o app que está funcionando com esse novo design
18:04
system. Vou dar exemplo também é
18:06
controles de formulários, por exemplo, suítes, botões,
18:10
alertas, cheats, tudo isso foi migrado.
18:13
Automaticamente, se a gente precisar pôr a mão, então o que
18:15
muda é a renderização dele na tela.
18:17
No nosso, do ponto de vista de código e desenvolvimento, a
18:21
gente não precisou é reescrever nada.
18:23
O que a gente precisou foi repensar determinados
18:27
componentes, como que a gente queria que é e como que a gente
18:31
poderia fazer o uso do que o livro de graz oferece, no caso?
18:36
Esses efeitos de Blur, essas extensões, é os efeitos visuais
18:41
mesmo, de transparência. Então é mais isso mesmo?
18:45
Aquilo que você comentou, né, esses 2 estarem muito juntos,
18:47
né? A parte de design, de
18:49
engenharia, estarem muito juntos pra não chegar, tipo assim, Ah,
18:52
vou inventar aqui, vou fazer uma tela agora, desse jeito aí vai
18:56
chegar. Não, não dá, porque o caso ainda
18:58
às vezes até pelas versões aí 1817, né, que vocês tem que
19:02
manter. Vocês chegaram a ter algum caso
19:04
assim de do tipo ou parte de desenvolvimento?
19:07
Queria fazer uma coisa que era. Que não tinha como ser ser feito
19:10
na parte design ou vice versa? Olha, é, eu vou comentar assim
19:13
que na verdade não foi exatamente que queria fazer
19:16
daquela forma. Eu queria ver as possibilidades,
19:18
sabe, de algumas coisas ali se podiam ser feitas.
19:20
Então eu posso dar exemplo de alguns componentes que assim, o
19:24
cliente gosta muito quando tem a cor azul no aplicativo, né?
19:27
Isso é um fato mesmo. Gosta, né?
19:30
É, e aí com isso a gente estava pensando assim, Ah, e esse
19:34
componente aqui que a gente vai adaptar, será que a gente
19:36
consegue colocar um azul aqui nessa parte?
19:38
E aí eu perguntava sempre para o Leo assim, Leo, isso aqui é
19:40
possível, só que tinha que ver. A questão da customização do iOS
19:44
é do IO S26, né? Pra ver se aquilo realmente
19:46
funcionava. Aí o Léo falava, olha, o
19:48
componente é desse jeito aqui e a gente não consegue ter muito
19:51
controle sobre ele, então a gente vai ter que manter desse
19:53
jeito mesmo. Então é uma coisa que acontecia,
19:55
mas nada assim, né? De fazer eu obrigar a sair na
19:59
porrada um com o outro, assim de nossa, não pode.
20:01
Né? Mas uma coisa assim, pra gente
20:03
fazer o teste mesmo, pra ver se sugestões mesmo, pra ver se
20:06
funcionava, até pra ter também um lado assim do cliente, de o
20:08
cliente agradar mais, né? De é de ver aquela
20:11
implementação, já que no começo ele tava meio relutante, né?
20:14
Então foi mais pensando nisso né?
20:16
Mas apesar de de todos os pesares, né, de alguns
20:19
componentes que a gente não conseguiu trazer, é customização
20:22
assim, né? Nessa parte de cores, por
20:24
exemplo, a gente conseguiu ter um resultado bem bacana que o
20:27
cliente gostou, então acredito que no final de tudo o que
20:29
importa acaba sendo isso, sabe? Entendi legal, e até como com
20:33
com isso que você aguentou, Ah, tipo assim, Ah, o cliente
20:35
gostou, como é que vocês conseguiram realmente chegar
20:38
numa conclusão? Cara, valeu a pena, não valeu a
20:40
pena. Vocês têm essa conclusão, vocês
20:43
conseguiram até de alguma forma medir isso aí, tipo, valeu a
20:47
pena ir para o Liquid igless já, já valeu a pena trocar alguma
20:49
coisa. Já temos resultados práticos que
20:51
vocês conseguem trazer para gente.
20:53
Eu acho que foi bastante assim, é a receptividade depois de
20:57
acrescentar o resultado final, sabe?
20:59
Que no começo igual a gente falou aqui, né, é no começo da
21:02
do podcast mudanças assim, eles são polarizadoras, né?
21:05
Então ou você ama o seu d, dificilmente você vai ver alguém
21:08
em cima do muro. Então no caso, quando a gente
21:10
apresentou o primeiro pro cliente, ele também teve aquele
21:13
certo receio, entendeu? Não, mas tipo, a gente não
21:16
precisa alterar o nosso app, ele está funcionando não sei o que,
21:18
não sei o que, não sei o que, né?
21:20
Então tem esse esse puchback, sabe esse medo assim entre
21:24
aspas, né, de mudar a aplicação. Então, depois que a gente
21:27
apresenta o resultado final e apresenta também outras versões,
21:31
a receptividade do que a gente foi muito positiva.
21:33
Então eles gostaram bastante da fluidez, de como é, se adaptou,
21:38
né? As diferentes é realidades ali
21:40
que a gente tem dentro do nosso aplicativo.
21:42
Então a parte do micro Iglesias ali de fato, adaptando ali com
21:46
conteúdo atrás. Então, Ah, às vezes tem 11 tela
21:49
lá que tem 11 fundo de uma cor diferente.
21:52
Aí eles se comportam um pouquinho diferente, os
21:53
elementos, entendeu? Ele consegue não prejudicar
21:56
Acessibilidade, é entendeu que é um ponto extremamente
22:00
importante, né? Então você tem sempre contraste
22:02
necessário pro usuário poderia enxergar, então assim é a
22:05
receptividade. Ela Foi muito positiva, sabe?
22:07
Então, uma coisa só para complementar também.
22:09
Eu acho que a gente não citou isso, mas a maior parte dos
22:11
usuários eles usam o iOS, né? Então a gente tem esses dados de
22:15
que a maior parte usa o iOS. Então assim, com isso a gente
22:19
tem mais ainda aquele pensamento de nossa, realmente, né, como
22:22
que vai ser essa aceitação? Mas como o Léo comentou, o
22:25
cliente está preocupado, né, em saber assim como que é, quais as
22:28
opiniões dos usuários. Então acredito que daqui para
22:31
frente vai ter muito desses testes mesmo com usuário, para
22:34
saber como é que está a satisfação, né?
22:36
E a gente vai ficar curioso aí por enquanto, para saber como é
22:38
que vai ser, mas logo, logo, quem sabe a gente não tenha já
22:41
um feedback, sabe? Tipo assim até a minha
22:43
experiência com com Liquid igless.
22:46
Eu que eu tenho, tenho um iPhone, só que meu iPhone ele é
22:48
mais antigo, ele não sei qual que é o modelo, tem uns 3 anos
22:50
já e ele já era um modelo de 1 ano atrás, nem era o top de
22:52
linha, não. Então não sei qual que é.
22:54
Mas quando eu instalei, quando eu atualizei, eu lembro que
22:57
realmente eu senti claramente a performance lá embaixo.
23:01
Com. O tempo hoje já não é assim mais
23:03
hoje já percebo que já melhorou bastante, sabe?
23:05
Tipo assim, nos primeiros dias a bateria começava a acabar bem
23:08
mais cedo hoje. Já está, já está melhor, né?
23:11
Já tem essa evolução. Agora, a questão também de
23:13
Acessibilidade, porque eu não sei se vocês chegaram a ver nas
23:15
primeiras versões do aquelas versões betas mesmo, né?
23:18
Do link de Glass, que a Acessibilidade já era horrível.
23:21
Tem uns prints que mostra assim como que era, por exemplo,
23:23
aplicativo de música, umas coisas assim.
23:26
E era nossa, se eu, se eu conseguisse mostrar um print
23:29
aqui agora, na frente de vocês, vocês iam.
23:31
Opinar EE falar a mesma coisa que eu, caramba, como que era?
23:34
E agora melhorou bastante, né? Então realmente é tudo, tudo
23:37
melhora. Sabe o que vai?
23:38
Acontecendo, eu confesso que quando eu falei da no começo né
23:41
que eu não não tava muito satisfeito com ele.
23:44
Eu cheguei a usar ele na lol que lançou né o Yes 26 e no 26.1 e
23:49
agora nós estamos no 26.3 no né No No dia de hoje, então não
23:54
experimentei de novo no 26.2 26.3 larguei, deixei no
23:59
padrãozão mesmo. Então acho assim, é, é.
24:02
Até vou experimentar de novo, né?
24:04
Pra ver essas melhorias que podem ter sido feitas no consumo
24:06
de bateria, na performance e tal, que realmente é é a
24:09
primeira versão do iOS 26. Eu achei que foi tipo assim,
24:12
foi, deu. Pra sentir, deu pra sentir?
24:14
A diferençazinha. E o que?
24:15
Eu falei assim, pô, se eu não estou com um iPhone recente, eu
24:19
senti essa diferença. Quem estiver num iPhone de 6
24:22
anos atrás ainda está recebendo atualização do iOS.
24:26
Vai realmente ter um gargalo grande nisso aí.
24:29
Você sabe me dizer algum aplicativo famoso hoje?
24:31
Que quem não, quem não quer, que às vezes a pessoa tá ouvindo a
24:34
gente comentar aqui No No podcast e às vezes tá meio
24:37
abstrato, a pessoa que ela, por muita gente, o máximo que ele
24:40
teve de contato com o Liquid igless, foi na tela inicial.
24:43
Lá que os ícones ficam transparentes ou coloridos, né?
24:46
Você sabe falar algum ou algum ou alguns aplicativos famosos
24:50
que fazem já uso? Extensivo de Liquid Glass, para
24:53
que as pessoas possam ter essa experiência de perto do que é o
24:55
Liquid Glass. Sim, é um dos aplicativos, que é
24:58
inclusive o que eu estava citando, né, que nas redes
25:00
sociais, o pessoal quando é que vai chegar no meu é o próprio
25:03
WhatsApp. Então, assim, o WhatsApp aos
25:04
poucos está lançando. O Liquid Glass tá aí para chegar
25:07
gradualmente, né? Para os usuários.
25:09
Então fica aquela coisa assim, não chegou ainda no meu, não
25:12
chegou ainda. Quando é que vai chegar?
25:13
E tem os exemplos também que o Leo ele tinha até é pego lá
25:17
também na naquela apresentação que ele citou, que é uma
25:19
apresentação longa. Então o slack é teve outras
25:22
também. Leo, quais são as outras
25:24
empresas mesmo que que foram? Snn America Airlines loads é o
25:28
tcay Sky guide Tide guys. Desses, desses mais comuns que a
25:33
gente, esses mais comuns que a gente vê muito utilizado.
25:35
Telegram também Telegram. WhatsApp é basicamente
25:37
mensageria, né? Uma coisa também que eu percebi
25:39
foi que é uma curiosidade, na verdade, o Telegram.
25:42
Além dele ter colocado, né, o liq de Glass, ele também tentou
25:45
trazer uma versão meio adaptada, por exemplo, da tab bar.
25:48
É pro Android, então porque no a tab bar que a gente tem No No
25:53
iOS 26 com o liq de Glass aplicado, é uma tab bar
25:56
flutuante, né? E no Android e no iOS, nas
26:00
versões mais antigas, não era flutuante.
26:03
Então o que que eles decidiram fazer no Android também?
26:05
Pelo que eu percebi entrando no aplicativo mesmo, foi que eles
26:08
tentaram fazer também essa tab bar flutuante, sabe?
26:11
Aí Eu Acredito que entra um pouco no material design 3, né?
26:15
Mas eles pensaram assim dos 2 lados, sabe?
26:17
Então acaba que pra empresa isso também acaba sendo muito
26:20
importante, né, porque a gente tá falando muito de um de um
26:22
lado, mas e do outro lado também, né?
26:23
Do Android, mas sem entrar muito na parte do Android, falando
26:26
assim mais do Liquid Glass, eu achei muito interessante assim,
26:29
mais curiosidade sobre como foi essa adaptação também, sabe?
26:32
E daqui pra frente, né, Eu Acredito que as empresas vão ter
26:35
que pensar mesmo assim, como que a gente vai adaptar nosso design
26:37
system ao Liquid Glass, então? É, não sei quando que isso vai
26:42
acontecer, mas eu fico curiosa para saber, né?
26:45
E assim é. Vai ser aquela enxurrada de
26:48
pessoas de novo também querendo aquilo no nos aplicativos delas,
26:52
né? Vocês comentaram também que o
26:54
Liquid igless, ele traz muita coisa relacionada à
26:56
Acessibilidade também. Então, tipo, é, tem algumas
27:00
diferenças que a gente tem que parar para pensar, às vezes,
27:02
como desenvolvedor, até tipo assim, cara, como é que aplica?
27:06
Acessibilidade às vezes construções.
27:07
Existe uma curva de aprendizado maior em cima do líquido inglês.
27:11
Assim, pra essa questão você já comentou um pouco, né Thaís, que
27:14
o Yu i kit já vem com as coisas todas pra eu usar dentro do
27:17
figman e tudo e tal, mas na hora do do desenvolvedor, talvez Léo
27:21
a tem tem algumas coisas a mais, alguns conhecimentos a mais que
27:24
o desenvolvedor passa a ter que que ter em cima.
27:27
Disso eu diria que sim ou não eu diria que sim pelo fato de você
27:32
ter que conhecer como é que funciona o design system, sabe?
27:36
Mas não no sentido de qual é algo a mais no código, porque as
27:41
tratativas de Acessibilidade, elas serão basicamente as
27:44
mesmas. Querendo ou não, você vai ter
27:45
que tratar de forma diferente algumas coisas, mas assim,
27:47
usando sempre Oo mesmo raciocínio, né?
27:50
Então questão de contraste seja questão de fonte, então, mas
27:54
isso você consegue já com as APIs existentes e de
27:56
Acessibilidade mesmo, que é como eu fornecia no é 18, porque
28:00
também era um problema real lá, né?
28:02
Então não adianta você colocar um plano de fundo lá com uma
28:05
Opacidade de 80% e achar que vai ter um contraste muito bom, né?
28:09
É e uma coisa também é que é quando a gente tava trabalhando
28:13
juntos, né? Pra pra poder fazer ali o pra
28:16
fazer da melhor forma a documentação, né?
28:18
De como que esses componentes eles apareciam na tela, a gente
28:21
percebeu que realmente, como o Léo comentou, os componentes,
28:24
por exemplo, eles já já vem com essas questões de Acessibilidade
28:28
neles. É de uma forma que, por exemplo,
28:31
se OA gente está falando muito da tabibar, porque foi um
28:34
componente que a gente achou muito interessante de fazer e eu
28:36
tenho que citar de novo isso porque vai fazer sentido aqui
28:38
agora nessa parte. Mas, por exemplo, quando você
28:42
está em uma tela com fundo branco e se você passa para 11
28:48
nessa mesma tela, uma outra sessão, por exemplo, que está
28:50
com fundo preto. Essa tabibá, ela se ajusta de
28:53
acordo com aquele fundo que você tem atrás.
28:56
Então assim, é uma coisa importante, porque antigamente
28:59
nas tabibás que a gente tinha, que não era desse jeito, era uma
29:03
cor só e pronto, né? Só que como a gente tem esse
29:05
componente agora, que é um vidro líquido, então ele tem que
29:09
realmente assim observar aquilo que está atrás para ele ser
29:12
mostrado para o usuário da melhor forma, sabe?
29:14
Então é é um exemplo. Ou, por exemplo, os botões
29:18
flutuantes que a gente tem também.
29:19
Ou, por exemplo, como que AA tela ela dispõe desses elementos
29:24
que estão por cima. É como se a gente tivesse
29:27
tratando de camadas, né? Então tem a camada ali da
29:30
navegação que o usuário usa pra poder fazer o scroll da tela.
29:33
E a gente tem a parte ali onde tem os menus, os botões que o
29:37
usuário ele pode clicar, então, por exemplo, um botão de voltar
29:40
pra pra tela anterior. Ou a tabibar ou talvez algum
29:44
botão que aparece na tela. Ali que esse botão ele é fixo na
29:46
tela. Então esse tipo de coisa meio
29:49
que a Apple Kiss, que o conteúdo que tivesse ali que seria
29:52
importante para o usuário, ele tivesse destaque.
29:54
Enquanto essas outras coisas que são de navegação, elas também
29:58
tivessem ali na tela. Porém ela deixa o usuário focar
30:02
naquilo que é mais importante, então se o usuário está
30:04
escrolando a tela, por exemplo. Naquele momento do scroll,
30:07
então, o importante que a Apple pensou seria de que Ah, então
30:11
nesse momento aqui vamos deixar os botões essas coisas de
30:14
navegação mais de escanteio pra que o usuário consiga focar no
30:17
conteúdo. Mas se o usuário ele tipo assim,
30:20
Ah, é no aplicativo, o aplicativo percebeu, OPA, espera
30:23
aí, esse parece que esse usuário aqui está tentando voltar aqui
30:25
pra tela anterior, aí o botão já está lá pra que ele consiga
30:29
clicar e fazer a navegação dele é corretamente, sabe?
30:33
Então assim, a Acessibilidade tá tá nisso aí, anão só a
30:36
Acessibilidade, mas também a usabilidade, sabe?
30:39
Pro usuário? Então é assim, já existia essa
30:42
Acessibilidade e usabilidade antes, mas a Apple tentou só
30:45
melhorar isso da melhor forma, sabe?
30:47
E outra questão também, o nosso cliente, o público alvo dele são
30:51
pessoas de 405060 anos. Então olha só, né, o desafio que
30:56
foi a gente tentar adaptar para isso, então a gente teve que
30:59
pensar se aquilo tava fazendo contraste, por exemplo, né?
31:02
Se a gente tava fazendo do de uma forma ali que Oo usuário
31:07
conseguisse ler, então primeiro a gente tava vendo se a gente
31:10
conseguia entender aqui se tava tudo é com o contraste correto.
31:14
Se tava assim, tudo esquematizado de uma forma que o
31:17
usuário final ele conseguisse também é navegar dele da melhor
31:20
forma, sabe? 70% das pessoas de 40 a 45 anos.
31:24
Desenvolverão algum grau de presbiopia, né?
31:27
A vista cansada, 80% das pessoas de 40 a 45 começam a aparecer
31:31
aos 40 anos. Até os 45.
31:33
Então 80% das pessoas vão ter essa questão de precisar de um
31:37
do contraste melhorado para que garantir a usabilidade do seu
31:41
do, do, do aplicativo. Porque se ela quiser manter a
31:44
configuração padrão do iPhone com a fonte pequenininha e usar
31:46
óculos, beleza, escolha dela. Mas se ela quiser não depender
31:49
do óculos e mudar a configuração de Acessibilidade no iPhone para
31:52
ter mais contraste, fonte maior. Ela tenta essa opção e se o
31:55
aplicativo tem que estar preparado para responder a isso?
31:57
Exatamente as coisas. Da do próprio, do próprio.
32:00
Sistema operacional já trazem isso, né, porque não?
32:02
Tem que responder a ele, né? Exatamente se eu fui lá e
32:05
configurei que eu quero o aplicativo assim, o aplicativo
32:07
tem que ser. Tem que responder a isso.
32:09
E se o líquido de Glass te oferece essa coisa dinâmica, uma
32:12
resposta dinâmica, mais um motivo, você aproveitar o máximo
32:15
que te oferece. Bom, então a gente falou
32:18
bastante aqui do do líquido de Glass, das funcionalidades que
32:20
ele traz, das coisas todas, mas eu acho que um ponto.
32:23
Importante que eu acho que que que a gente viu dessa conversa
32:26
sua foi que vocês falaram da da da parceria, né?
32:29
Que vocês trouxeram da área de design e da área de de
32:31
engenharia pra isso. Né?
32:33
O que eu posso falar é que eu eu reforço a importância mesmo da
32:36
gente ter essa Harmonia, né? Das 2 partes, tanto da
32:39
engenharia quanto também do do design, porque quando esse
32:42
trabalho acontece em Harmonia, as coisas vão correndo bem.
32:45
Igual, por exemplo, eu e o Léo, a gente estava sempre fazendo
32:47
esses check points, né? E com isso, a gente estava
32:51
sempre conseguindo alinhar ali as expectativas de, por exemplo,
32:54
os componentes ou como que seriam as Apresentações para o
32:57
cliente. E tudo isso foi importante para
32:59
que a gente conseguisse fazer essa entrega.
33:01
Mas isso vale para tudo, né? Acredito que assim do Liquid
33:04
igless foi um exemplo. Mas eu falo até, por exemplo,
33:08
agora puxando para a parte do designer, quando o designer, né,
33:11
ele pega aquilo para estudar, se ele fazer os testes também, da
33:15
mesma forma, né? Que por exemplo, o
33:16
desenvolvedor, enquanto ele tá ali fazendo esses testes, ele
33:20
até tem aqueles emuladores, né, que ele consegue ver ali como
33:22
que vai ficar enquanto ele tá fazendo código.
33:25
Acredito que se o designer também conseguir fazer esse tipo
33:27
de teste, é muito válido para que ele possa entender assim na
33:30
pele, como que um usuário vai se sentir no final utilizando
33:33
aquilo. Resumindo, tudo é a parceria
33:35
mesmo. Né, mas também a parte dos
33:38
testes, eu acho que essas 2 palavrinhas são as as
33:41
palavrinhas importantes, né? Pra gente falar sobre esse
33:43
assunto mesmo do Liquid Glass, sabe?
33:45
E eu tenho um questionamento aí também pra pra quem está
33:48
assistindo podcast, você gosta ou não gosta do Liquid Glass?
33:52
É uma pergunta bem controversa, né?
33:55
Mas assim como a gente tem muita opinião dividida, deixa os
33:58
comentários aí pra gente ver se as pessoas gostam mais ou não
34:02
gostam, né? Enfim, exatamente.
34:03
Porque eu acho que foi uma discussão bem bacana que a gente
34:05
teve aqui, né? Trazer todo esse ponto de vista,
34:07
né, dessas mudanças, das evoluções, LinkedIn, Glass.
34:09
Então é muito bom a gente ter esses feedbacks da comunidade,
34:11
do do pessoal que tá aí, que tá assistindo, a gente que tá
34:14
escutando a gente e se curtiram bastante também.
34:17
Deixa Oo likezinho aí pra gente, curte a gente aí na nas nossas
34:21
redes. Divulguem.
34:22
Divulguem, os divulguem o nosso podcast aí.
34:25
E espero que todo mundo tenha ficado empolgado com esse, com
34:28
esse papo aí, com essa, com essa nova forma de pensar, de de de
34:32
trabalhar e até de desenhar realmente as as interfaces e a e
34:36
a usabilidade em cima do do IAS. Então, acho que muito obrigado
34:40
aí pelo papo, Léo. Taíssa e Luiz abraço pessoal.
34:43
Até a próxima, aí. Tchau, tchau.