Infokarten

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

Designelemente sollten am unteren Rand des Frames verankert werden.

Grundsätze

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

Übersichtlich: Inhalte werden klar und organisiert präsentiert, was die Lesbarkeit verbessert.

Vielseitig: Karten können angepasst werden, um eine Vielzahl von Inhalten darzustellen, von einfachen 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 enthalten, z. B. Text, Symbole, Bilder, Aktionen oder Gemini-Antworten.

Designelemente sollten am unteren Rand des Frames verankert werden.

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

Halten Sie Inhalte kurz und beachten Sie Best Practices für den Stil, z. B. die Verwendung von Farben.
Nutzer mit zu vielen Inhalten auf Karten überfordern oder gegen Stilrichtlinien verstoßen.

Anatomie

Karten werden mit voreingestellten Slot-Vorlagen erstellt.

Designelemente sollten am unteren Rand des Frames verankert werden. 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. eine Schaltfläche. So können Nutzer eine Aktion direkt über die Karte ausführen. Der Slot ist in einer separaten Überladung der Card-Composable-Funktion verfügbar. 

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. So wird die Nutzerfreundlichkeit erhöht.

Designelemente sollten am unteren Rand des Frames verankert werden. Eine Karte, die als Listenelement den Fokus hat.

Designelemente sollten am unteren Rand des Frames verankert werden. Eine Schaltfläche auf einer Karte wird als das ausführbare Element fokussiert.

Personalisierung

Properties Personalisierung Standardeinstellungen
Form Ja Mittel
Padding Ja 24 dp, 24 dp
Rahmen Ja 2 dp, #606460
Text Ja Body Small
Vorangestelltes Symbol Ja 56 dp
Schluss-Symbol Ja 56 dp