Gemini hat kürzlich eine neue Benutzeroberfläche veröffentlicht, und die erste Reaktion vieler Leute war – „Warum kommt mir das so bekannt vor?“
Wenn man es nebeneinander mit ChatGPT öffnet, fällt etwas Interessantes auf: Beide Unternehmen haben den wichtigsten Produkteinstiegspunkt – das Chat-Eingabefeld – nahezu identisch gestaltet. Ein Textfeld, ein Pluszeichen und ein Sprachbutton, das war's.
Wenn eine Produktform von einer riesigen Nutzerbasis immer wieder verfeinert und validiert wird, tendiert die optimale Lösung dazu, am selben Punkt zu konvergieren.
Wie sieht dieses Design aus?
Die primäre Eingabeleiste enthält nur drei Elemente:
- Pluszeichen (+) – Es sagt nicht, wofür das „+" steht, vielleicht zum Hinzufügen von Anhängen?
- Texteingabefeld – Der Hauptinteraktionspunkt
- Audio-Button – Sprachmodus
Das Kerninteraktionsszenario für KI-Chat ist eigentlich: Textnachricht – Tippen, Anhänge hinzufügen, Fotos oder andere Dinge.
Darüber hinaus umfassen optionale Interaktionen:
- Modellauswahl
- Denken
- Websuche
- Tonfall
- ...
Viele erinnern sich vielleicht, dass ChatGPT lange Zeit damit verbracht hat, diese Eingabeleiste ständig neu zu gestalten, bis eines Tages der obige Stil erschien. Seitdem, egal wie Modelle oder Produktfunktionen aktualisiert werden, ist diese Eingabeleiste gleich geblieben. Das ist die Best Practice des Designs.
Warum ist es so gestaltet?
Die Modellauswahl wird zurückgestuft
Keines der beiden Produkte platziert die „Modellauswahl" innerhalb der Eingabeleiste. Gemini platziert den Modellwechsel in einem Dropdown-Menü in der oberen Kopfzeile; ChatGPT macht dasselbe. Ihre Botschaft ist konsistent:
Wir möchten nicht, dass Nutzer vor jeder Frage denken: „Sollte ich jetzt GPT-4o oder o1 verwenden?"
Aus interaktionsdesignerischer Perspektive: Je mehr Entscheidungspunkte, desto länger die Entscheidungszeit. Ein Modell ist im Wesentlichen ein technisches Implementierungsdetail. Wenn es vor der Eingabeleiste platziert wird, zwingt es die Nutzer, jedes Mal eine „Selbstprüfung" durchzuführen: „Bin ich es wert, das beste Modell zu verwenden?" – das ist eine menschenfeindliche mentale Belastung.
Den Modelleinstieg weiter weg zu verlegen und ihn „nicht so einfach anklickbar" zu machen, erscheint kontraintuitiv, ist aber tatsächlich ein Vertrauen in die Standardeinstellungen – das Produkt sagt dem Nutzer selbstbewusst: Du musst dir darüber keine Sorgen machen; wir haben für dich ausgewählt.
Der Plus-Button: Ein sorgfältig gestalteter „sekundärer Container"
Das „+"-Symbol ist hier der genialste Teil; es ist ein Pluszeichen, kein Anhang oder Bildsymbol.
Konkret erreicht dieser Container:
- Die Hierarchie eines Sheets passt natürlich zur Beziehung „Hauptaufgabe – Nebenaufgabe". Es kommt von unten hoch, stiehlt dem Eingabebereich nicht die visuelle Aufmerksamkeit und zieht sich nach der Nutzung zurück, nach dem Prinzip der progressiven Offenlegung.
- Das Sheet bringt „Inhalt hinzufügen" und „Funktionen aufrufen" im selben Raum unter. Öffnet man das Pluszeichen von ChatGPT, sieht man Einträge wie Album und Kamera zum „Hereinholen von Dingen", gefolgt von Bild erstellen, Tiefenrecherche und Websuche zum „Hinausrufen von Funktionen". Im Kopf des Nutzers gehören beide zu „Ich möchte das Gespräch jetzt bereichern", also sollten sie im selben Container erscheinen.
- Das Sheet bietet eine „sanfte Entdeckung". Erweiterte Funktionen werden nicht in eine Einstellungsseite verbannt oder auf der primären Symbolleiste zusammengedrängt, um neue Nutzer zu verschrecken. Sie liegen hinter dem Pluszeichen und warten darauf, dass Nutzer, die bereits mit dem Basis-Chat vertraut sind und erweiterte Bedürfnisse entwickeln, sie aktiv erkunden. Das ist der eleganteste Weg, um die Entdeckungskosten zu senken – keine Erklärung, keine Anleitung, sie erscheinen einfach genau dann, wenn der Nutzer bereit ist.
Gutes Design ist Design der Absicht.
Natürlich ist es erwähnenswert, dass Claude immer noch die Modellauswahl beibehält – und damit eigentlich betont: Wir haben die besten Modelle, du solltest die besten Modelle verwenden! Du musst die besten Modelle auswählen.
UI-Design ist Design der Absicht.
