Liquid Glass - le nouveau langage stylistique d'Apple

Avec l'annonce des mises à jour de la plateforme Apple lors de la WWDC 25 (voici nos impressions dans la rubrique Story-Highlight), un nouveau langage de conception a également été présenté, qui concerne tous les systèmes d'exploitation existants. Baptisé Liquid Glass, il s'agit de la plus grande refonte d'Apple depuis iOS 7 en 2013. Liquid Glass va profondément modifier l'expérience utilisateur des systèmes d'exploitation et donc des applications sur les plateformes Apple. 

De quoi s'agit-il et comment Liquid Glass va-t-il influencer les applications nouvelles et existantes?

Le Liquid Glass est un verre liquide numérique. Il possède les propriétés optiques du verre, mais la réactivité de l'eau. Il laisse transparaître l'arrière-plan et peut être utilisé de manière flexible avec des animations fluides. 

Le matériau brise et reflète tous les éléments placés derrière lui et utilise un éclairage et des shaders réalistes pour donner l'impression d'être un véritable morceau de verre. En même temps, il réagit de manière dynamique aux interactions des utilisateurs en s'agrandissant, en glissant, en s'éclaircissant et en se connectant à d'autres éléments. Il est possible de faire glisser des éléments et, en tant que développeur, de créer de belles animations à l'aide du morphing.  
Il adapte la couleur des symboles ou du texte à un aspect et un arrière-plan clairs ou sombres afin qu'ils restent lisibles sur le matériau transparent. Ce nouveau look modifie non seulement l'esthétique, mais surtout la fonctionnalité et l'expérience utilisateur.

L'intention derrière Liquid Glass est de redéfinir la manière dont les éléments de contenu et de contrôle interagissent dans une application. La séparation visuelle obtenue grâce à ce matériau confère une nouvelle profondeur à l'interface utilisateur et laisse plus de place au contenu. Elle vise également à réduire la complexité et la charge cognitive. Le contenu de l'application passe ainsi au premier plan. Tout est également un peu plus arrondi et détaché du bord de l'écran, car les nouveaux iPhones ont des coins arrondis depuis l'iPhone X. Cela ne se reflétait pas encore tout à fait dans le langage de conception d'Apple. C'est désormais le cas. 

L'inspiration et l'histoire de Liquid Glass

D'où vient l'inspiration pour Liquid Glass? Craig Federighi, vice-président senior de l'ingénierie logicielle chez Apple, a déclaré que la principale source d'inspiration venait du design du système d'exploitation Vision OS. Et pourquoi une interface «glassy»? 

Le verre liquide a la propriété de s'adapter et permet à l'interface de s'intégrer de manière complémentaire dans le contexte. Dans l'exemple de Vision OS, il permet d'être partie intégrante d'une pièce. En même temps, il laisse beaucoup d'espace et donne une impression d'ouverture. 

Mais l'idée de la transparence n'est pas nouvelle. Depuis iOS 7, il existe des éléments transparents sur l'iPhone et, en 2001, Apple a lancé le premier MacOS (auparavant OS X ou Mac OS X, à ne pas confondre avec le Classic Mac OS) avec l'interface «Aqua», qui utilisait les premières surfaces transparentes et les premiers effets de réflexion. Microsoft a également expérimenté la transparence et les effets de verre il y a près de vingt ans, avec la sortie de Windows Vista début 2007, sous le nom de Windows Aero. Cette version du système d'exploitation a toutefois été un échec pour diverses raisons.

Quels changements apporte Liquid Glass?

La refonte donne un tout nouveau look aux composants existants du système. Cela concerne notamment les curseurs, les boutons bascules, les alertes, les panneaux et les barres latérales. 

Les éléments de navigation tels que les barres d'outils ont également été repensés. Cela signifie que ces composants disposent désormais d'interactions et d'animations avancées. Certains sont plus arrondis et plus grands, d'autres plus minimalistes et plus compacts. 

Les développeurs disposent d'outils leur permettant d'intégrer le matériau Liquid Glass dans leurs propres composants. Il existe des bibliothèques de designs Apple et des plugins pour Figma. De nouvelles icônes d'application sont également possibles. L'App Icon Composer permet de créer des icônes que les utilisateurs peuvent ensuite personnaliser avec des couleurs. 

La comparaison avant-après

Mais qu'est-ce qui change réellement dans une application existante? La modernisation de nos applications nous a permis de tirer les conclusions suivantes: 

Les barres de navigation et les barres d'outils présentent le plus grand nombre de modifications importantes. Les feuilles deviennent transparentes et ont un rayon de coin plus élevé. Les couleurs d'arrière-plan (comme un gris légèrement transparent pour assombrir) peuvent entrer en conflit avec le matériau Liquid Glass.

Des éléments auparavant opaques peuvent également devenir transparents. Étant donné que des modifications supplémentaires ont été apportées au clavier, des bugs inattendus peuvent survenir dans l'interface utilisateur. Des changements ont également été apportés au niveau conceptuel: au lieu d'un champ de recherche au-dessus du contenu, Liquid Glass utilise un bouton flottant dans le contexte.

