Com o lançamento do iOS 26, a Apple introduziu o Liquid Glass, uma grande evolução na estética e linguagem de design da plataforma. Este avanço vai além das atualizações visuais dos componentes principais da interface do usuário, como botões e barras de ferramentas; ele redefine paradigmas fundamentais da interface, exigindo que os desenvolvedores adaptem criticamente suas aplicações. Aqui, descrevemos nossa abordagem e as considerações de engenharia realizadas na migração do Droppath Route Planner para o padrão de interface Liquid Glass.

Nossa resposta inicial ao Liquid Glass foi moldada por experiências anteriores com transições de design radicais da Apple, notavelmente a reformulação do iOS 7. Naquela época, mudanças fundamentais nos padrões da interface do sistema introduziram regressões e instabilidade significativas, exigindo intervenção extensiva para restaurar comportamentos anteriores. Em contraste, a implementação da Apple para o Liquid Glass oferece um caminho de migração controlado por opt-in (veja a documentação para UIDesignRequiresCompatibility), reduzindo consideravelmente o risco. Nossas integrações preliminares com o Xcode 26 revelaram apenas inconsistências menores de alinhamento: especificamente, deslocamentos do título de um diálogo. Felizmente, não tivemos que fazer um lançamento urgente com o XCode 26, mas foi reconfortante ter essa opção pronta caso fosse necessária.

Procurando exemplos #

Um aspecto fundamental de qualquer migração de design é a disponibilidade de pontos de referência no próprio ecossistema da Apple. Aplicativos de primeira parte forneceram orientação essencial sobre melhores práticas e modelos de interação. Por exemplo, ao avaliar estratégias de apresentação para perfis de usuário e configurações, nos inspiramos no aplicativo Música. Da mesma forma, para refinamentos da interface de pesquisa, comparamos abordagens em Música, Mail e Arquivos; em última análise, a linguagem de design de Arquivos se alinhou melhor com nossos objetivos de UX, particularmente em relação ao posicionamento dos resultados de pesquisa em relação ao campo de pesquisa. Ter resultados acima da barra de pesquisa simplesmente não é natural o suficiente para nós.

O fim das barras de navegação coloridas #

A barra de navegação colorida herdada, uma marca registrada dos paradigmas de interface anteriores, provou ser incompatível com o novo visual Liquid Glass. Os fundos vibrantes resultaram em contraste excessivo e desarmonia visual contra os botões translúcidos do Liquid Glass. Nossa solução foi fazer a transição para uma barra de navegação branca, que proporcionou consistência com o novo gradiente da barra de abas, unificando o visual geral do aplicativo.

Repensando o posicionamento das ações #

O Liquid Glass reimagina as barras de abas, reduzindo seu tamanho na borda inferior da tela e permitindo mais conteúdo visível. Essa mudança nos levou a revisar os elementos do Material Design, especificamente os Botões de Ação Flutuantes (FABs), que havíamos adotado. Anteriormente posicionados para proeminência, os FABs apareciam incongruentes ao lado da barra de abas revisada e mais fina. No entanto, as novas diretrizes de design permitem botões de ação proeminentes dentro da própria barra de navegação. O Droppath agora centraliza as ações principais nesta área, agrupando ações que mantêm sentido e acessibilidade.

Na visualização do mapa, reposicionar os botões no canto superior direito nos permitiu organizá-los ordenadamente ao lado das ações do mapa. Sua aparência mais proeminente torna óbvio qual deve ser seu próximo passo.

Padrão de interface ausente: Mudança de modo de visualização #

Um aspecto complexo da interface do Droppath tem sido o uso duplo de abas: tanto como interruptores de modo (visualizações de lista versus mapa) quanto como navegação para pastas fixadas (rotas locais versus sincronizadas na nuvem). Enquanto a navegação por pastas justificadamente se ajusta ao modelo de abas, o uso de abas para seleção de modo de visualização se afasta das convenções estabelecidas do iOS. No Android, esse interruptor é tratado com um botão da barra de navegação, mas isso limita a descoberta. Em contraste, as barras de abas do iOS na parte inferior da tela funcionam como seletores segmentados eficazes e acessíveis para nosso contexto.

Ao analisar os aplicativos Fotos e Arquivos da Apple, observamos metodologias variadas. Fotos emprega um interruptor colocado centralmente, enquanto Arquivos relega a mudança de visualização a um menu sob as reticências, trocando descoberta por simplicidade do menu. Nossos dados de usuário requerem mudanças frequentes entre os modos de mapa e lista, levando-nos a manter a abordagem de abas segmentadas, apesar de seu uso atípico, já que minimizar a interrupção durante transições importantes da interface continua sendo uma prioridade máxima.

