Con el lanzamiento de iOS 26, Apple introdujo Liquid Glass, una evolución importante en la estética y el lenguaje de diseño de la plataforma. Este avance va más allá de las actualizaciones visuales de los componentes principales de la interfaz de usuario, como botones y barras de herramientas; redefine los paradigmas fundamentales de la interfaz, requiriendo que los desarrolladores adapten críticamente sus aplicaciones. Aquí, describimos nuestro enfoque y las consideraciones de ingeniería emprendidas en la migración de Droppath Route Planner al estándar de interfaz Liquid Glass.

Nuestra respuesta inicial a Liquid Glass fue moldeada por experiencias previas con transiciones de diseño radicales de Apple, notablemente la renovación de iOS 7. En ese momento, los cambios fundamentales en los valores predeterminados de la interfaz del sistema introdujeron regresiones e inestabilidad significativas, exigiendo una intervención extensa para restaurar los comportamientos anteriores. En contraste, la implementación de Apple para Liquid Glass ofrece una vía de migración controlada de opt-in (consulte la documentación de UIDesignRequiresCompatibility), reduciendo considerablemente el riesgo. Nuestras integraciones preliminares con Xcode 26 solo han revelado inconsistencias menores de alineación: específicamente, desplazamientos del título de un diálogo. Afortunadamente, no tuvimos que hacer un lanzamiento urgente con XCode 26, pero fue tranquilizador tener esta opción lista en caso de que fuera necesaria.

Buscando ejemplos #

Un aspecto fundamental de cualquier migración de diseño es la disponibilidad de puntos de referencia en el propio ecosistema de Apple. Las aplicaciones de primera parte proporcionaron orientación esencial sobre las mejores prácticas y modelos de interacción. Por ejemplo, al evaluar estrategias de presentación para perfiles de usuario y configuraciones, nos inspiramos en la aplicación Música. De manera similar, para refinamientos de la interfaz de búsqueda, comparamos enfoques en Música, Mail y Archivos; en última instancia, el lenguaje de diseño de Archivos se alineó mejor con nuestros objetivos de UX, particularmente con respecto a la ubicación de los resultados de búsqueda en relación con el campo de búsqueda. Tener resultados encima de la barra de búsqueda simplemente no es lo suficientemente natural para nosotros.

El fin de las barras de navegación de colores #

La barra de navegación de colores heredada, un sello distintivo de los paradigmas de interfaz anteriores, resultó incompatible con el nuevo aspecto de Liquid Glass. Los fondos vibrantes resultaron en contraste excesivo y desarmonía visual contra los botones translúcidos de Liquid Glass. Nuestra solución fue hacer la transición a una barra de navegación blanca, que ofreció consistencia con el nuevo degradado de la barra de pestañas, unificando el aspecto visual general de la aplicación.

Repensando la ubicación de las acciones #

Liquid Glass reimagina las barras de pestañas, reduciendo su tamaño en el borde inferior de la pantalla y permitiendo más contenido visible. Este cambio nos llevó a revisar los elementos de Material Design, específicamente los Botones de Acción Flotantes (FAB), que habíamos adoptado. Previamente posicionados para prominencia, los FAB aparecían incongruentes junto a la barra de pestañas revisada y más delgada. Sin embargo, las nuevas pautas de diseño permiten botones de acción prominentes dentro de la propia barra de navegación. Droppath ahora centraliza las acciones clave en esta área, agrupando acciones que mantienen sentido y accesibilidad.

En la vista del mapa, reposicionar los botones en la parte superior derecha nos permitió organizarlos ordenadamente junto a las acciones del mapa. Su apariencia más prominente hace que sea obvio cuál debe ser tu próximo paso.

Patrón de interfaz faltante: Cambio de modo de vista #

Un aspecto complejo de la interfaz de Droppath ha sido el uso dual de pestañas: tanto como interruptores de modo (vistas de lista versus mapa) como navegación para carpetas fijadas (rutas locales versus sincronizadas en la nube). Mientras que la navegación de carpetas justificadamente se ajusta al modelo de pestañas, el uso de pestañas para la selección del modo de vista se aparta de las convenciones establecidas de iOS. En Android, este interruptor se maneja con un botón de la barra de navegación, pero esto limita la capacidad de descubrimiento. En contraste, las barras de pestañas de iOS en la parte inferior de la pantalla funcionan como selectores segmentados efectivos y accesibles para nuestro contexto.

Al analizar las aplicaciones Fotos y Archivos de Apple, observamos metodologías variadas. Fotos emplea un interruptor colocado centralmente, mientras que Archivos relega el cambio de vista a un menú bajo los puntos suspensivos, intercambiando capacidad de descubrimiento por simplicidad del menú. Nuestros datos de usuario requieren un cambio frecuente entre los modos de mapa y lista, lo que nos llevó a mantener el enfoque de pestañas segmentadas a pesar de su uso atípico, ya que minimizar la interrupción durante las transiciones importantes de la interfaz sigue siendo una prioridad principal.

