Mintlify startet Mentha: ein Designsystem für Menschen und Agenten

Weniger Optionen, weniger uneinheitliche Entscheidungen

Laut Fay Dakrouri aus Mintlifys Designteam hatte das alte System zu viele Varianten. Jede zusätzliche Option wurde zu einer Entscheidung, die jemand treffen musste und die verschiedene Personen unterschiedlich treffen konnten. Das Ergebnis war Inkonsistenz, die aus vielen für sich genommen vernünftigen Entscheidungen entstand: Ein Screen nutzt ein 20-px-Icon, ein anderer ein 16-px- oder 14-px-Icon, und jedes wirkt für sich gut. Nebeneinander wirkt das Produkt dagegen zusammengestückelt.

Mentha reduziert Größen und Varianten auf das, was tatsächlich gebraucht wird. Nichts wird hinzugefügt, bevor es einen echten, wiederkehrenden Anwendungsfall gibt. Andernfalls, so der Beitrag, handle es sich nicht um eine Komponente, sondern um eine Überschreibung. Dakrouri gestaltete zunächst die Oberfläche selbst, bevor sie etwas in Komponenten überführte. So konnte das Team die Muster erkunden, die später zu den leitenden Vorgaben wurden.

Muster, Interaktionsregeln und eine breitere Grünpalette

Das Team entwarf Muster für Probleme, die immer wieder auftauchen. Ist ein Problem nicht neu, starten Designer bei dem, was bereits funktioniert. Ist es neu, gestalten sie es sorgfältig und nehmen es ins System auf. Mintlify zufolge helfen Muster auch Agenten: Beantwortet ein etabliertes Muster die Fragen bereits, muss der Agent weniger raten und kann weniger falsch machen. Auch Nutzer profitieren, denn was man einmal gelernt hat, funktioniert überall gleich.

Interaktionsregeln sind Teil des Systems. Hover soll Interaktivität zeigen, nicht Funktionalität. Deshalb wird Hover nicht genutzt, um Aktionen einzublenden, die auf Touchscreens und für Tastaturnutzer schwerer zu finden sind. Aus Gründen der Barrierefreiheit versteckt sich nichts hinter Hover. Der Zeigercursor wird nur noch bei Links verwendet.

Auch die Palette hat sich geändert. Die bisherigen Farbskalen nutzten das Markengrün etwa für Link-Hover, was wie ein Erfolgszustand aussah, weil es zu nah an einem echten Grün lag. Mintlify hat der Markengrünpalette kühlere Minttöne hinzugefügt. Markenassets nutzen die gesamte Palette, im Produkt verwendet alles, was zur Marke gehört, nur die kühlen Töne, damit es nicht mit einem Erfolgszustand verwechselt wird.

Neu sind auch Schatten. Das bisherige System kannte keine, Mentha ergänzt vier Schattenstufen, die je nach Position eines Elements stärker werden. Etwas, das auf der Seite ruht, erhält einen leichteren Schatten als etwas, das darüber schwebt. Manche Schatten liegen auf einer inneren Komponente statt als üblicher äußerer Box-Shadow.

Mit Agenten im Blick entworfen

Mintlify sagt, Agenten gehörten inzwischen zur Arbeitsweise. Aus Sicht des Unternehmens bauen Agenten schnell, schaffen aber nichts Neuartiges oder Nuanciertes und neigen dazu, auf möglichst generische Weise zum schnellsten Ergebnis zu kommen. Menschen bringen Urteilsvermögen und ein Gespür für Handwerk mit, was dem Beitrag zufolge die Seele des Produkts bewahrt.

Das Team hat beobachtet: Je mehr Anweisungen, Skills und in Komponenten eingebettete Vorgaben ein Agent erhält, desto treffender ist seine erste Richtung. Der Beitrag betont, das Ergebnis sei noch lange nicht produktionsreif, aber ein besserer Start als die Standardausgabe eines Agenten ohne Vorgaben. Jemand muss weiterhin wissen, welches Problem gelöst wird, mit Geschmack beurteilen, ob das Ergebnis es löst, und anhand von Nutzerfeedback weiter iterieren.

Was das für die Zukunft bedeutet

Design und Design Engineering treffen weiterhin die finalen Entscheidungen, doch laut Unternehmen werden mit dem System weniger Entscheidungen von Grund auf getroffen. In den Worten des Beitrags ist das Designurteil nun im Grunde im Raum, selbst wenn die Designer es nicht sind.

Mintlify beschreibt Mentha als unfertig und sagt, es werde es nie sein. Das System ist im Dashboard bereits live, der nächste Schritt ist, es als Komponenten in die Docs zu bringen, die Kunden veröffentlichen.