Pourquoi mettre à jour votre application pour Liquid Glass

Mais pourquoi tout cela est-il si important? À partir de septembre, iOS 26 et les autres systèmes d'exploitation seront disponibles pour tous les utilisateurs Apple (disposant d'un iPhone 11 ou plus récent). Et dès que la mise à jour sera installée, le design Liquid Glass sera visible partout dans les applications et les systèmes d'exploitation Apple. L'iPhone et toutes les interfaces concernées auront un nouveau look et une nouvelle sensation.

Mais cela signifie également qu'une application qui n'intègre pas Liquid Glass se remarquera d'autant plus. Les utilisateurs s'habitueront progressivement à la nouvelle interface et s'attendront à ce que les applications non Apple adoptent également la nouvelle norme en matière d'animations et le design minimaliste. Concrètement, cela signifie pour les applications existantes: 

Ne rien faire rend une application obsolète. 

Si une application ne présente pas de composants système modernes dans ses captures d'écran sur l'App Store ou donne globalement une impression d'ancienneté, les personnes intéressées peuvent supposer que l'application n'a pas été mise à jour ou entretenue depuis longtemps. Cela peut entraîner une perte de nouveaux clients ou utilisateurs potentiels, en particulier pour les applications très concurrentielles et/ou pour lesquelles la première impression est particulièrement importante. Il est donc d'autant plus important de suivre l'évolution d'Apple et de ne pas se laisser distancer, notamment pour les applications iOS.

Les avantages et les opportunités offerts par Liquid Glass

Ce qui nous amène aux avantages qu'apporte cette modernisation: le nouveau langage stylistique d'Apple vise à améliorer la hiérarchie visuelle et la lisibilité. La nouvelle profondeur, l'harmonie et la cohérence avec le système d'exploitation réduisent la charge cognitive. De plus, l'effet de verre fait percevoir l'espace occupé par les éléments de contrôle comme plus petit. Cela permet un traitement plus rapide des informations, une meilleure cohérence avec le système d'exploitation et une plus grande familiarité.

Une mise à jour visuelle témoigne également d'un entretien actif. Même sans révision technique, un design rafraîchi donne une impression d'actualité et de modernité. Il s'agit là d'une méthode simple et relativement peu coûteuse pour rafraîchir et réviser la perception de l'application et de l'entreprise sans avoir à apporter de modifications importantes aux caractéristiques et aux fonctions.

Avec les changements apportés aux designs chez Apple et Google (avec Material 3 Expressive), il se peut également que les utilisateurs s'attendent à une refonte des designs. Étant donné qu'Android et Apple ont publié simultanément de nouvelles interfaces natives et un nouveau langage de conception, les utilisateurs remarqueront d'autant plus qu'une application n'a pas été adaptée. 

Une mise à jour du design est également l'occasion idéale de remettre en question l'ensemble de l'expérience utilisateur et d'optimiser le design existant. Il est possible de réduire ce que l'on appelle le «Design Dept» tout en mettant à jour les dépendances. 

Ce saut visuel facilite non seulement l'utilisation, mais donne également un sentiment de familiarité et de qualité, car une application s'intègre parfaitement à l'expérience utilisateur du système d'exploitation d'Apple. Le résultat: une expérience utilisateur améliorée, une plus grande satisfaction des utilisateurs et potentiellement de meilleures évaluations sur l'App Store.

Les défis posés par le verre liquide

Tout changement s'accompagne de défis. Le premier est bien sûr le changement lui-même. Ce changement signifie que les utilisateurs, les développeurs, les équipes de conception et, plus généralement, les parties prenantes doivent s'adapter. Il faut prendre le temps de le faire.

Comme il s'agit d'une refonte complète d'un système d'exploitation qui n'avait pas beaucoup changé depuis longtemps, elle a également été critiquée par certains utilisateurs Apple. Heureusement, Apple en est conscient et donne aux développeurs jusqu'à la fin du premier trimestre 2026 pour adapter leurs applications aux principes de conception d'Apple. Cela permettra également aux utilisateurs de s'habituer au nouveau design.