Reubicación de contenido secundario #

Para mantener la claridad semántica en nuestra estructura de pestañas, hemos trasladado las pantallas de Cuenta y Ayuda a la esquina superior derecha, reflejando la organización que se encuentra en la aplicación Música de Apple. Después de todo, los usuarios rara vez tienen que acceder a la configuración de su cuenta, ¿por qué proporcionar acceso inmediato a través de la barra de pestañas? Aunque Droppath actualmente carece de imágenes de perfil cargadas por el usuario, el símbolo SF es un ícono de marcador de posición reconocible – que ya estábamos usando en otro lugar – tendrá que servir.

La interfaz se siente viva y receptiva #

La introducción de Liquid Glass trajo un nuevo nivel de capacidad de respuesta y vivacidad a los controles de la interfaz. Los botones que no se habían actualizado para Liquid Glass destacaban de inmediato: aparecían estáticos y poco atractivos en comparación con sus contrapartes revitalizadas.

Incluso los botones de la barra de pestañas ahora se expanden y fusionan suavemente cuando los usuarios los tocan, mejorando aún más la sensación de interacción fluida característica de Liquid Glass.

Desafíos de código #

Integración de SwiftUI #

Implementar soporte para Liquid Glass en nuestros componentes SwiftUI trajo un conjunto único de desafíos. Para evitar duplicar la lógica en múltiples rutas de código #available(iOS 26.0, *), consolidamos las verificaciones de versión y encapsulamos los cambios de estilo en métodos auxiliares como glassProminentStyleIfPossible(). Aun así, todavía contamos alrededor de 20 condiciones de disponibilidad separadas en todo el código base: una capa necesaria para mantener la compatibilidad hacia atrás mientras se adhiere a los nuevos requisitos visuales. Con suerte, no enfrentaremos otra transición de interfaz radical de esta escala durante muchos años.

Presentación de hojas #

Nuestra pantalla de Conducción se basa en hojas del sistema, pero su apariencia fue terrible bajo Liquid Glass. Los gestos de deslizamiento personalizados que admitimos, que permiten transiciones izquierda/derecha entre paradas dentro de una hoja, no son comportamientos nativamente compatibles con las hojas de iOS. Como resultado, adaptar nuestras hojas de conducción para el nuevo diseño exigió un esfuerzo de ingeniería adicional para restaurar el flujo de navegación previsto. Asegúrate de probar toda la funcionalidad de tu aplicación antes de lanzarla.

Barra de herramientas del controlador de navegación #

Hacer que la barra de herramientas de nuestro controlador de navegación se alineara visualmente con Liquid Glass resultó más complicado de lo esperado. La ubicación predeterminada de la barra de herramientas estaba debajo de la barra de pestañas, por lo que introdujimos una barra de herramientas personalizada, posicionándola y diseñándola para garantizar la ubicación correcta.

Accesorio de entrada mejorado #

Muchos usuarios de Droppath ingresan regularmente tanto números como letras, por lo que incluimos un accesorio de entrada numérica sobre el teclado para mayor comodidad. Esta fila personalizada está construida a partir de una copia mantenida localmente de YZKeyboardAccessorryInput, una biblioteca de nicho escrita por primera vez en 2015 y ahora casi imposible de encontrar en línea. Como parte de este lanzamiento, actualizamos su apariencia: redondeado sutil y señales visuales actualizadas ayudan a armonizar con la nueva interfaz.

Un nuevo icono más polivalente #

A lo largo del año pasado, exploramos múltiples conceptos de iconos, buscando claridad y flexibilidad más allá de las imágenes de cajas tradicionales comunes en las aplicaciones de entrega. Nuestro nuevo icono, que abstrae un camino en forma de una “D” mayúscula, ofrece reconocimiento de marca inmediato mientras acomoda los casos de uso más amplios de Droppath más allá de la entrega. El esquema de un solo color garantiza una reproducibilidad mejorada en plataformas digitales y futuros productos promocionales.

Aprovechando la herramienta Icon Composer, adaptamos la nueva identidad visual para abrazar la estética de Liquid Glass. Aunque el icono no explota la complejidad completa de los efectos de vidrio en capas, armoniza con el nuevo ecosistema de diseño y se destaca entre las aplicaciones pares que adoptan Liquid Glass.

En resumen, la migración a Liquid Glass en Droppath Route Planner 6.0 representa una modernización integral para alinearse con los estándares de diseño de iOS 26. Estamos seguros de que esta actualización no solo eleva la experiencia del usuario, sino que también destaca el cuidado de Droppath por sus usuarios. Adoptar Droppath debería ser natural para cualquier usuario de iOS 26.

Droppath Route Planner 6.0 estará disponible pronto para iOS 26.