- Die visuelle Sprache der Gemini-App wurde so gestaltet, dass Nutzer die Fähigkeiten eines sich kontinuierlich weiterentwickelnden AI-Assistenten intuitiv verstehen und ihm vertrauen können
- Um Nutzern zu helfen, AI zu verstehen und ihr zu vertrauen, wurden Intuitivität, Immersion, Nahbarkeit und Zuverlässigkeit als Kernziele festgelegt
- Verläufe, kreisbasierte Formen und gezielte Motion werden kombiniert, um Geminis Denkprozess und Energie visuell auszudrücken
- Auf Basis von Googles Logo- und Material-Design-Erbe wurde ein neues visuelles System aufgebaut, das zugleich vertraut und fließend wirkt
- Durch Bewegung und Farbveränderungen wird gezeigt, wie Gemini denkt und reagiert, wodurch das Gefühl gestärkt wird, dass Nutzer mit dem System zusammenarbeiten
- Dieser Ansatz zeigt eine Designvorlage, die die Interaktion zwischen AI und Mensch weich und vertrauenswürdig verbindet, und weist die Richtung für zukünftige evolvierende Interfaces
Die visuelle Erkundung der Gemini-App
- Gemini ist ein AI-Assistent, der kontinuierlich lernt und sich anpasst, und benötigt daher eine neue visuelle Sprache, die über traditionelle lineare Designansätze hinausgeht
- Ziel ist es, eine intuitive, immersive und vertrauenswürdige Erfahrung zu bieten
- Nutzer sollen dabei unterstützt werden, sich in den sich wandelnden Funktionen zurechtzufinden und Vertrauen aufzubauen
- Neben dem ikonischen „Sparkle-Icon“ sind verschiedene visuelle Elemente wie Verläufe, responsive Container und gezielte Motion integriert
- Zusammen erzeugen diese Elemente Klarheit und eine magische Vertrautheit
Die Geschichte von Fluidität und die Rolle von Verläufen
- Wie beim Icon-Design von Susan Kare für frühere Macintosh-Interfaces steht auch Gemini vor der Aufgabe, abstrakte AI-Konzepte visuell zu vermitteln
- Wenn Kares Icons eine Brücke zwischen menschlichem und maschinellem Verständnis waren, übernimmt Gemini diese Rolle durch Verläufe
- Verläufe vermitteln Energiefluss und Richtung und lenken die Aufmerksamkeit der Nutzer auf wichtige Elemente
- Bei Spracheingaben werden fokussierte und diffuse Verläufe eingesetzt, um den Denkprozess der AI zu visualisieren
- Anders als frühere Assistenten wie Clippy zielt Gemini auf einen adaptiven und entdeckbaren Ausdruck
Grundformen und Googles Design-Erbe
- Die visuelle Sprache von Gemini ist von der kreisförmigen Struktur des Google-Logos inspiriert und drückt Einfachheit und Harmonie aus
- Das Gemini-Logo entsteht im negativen Raum, den vier Kreise bilden
- Durch die Weiterentwicklung der vierfarbigen Punkte und der Material-Design-Formen bleibt Googles vertraute visuelle Sprache erhalten und wird zugleich zu einer fließenderen AI-Darstellung ausgebaut
- Auch auf UI-Elemente wie Buttons und Container werden abgerundete Ecken angewendet, um Konsistenz zu wahren
- Der Kreis symbolisiert Konzentration und Ausbreitung von Energie und stellt visuell dar, wie Gemini Ideen verarbeitet und erweitert
- Design-Lead Anna Sera Garcia erklärt, dass die Illustrationen eine warme und räumliche Qualität haben sollen
- Ziel sei ein „optimistisches, freudiges, aber raffiniertes Gefühl“, das nichtlineare Denkprozesse widerspiegelt
Gezielte Motion und Interaktion
- Die Bewegung in Gemini ist kein Schmuck, sondern ein zentrales Leitelement, das Nutzeraktionen und Systemreaktionen verbindet
- Jede Animation hat einen klaren Anfang und ein klares Ende und vermittelt so Richtung und ein Gefühl der Zusammenarbeit
- Interne Bewegungen drücken Denken, Analyse und Intelligenz aus und erhöhen die Transparenz der AI
- Beispiele:
- Die Geschwindigkeit von Bewegung vermittelt Erwartung und Befreiung
- Wellen aus radialen Verläufen stellen Sprachwellenformen dar
- Icon-Animationen weisen auf neue Funktionen hin
- Garcia merkt an: „So wie Technologie unsere Art zu kommunizieren verändert hat, erforscht Gemini die Grundprinzipien intuitiver Interaktion“
Sanftheit und Vertrauen im Wandel
- Geminis visuelle Lösungen vermitteln einen ruhigen und raffinierten Eindruck und verbergen die Komplexität des Entstehungsprozesses
- Onboarding-Illustrationen werden kontinuierlich verbessert, indem neue Ausdrucksformen auf bestehende Elemente aufbauen
- Beim Design steht eine Sanftheit im Vordergrund, die Fehler zulässt und zum Erkunden ermutigt
- Durch pulsierende Verläufe, klare Sprache und transparente Signale sollen sich Nutzer sicher fühlen
- Verläufe bilden eine hoffnungsvolle, leitende und sanfte visuelle Sprache, die mit der Identität der Google-Marke verbunden ist
Die Rolle der Designer: Kartografen des Wandels
- Das Design von Gemini ist weniger ein fixes Endprodukt als ein Prozess kontinuierlich aktualisierter Kartografie
- Designer sollten kein perfektes System bauen, sondern eine durchdachte Unvollkommenheit
- In sich wandelnden AI-Systemen sollten Designer die Rolle übernehmen, relationale Erfahrungen zu gestalten
Noch keine Kommentare.