Relocação de conteúdo secundário #

Para manter a clareza semântica em nossa estrutura de abas, mudamos as telas de Conta e Ajuda para o canto superior direito, espelhando a organização encontrada no aplicativo Música da Apple. Afinal, os usuários raramente precisam acessar as configurações de sua conta, por que fornecer acesso imediato através da barra de abas! Embora o Droppath atualmente não possua imagens de perfil carregadas pelo usuário, o símbolo SF é um ícone de espaço reservado reconhecível - que já estávamos usando em outros lugares - terá que servir.

A interface parece viva e responsiva #

A introdução do Liquid Glass trouxe um novo nível de capacidade de resposta e vivacidade aos controles da interface. Botões que não foram atualizados para o Liquid Glass se destacaram imediatamente: eles pareciam estáticos e pouco envolventes em comparação com suas contrapartes revitalizadas.

Até mesmo os botões da barra de abas agora se expandem e se fundem suavemente quando os usuários os tocam, aprimorando ainda mais a sensação de interação fluida característica do Liquid Glass.

Desafios de código #

Integração SwiftUI #

Implementar suporte para Liquid Glass em nossos componentes SwiftUI trouxe um conjunto único de desafios. Para evitar duplicar a lógica em vários caminhos de código #available(iOS 26.0, *), consolidamos as verificações de versão e encapsulamos as mudanças de estilo em métodos auxiliares como glassProminentStyleIfPossible(). Mesmo assim, ainda contamos cerca de 20 condições de disponibilidade separadas em toda a base de código - uma camada necessária para manter a compatibilidade retroativa enquanto adere aos novos requisitos visuais. Com sorte, não enfrentaremos outra transição de interface radical dessa escala por muitos anos.

Apresentação de folhas #

Nossa tela de Direção depende de folhas do sistema, mas sua aparência foi horrível sob o Liquid Glass. Os gestos de deslize personalizados que suportamos - permitindo transições esquerda/direita entre paradas dentro de uma folha - não são comportamentos nativamente suportados pelas folhas do iOS. Como resultado, adaptar nossas folhas de direção para o novo design exigiu esforço de engenharia adicional para restaurar o fluxo de navegação pretendido. Certifique-se de testar toda a funcionalidade do seu aplicativo antes de lançar.

Barra de ferramentas do controlador de navegação #

Fazer com que a barra de ferramentas do nosso controlador de navegação se alinhasse visualmente com o Liquid Glass provou ser mais complicado do que o esperado. O posicionamento padrão da barra de ferramentas estava abaixo da barra de abas, então introduzimos uma barra de ferramentas personalizada, posicionando-a e estilizando-a para garantir o posicionamento correto.

Acessório de entrada aprimorado #

Muitos usuários do Droppath inserem regularmente números e letras, então incluímos um acessório de entrada numérico acima do teclado para conveniência. Esta linha personalizada é construída a partir de uma cópia mantida localmente de YZKeyboardAccessorryInput - uma biblioteca de nicho escrita pela primeira vez em 2015 e agora quase impossível de encontrar online. Como parte deste lançamento, atualizamos sua aparência: arredondamento sutil e dicas visuais atualizadas ajudam a harmonizar com a nova interface.

Um novo ícone mais polivalente #

Ao longo do ano passado, exploramos vários conceitos de ícones, buscando clareza e flexibilidade além das imagens de caixas tradicionais comuns em aplicativos de entrega. Nosso novo ícone - abstraindo um caminho na forma de um “D” maiúsculo - oferece reconhecimento imediato da marca enquanto acomoda os casos de uso mais amplos do Droppath além da entrega. O esquema de cor única garante reprodutibilidade aprimorada em plataformas digitais e futuros produtos promocionais.

Aproveitando a ferramenta Icon Composer, adaptamos a nova identidade visual para abraçar a estética Liquid Glass. Embora o ícone não explore a complexidade completa dos efeitos de vidro em camadas, ele harmoniza com o novo ecossistema de design e se destaca entre os aplicativos pares que adotam o Liquid Glass.

Em resumo, a migração para o Liquid Glass no Droppath Route Planner 6.0 representa uma modernização abrangente para se alinhar com os padrões de design do iOS 26. Estamos confiantes de que esta atualização não apenas eleva a experiência do usuário, mas também destaca o cuidado do Droppath com seus usuários. Adotar o Droppath deve ser natural para qualquer usuário do iOS 26.

O Droppath Route Planner 6.0 estará disponível em breve para iOS 26.