Gestaltungsrichtlinien für Kacheln

Kacheln sind eine der Oberflächen, die unter Wear OS am besten zugänglich sind.

Kacheln bieten schnellen Zugriff auf Informationen und Aktionen, die Nutzer für ihre Aufgaben benötigen. Durch Wischen über das Zifferblatt können Nutzende sehen, wie sie Fortschritte auf dem Weg zu ihren Fitnesszielen machen, das Wetter checken und vieles mehr. Starten Sie eine App oder erledigen Sie wichtige Aufgaben schnell von Ansichten aus.

Nutzer können auswählen, welche Kacheln sie auf ihrer Smartwatch sehen möchten. Mit Wear OS können Nutzer ihre Kacheln sowohl auf der Smartwatch als auch in der Companion-App verwalten.

UX-Prinzipien

In der folgenden Tabelle werden die UX-Prinzipien von Tile beschrieben.

Sofort

Vorhersehbar

Relevant
Kacheln sollen Nutzenden helfen, häufige Aufgaben schnell auszuführen. Stellen Sie kritische Inhalte mit einer klaren Informationshierarchie dar, damit die Inhalte leicht verständlich sind. Der Inhalt jeder Kachel sollte sich immer auf eine Aufgabe der Nutzenden konzentrieren. Nutzer können so vorhersagen, welche Informationen sie auf der Kachel sehen werden, und die Trefferquote wird verbessert. Die Nutzer nehmen ihre Uhren überallhin mit. Überlege, wie die Inhalte in der Kachel für den Nutzerkontext relevant sind.

Vorgaben

Beachten Sie beim Erstellen von Ansichten die folgenden Richtlinien.

Sich auf eine einzelne Aufgabe konzentrieren

Dos

Jede Kachel auf eine einzelne Aufgabe legen, z. B. Lauf starten

Don'ts

Zu viele verschiedene Aufgaben auf einer einzelnen Kachel unterstützen

Separate Kacheln für jede Aufgabe erstellen

Wenn Ihre App mehrere Aufgaben unterstützt, sollten Sie für jede von der App unterstützte Aufgabe mehrere Kacheln erstellen. Zum Beispiel könnte eine Fitness-App sowohl eine Kachel für Ziele als auch eine Kachel für Trainingsaktivitäten haben.

Ansichten

Übersichtliche Darstellungen von Grafiken und Diagrammen anzeigen

Dos

Schnelle, übersichtliche Darstellungen numerischer oder statistischer Informationen anzeigen und dem Nutzer durch Tippen weitere Informationen in einer App anzeigen, falls erforderlich.

Don'ts

Detaillierte numerische oder statistische Informationen auf der Kachel anzeigen.

Neueste Datenaktualisierungen angeben

Sorge dafür, dass der Nutzer weiß, wie aktuell die auf seiner Smartwatch angezeigten Daten sind. Im Cache gespeicherte Daten werden zusammen mit einem Hinweis darauf angezeigt, wann sie zuletzt aktualisiert wurden, sofern dies für den Nutzer relevant ist.

Ansichten

Angemessene Datenaktualisierungsrate verwenden

Wähle eine geeignete Aktualisierungsrate für deine Kacheln unter Berücksichtigung der Auswirkungen auf die Akkulaufzeit des Geräts. Wenn du Plattformdatenquellen wie die Herzfrequenz und die Schrittzahl verwendest, steuert Wear OS die Aktualisierungsrate für dich.

Leere Zustände

Kacheln haben zwei Arten von leeren Zuständen. Wir empfehlen für beide die Verwendung von PrimaryLayout.

Fehler oder Berechtigung

Teile dem Nutzer mit, dass er seine Einstellungen über die Kachel aktualisieren muss.

Anmelden

Gib auf einer Anmeldekachel einen klaren Call-to-Action an.

Dialogbeispiele

Dialogfeldstatus für Fehler, Berechtigungen und Einstellungen verwenden.

Ansichten

Laufende Aktivitäten anzeigen

Wenn eine App eine lang andauernde Aktivität ausführt, z. B. ein Training verfolgt oder Musik abgespielt wird, sollte sie den Fortschritt der laufenden Aktivität in einer oder mehreren Kacheln anzeigen.

Wenn deine App auch Kacheln unterstützt, mit denen Nutzer diese Aktivitäten starten können, gehe so vor, um die Nutzer nicht zu verwirren:

  • Zeigt an, dass eine laufende Aktivität bereits läuft.
  • Wenn der Nutzer auf eine solche Kachel tippt, starte deine App und zeige die laufende Aktivität an. Keine neue Instanz einer laufenden Aktivität starten.

Ansichten

Anforderungen

Primärdaten
Der Hauptinhalt, der die Aktivität beschreibt.

Label
Zeigt den Status der Aktivität an.

Bewegung auf Kacheln

Beachten Sie beim Hinzufügen von Animationen zu Kacheln folgende Prinzipien:

Nutzern helfen, Änderungen zu verstehen

Dos

Heben Sie hervor, ob Sie Informationen zu einer Kachel aktualisieren, z. B. den Fortschritt in einem Diagramm mit der Schrittzahl.

Don'ts

Unerwarteter Wechsel zwischen Werten.

Vorschauen

Fügen Sie eine Ansichtenvorschau hinzu, damit der Nutzer sehen kann, welche Inhalte im Ansichtenmanager auf der Smartwatch und dem Smartphone angezeigt werden. Jede Kachel kann ein repräsentatives Vorschaubild haben. Das Bild sollte die folgenden Anforderungen erfüllen.

Anforderungen

  • Exportieren Sie Assets mit einer Größe von 400 x 400 Pixel.
  • Stellen Sie ein rundes Vorschaubild bereit.
  • Verwenden Sie einen einfarbigen schwarzen Hintergrund.
  • Speichern Sie die Datei als PNG- oder JPEG-Datei.
  • Füge lokalisierte Assets für die beliebten Sprachen deiner App hinzu.
Eine Kachelvorschau, die im Kachelmanager auf einer Uhr angezeigt wird. Eine Kachelvorschau, die im Ansichtenmanager auf einem Smartphone angezeigt wird.

Dos

Zeigt eine Vorschau an, in der die Kachel mit Inhalten gefüllt wird.

Don'ts

Blenden Sie einen leeren Zustand ein, zeigen Sie das Kachelsymbol auf der Benutzeroberfläche zur Paginierung an oder platzieren Sie einen Strich um die Kachel.

Beispiellayouts

Im Folgenden werden einige häufige Anwendungsfälle für Kacheln unter Verwendung unserer Best Practices für das Design gezeigt. Weitere Informationen finden Sie unter Ansichten.

Zielvorhaben-Tracking

Training starten

Training starten

Training starten

Trainingszusammenfassung

Timer starten

Aktuelle Herzfrequenz

Herzfrequenz

Nächster Wecker

Meditieren

Meditieren

News

Wetter

Nächstes Ereignis

Soziale Netzwerke

Medien abspielen