Un autre défi consiste à refléter l'identité propre à l'entreprise (identité visuelle et design d'entreprise, CICD) malgré les composants iOS Native UI. Cependant, les changements peuvent également être utiles. En effet, le matériau Liquid Glass permet de mettre davantage l'accent sur le contenu proprement dit et sur des moyens stylistiques spécifiques, ce qui permet de communiquer clairement l'identité de l'entreprise.

Comme mentionné ci-dessus, tout le monde n'est pas fan du nouveau look. Nous pensons toutefois que la plupart des utilisateurs s'adapteront et s'habitueront rapidement à Liquid Glass. De plus, Apple a déjà tenu compte des commentaires: le givrage du matériau transparent, c'est-à-dire le flou, a été augmenté au fil de plusieurs versions bêta. De plus, Apple permet depuis le début de réduire considérablement la transparence du matériau dans les paramètres.

Délais et adaptations nécessaires

La sortie officielle d'iOS 26 est prévue pour la mi-septembre 2025. À partir de cette date, la mise à jour sera disponible pour tous les appareils Apple équipés d'une puce équivalente à celle d'un iPhone 11 ou plus récent. Les utilisateurs disposant d'un appareil compatible pourront alors profiter des dernières fonctionnalités et améliorations du système d'exploitation.

Quelques jours avant la sortie officielle d'iOS 26, les soumissions à l'App Store pour les versions iOS 26 devraient être validées. Cela signifie que nous et d'autres développeurs pouvons adapter les applications au nouveau design et aux nouvelles fonctionnalités d'iOS 26 et soumettre ces mises à jour à l'App Store pour vérification afin d'être prêts à temps pour la sortie. Ce n'est pas encore obligatoire, mais au plus tard au printemps prochain, il faudra créer de nouvelles versions avec le kit de développement logiciel (SDK) iOS 26.

Quelles sont les options possibles?

Option A: l'application reste telle quelle, aucune mise à jour n'est effectuée.

Les composants du système qui n'ont pas été adaptés ou modifiés lors du développement, tels que les alertes, les sélecteurs de date et les barres d'outils, obtiennent automatiquement un nouveau look. Si tout n'est pas une création originale, cela peut donner lieu à un design hétérogène. Cela signifie que les éléments créés soi-même peuvent rapidement attirer l'attention de manière négative et que la différence devient plus visible. De plus, les nouvelles/autres attentes en matière d'interface utilisateur et d'expérience utilisateur ne sont pas satisfaites.

Si une application fonctionne sur un iPad, des changements sont également à prévoir. Grâce au nouveau mode fenêtre sur iPadOS, les applications peuvent être ouvertes sur l'iPad dans différentes tailles et différents formats. Comme nous l'avons constaté nous-mêmes, cela peut poser des problèmes. Nous recommandons donc de tester les applications également sur un iPad. Nous le faisons bien sûr systématiquement pour les applications de nos clients.

Option B: une nouvelle version est créée avec le SDK iOS 26 et les bugs sont corrigés avec un minimum d'efforts.

Une nouvelle version avec le dernier SDK permet d'adapter la plupart des composants du système. Cela peut entraîner quelques bugs. En effet, Apple a apporté de nombreuses modifications, notamment au niveau de la navigation. Il est donc généralement nécessaire de procéder à quelques corrections de bugs pour que l'application fonctionne à nouveau avec la qualité habituelle. C'est également une bonne occasion de mettre à jour l'icône de l'application avec le nouvel Icon Composer et de renouveler les captures d'écran de l'App Store. Ainsi, dès le premier contact, l'application donne une impression de modernité.

Option C: ajustements ciblés pour le nouveau design

Le nouveau langage de conception et les modifications apportées à l'expérience utilisateur sont une bonne occasion d'examiner l'application de plus près. Sur la base de l'option B, les éléments peuvent être recouverts d'un effet verre et les principes tels que «Content First» peuvent être appliqués de manière cohérente. De belles animations et des designs adaptatifs avec les interfaces Apple confèrent à l'application un aspect moderne et haut de gamme. Cette mise à jour peut également être parfaitement combinée avec une nouvelle présence sur le marché dans l'App Store.

Concernant l'option A, il est important de noter que la mise à jour vers le dernier SDK d'Apple n'est pas facultative. En effet, tôt ou tard, les nouvelles versions de l'App Store ne pourront plus être créées avec d'anciens SDK. Ainsi, à partir du printemps 2026, les développeurs et les entreprises seront obligés de mettre à jour leurs applications vers iOS 26 dès qu'ils souhaiteront implémenter une nouvelle fonctionnalité ou corriger un bug.

C'est pourquoi nous recommandons d'aborder ces problèmes potentiels dès que possible. Étant donné que des modifications urgentes et des correctifs peuvent être nécessaires pour une application productive, il se peut qu'il ne soit pas possible de corriger les bugs du nouveau design.

Bien équipé pour l'avenir

Nos clients qui ont conclu un contrat de service avec nous pour leur application sont prêts: notre service comprend des tests de régression annuels avec les versions bêta des systèmes d'exploitation concernés. Cette année encore, nous avons réalisé de nouvelles versions de test pour toutes les applications iOS concernées et proposons ensuite à nos clients l'option de mise à jour qui leur convient.

Si vous ne savez pas comment votre application pour iPhone, iPad ou même MacOS, Apple Watch, Vision Pro ou même tvOS (toutes les plateformes et tous les systèmes Apple de la génération 26 passent au langage de conception Liquid Glass) sera affectée: nous connaissons l'écosystème Apple et avons déjà suivi de nombreuses tendances en matière de conception. Nous sommes là pour vous aider et pouvons vous offrir des conseils lors d'un entretien personnel, mais aussi rafraîchir vos conceptions et les mettre en œuvre sur le plan technique. N'hésitez pas à nous contacter via info@appswithlove.com, au 031 333 01 51, ou passez nous voir pour prendre un café!