Infokarten

Karten können eine Vielzahl von Informationen wie Text, Symbole, Bilder, Gemini-Antworten oder Aktionen enthalten.

Grundsätze

Zusammenhängend: Auf Karten werden zusammengehörige Informationen und Aktionen in einer einzigen, leicht verständlichen Einheit zusammengefasst.

Klar: Inhalte werden klar und strukturiert präsentiert, was die Lesbarkeit verbessert.

Vielseitig: Karten können angepasst werden, um eine Vielzahl von Inhalten darzustellen, von kleinen Textblöcken bis hin zu komplexeren Zusammenfassungen mit mehreren Elementen.

Modular: Die Komponenten sind modular aufgebaut und können in verschiedenen Teilen der Jetpack Compose Glimmer for Glasses-Benutzeroberfläche wiederverwendet werden.

Nutzung und Platzierung

Karten können eine Vielzahl von Informationen wie Text, Symbole, Bilder, Aktionen oder Gemini-Antworten enthalten.

Verwenden Sie Jetpack Compose-Glimmer-Kartenvorlagen für Inhalte, da sie in vielen Varianten verfügbar und standardmäßig für die Designprinzipien von Brillen optimiert sind.

check_circle

Das sollten Sie tun

Halten Sie die Inhalte kurz und beachten Sie die Best Practices für den Stil, z. B. die Verwendung von Farben.

cancel

Das sollten Sie nicht tun

Nutzer mit zu vielen Inhalten auf Karten überfordern oder gegen Stilrichtlinien verstoßen.

Verwenden Sie eine Schaltflächengruppe mit einer Karte, um mehr als eine Aktion anzuzeigen.

check_circle

Das sollten Sie tun

Verwenden Sie nur einen verschachtelten Button in einer Karte, um den Fokus zu schärfen.

cancel

Das sollten Sie nicht tun

Mehrere Schaltflächen auf einer Karte Infokarten sollten nicht als mobiler Dialog betrachtet werden.

Anatomie

Karten werden mit voreingestellten Slot-Vorlagen erstellt.

1. Kopfzeile: Der obere Bereich der Karte, in dem ein Bild platziert werden kann. 

2. Titel und Untertitel: Diese Textfelder enthalten die primären und sekundären Labels für die Karte. 

3. Führendes Symbol: Ein optionales Symbol, das am Anfang des Inhaltsbereichs der Karte angezeigt wird.

4. Schluss-Symbol: Ein optionales Symbol, das am Ende des Inhaltsbereichs der Karte angezeigt wird.

5. Aktion: Ein Slot für ein primäres interaktives Element, z. B. einen Button. So können Nutzer eine Aktion direkt über die Karte ausführen. Wenn eine Karte eine Aktion hat, sollte sie nur eine Aktion enthalten.

6. Hauptinhalt: Der Hauptteil der Karte, in dem Sie den primären Text oder andere Inhalte platzieren.

Fokus

Bei Karten, deren primärer Zweck es ist, ein bestimmtes interaktives Element (z. B. die Schaltfläche in der Aktion) zu enthalten, sollte der Fokus direkt auf dieses Element und nicht auf den Kartencontainer gelegt werden. Eine Karte wird fokussierbar, wenn sie ein einzelnes, navigierbares Element wie einen Eintrag in einer Liste darstellt. Das sorgt für eine direktere und zugänglichere Nutzererfahrung.

 Eine Karte, die als Listenelement fokussiert ist.

 Eine Schaltfläche auf einer Karte wird als das ausführbare Element fokussiert.

Anpassung