Prinzipien des App-Designs

Eine App ist eine der Hauptoberflächen von Wear OS. Apps unterscheiden sich von Zusatzfunktionen oder Kacheln, die eine schnelle Übersicht über App-Inhalte bieten. Apps enthalten mehr Informationen und bieten mehr Interaktivität. Der Nutzer ruft eine App häufig über eine andere Oberfläche auf, z. B. über eine Benachrichtigung, Zusatzfunktion, Kachel oder Sprachaktion.

Grundsätze

Beachten Sie beim Entwerfen von Apps die folgenden Prinzipien:

  • Konzentriert: Konzentrieren Sie sich auf wichtige Aufgaben, damit Nutzer ihre Aufgaben in Sekundenschnelle erledigen können.

  • Gering und linear: Erstellen Sie keine Hierarchien mit mehr als zwei Ebenen. Achten Sie darauf, Inhalte und Navigation nach Möglichkeit inline anzuzeigen.

  • Scrollen:In Apps kann gescrollt werden. Das ist eine natürliche Geste, mit der Nutzer auf der Smartwatch mehr Inhalte sehen können.

Richtlinien

Beachten Sie beim Entwerfen von Apps die folgenden Richtlinien.

Für vertikale Layouts optimieren

Vereinfachen Sie das Design Ihrer App mit vertikalen Layouts, mit denen Nutzer Inhalte in nur einer Richtung scrollen können.

Ziel dieser App ist es, Nutzer von Punkt A zu Punkt B zu bringen.
Verwenden Sie nicht sowohl vertikales als auch horizontales Scrollen, da dies die Nutzung der App verwirrend machen kann. Eine Ausnahme bilden einige bestimmte Anwendungsfälle, einschließlich der Medienwiedergabe, bei der sowohl vertikales als auch horizontales Scrollen unterstützt werden kann.

Uhrzeit anzeigen

Nutzer verbringen in der Regel mehr Zeit in Apps. Daher ist es wichtig, einen schnellen Zugriff auf die Uhrzeit zu ermöglichen.

Die Uhrzeit sollte oben in der App angezeigt werden, damit Nutzer sie immer an derselben Stelle sehen.
Zeigen Sie die Uhrzeit in einem Dialogfeld, auf einem Bestätigungsbildschirm oder in einer Auswahl an, da Nutzer auf diesen Bildschirmen wahrscheinlich nur wenige Sekunden verbringen.

Weitere Informationen zu Design und Verwendung finden Sie unter Uhrzeittext.

Barrierefreie Inline-Einstiegspunkte

Achten Sie darauf, dass alle Aktionen inline angezeigt werden. Verwenden Sie dabei klare Symbole und Labels für Barrierefreiheit. Dazu gehören auch Einstiegspunkte zu Einstellungen und Präferenzen.

Verwenden Sie nach Möglichkeit sowohl Symbole als auch Labels.
Verwenden Sie nur Symbole, um Nutzer zu einer Aktion aufzufordern.

Primäre Aktionen hervorheben

Helfen Sie Nutzern, Aktionen in Ihrer App auszuführen, indem Sie die primären Aktionen an die Spitze der App stellen. Platzieren Sie eindeutige primäre Aktionen an die Spitze der App.

Labels zur Orientierung der Nutzer verwenden

Bei längeren Apps sollten Sie Nutzern mithilfe von Labels helfen, sich zu orientieren, während sie durch die Inhalte scrollen.

Verwenden Sie Abschnittsübergänge, Labels und andere Hinweise, um Inhalte zu organisieren und Nutzern die Orientierung zu erleichtern, wenn sie durch längere Ansichten mit gemischten Inhalten scrollen.
Fügen Sie ein Label für Apps hinzu, die einen einzelnen Inhaltstyp enthalten.

Scrollleiste anzeigen

Die Bildlaufleiste wird angezeigt, wenn die gesamte Ansicht gescrollt wird, wie in der folgenden Abbildung dargestellt. Weitere Informationen finden Sie unter Positionshinweis.

Content-Container

In den folgenden Beispielen sind Inhaltscontainer zu sehen.

Beispiel für ein Schaltflächenzeilen-Layout

Abbildung 1: Container mit fester Höhe.

Beispiel für ein Schaltflächen-Spaltenlayout

Abbildung 2: Container mit variabler Höhe.

Beispiel für ein Schaltflächenzeilen-Layout

Abbildung 3: Container mit einer Höhe und Breite, die über dem Darstellungsbereich liegen.

Beispiel für ein Schaltflächen-Spaltenlayout

Abbildung 4: Ein paginativer Container.

Beispiel für ein Schaltflächenzeilen-Layout

Abbildung 5a Inhaltsseiten, die die volle Größe des Bildschirms einnehmen und vertikal paginated sind.