Le processus de conception du design visuel de l’application Gemini AI

• Le langage visuel de l’application Gemini est conçu pour permettre aux utilisateurs de comprendre intuitivement les capacités d’un assistant IA en évolution constante et de lui faire confiance
• Afin d’aider les utilisateurs à comprendre l’IA et à lui faire confiance, les objectifs clés définis sont l’intuitivité, l’immersion, la convivialité et la fiabilité
• Dégradés, formes basées sur des cercles et motion design intentionnel se combinent pour exprimer visuellement le processus de réflexion et l’énergie de Gemini
• En s’appuyant sur le logo de Google et l’héritage du design Material, une nouvelle grammaire visuelle à la fois familière et fluide a été construite
• Grâce au mouvement et aux variations de couleur, Gemini montre comment il réfléchit et réagit, renforçant chez l’utilisateur la sensation de collaborer avec le système
• Cette approche propose un modèle de design reliant en douceur et avec fiabilité les interactions entre l’IA et l’humain, et indique une direction pour les interfaces évolutives à venir

---

Exploration visuelle de l’application Gemini

• Gemini est un assistant IA qui apprend et s’adapte en continu, ce qui nécessite un nouveau langage visuel allant au-delà des approches de design linéaires traditionnelles
  • L’objectif est d’offrir une expérience intuitive, immersive et fiable
  • Il s’agit d’aider les utilisateurs à explorer des fonctionnalités changeantes et à gagner en confiance
• Au-delà de l’icône emblématique du « spark icon », divers éléments visuels sont intégrés, comme les dégradés, les conteneurs réactifs et le motion design intentionnel
  • Ensemble, ces éléments créent de la clarté et une familiarité presque magique

L’histoire de la fluidité et le rôle des dégradés

• À l’image du design des icônes de Susan Kare dans les anciennes interfaces Macintosh, Gemini fait lui aussi face au défi de relier visuellement des concepts abstraits liés à l’IA
  • Si les icônes de Kare servaient de pont entre la compréhension humaine et la machine, Gemini joue ce même rôle grâce aux dégradés
• Les dégradés transmettent le flux d’énergie et la directionnalité, et attirent l’attention de l’utilisateur vers les éléments importants
  • Lors d’une saisie vocale, des dégradés concentrés et diffus sont utilisés pour visualiser le processus de réflexion de l’IA
• Contrairement aux assistants du passé comme Clippy, Gemini vise une expression adaptative et propice à la découverte

Formes fondamentales et héritage du design Google

• Le langage visuel de Gemini s’inspire de la structure circulaire du logo Google pour exprimer simplicité et harmonie
  • Le logo Gemini se forme dans l’espace négatif créé par quatre cercles
• En transformant les quatre points colorés et les formes du design Material, Gemini fait évoluer le langage visuel familier de Google vers une expression de l’IA plus fluide
  • Des coins arrondis sont également appliqués aux éléments d’interface comme les boutons et les conteneurs afin de préserver la cohérence
• Le cercle symbolise la concentration et la diffusion de l’énergie, représentant visuellement la manière dont Gemini traite et développe les idées
• La directrice du design Anna Sera Garcia explique que les illustrations doivent avoir une qualité chaleureuse et spatiale
  • L’objectif est une impression « optimiste, joyeuse, mais sophistiquée », reflétant un processus de pensée non linéaire

Motion design intentionnel et interaction

• Le mouvement de Gemini n’est pas décoratif, mais un élément central d’orientation, reliant les actions de l’utilisateur aux réponses du système
  • Chaque animation a un début et une fin clairs, offrant un sens de direction et de collaboration
  • Les mouvements internes expriment la réflexion, l’analyse et l’intelligence, renforçant la transparence de l’IA
• Exemples :
  • La vitesse du mouvement transmet l’anticipation et le relâchement
  • Les ondulations d’un dégradé radial représentent la forme d’onde de la voix
  • Les animations d’icônes signalent de nouvelles fonctionnalités
• Garcia mentionne que « tout comme la technologie a transformé notre manière de converser, Gemini explore les principes fondamentaux de l’interaction intuitive »

Douceur et confiance dans le changement

• Les solutions visuelles de Gemini donnent une impression calme et raffinée, tout en masquant la complexité du processus de création
  • Les illustrations d’onboarding sont continuellement améliorées, en superposant de nouvelles expressions aux éléments existants
• Le design met l’accent sur une douceur qui tolère l’erreur et encourage l’exploration
  • Grâce à des dégradés pulsants, un langage clair et des signaux transparents, l’utilisateur peut se sentir en confiance
• Les dégradés constituent un langage visuel porteur d’espoir, directif et doux, en lien avec l’identité de la marque Google

Le rôle du designer : cartographe du changement

• Le design de Gemini s’apparente moins à un résultat figé qu’à un processus de cartographie continuellement mis à jour
  • Les designers doivent construire non pas un système parfait, mais une imperfection réfléchie
• Dans des systèmes d’IA en constante évolution, les designers doivent assumer le rôle de concepteurs d’expériences relationnelles