Prinzipien des App-Designs

Eine App ist eine der wichtigsten Oberflächen unter Wear OS. Apps unterscheiden sich von Zusatzfunktionen oder Kacheln, bei denen es sich um übersichtliche Darstellungen von App-Inhalten handelt. Apps zeigen mehr Informationen an und unterstützen vielfältigere Interaktivität. Der Nutzer öffnet eine App häufig über eine andere Oberfläche, z. B. über eine Benachrichtigung, eine Zusatzfunktion, eine Ansicht oder eine Sprachbedienung.

Grundprinzip

Beachten Sie beim Entwerfen von Apps die folgenden Prinzipien:

  • Fokus: Konzentrieren Sie sich auf wichtige Aufgaben, damit Ihre Mitarbeiter sie innerhalb von Sekunden erledigen können.

  • Flach und linear:Vermeiden Sie es, Hierarchien zu erstellen, die sich auf mehr als zwei Ebenen befinden. Inhalt und Navigation sollten möglichst inline angezeigt werden.

  • Scrollen:Apps können scrollen. Dies ist eine natürliche Geste für Nutzende, um mehr Inhalt auf der Uhr zu sehen.

Vorgaben

Halten Sie sich beim Entwerfen von Apps an die folgenden Richtlinien.

Für vertikale Layouts optimieren

Vereinfachen Sie das Design Ihrer App, indem Sie vertikale Layouts verwenden, bei denen Nutzer nur in eine Richtung scrollen können, um sich durch die Inhalte zu bewegen.

Dos

Das Ziel dieser App ist es, die Nutzenden von Punkt A nach Punkt B zu bringen.

Don'ts

Nutze nicht sowohl vertikales als auch horizontales Scrollen, da dies deine App verwirren könnte. Ausnahmen sind einige spezielle Anwendungsfälle, darunter die Medienwiedergabe, die sowohl vertikales als auch horizontales Scrollen unterstützen kann.

Uhrzeit anzeigen

Da Nutzer tendenziell mehr Zeit mit Apps verbringen, ist es wichtig, schnell Zugriff auf die Zeit zu gewähren.

Dos

Blenden Sie die Uhrzeit oben in der App ein, da dies den Nutzern einen einheitlichen Ort bietet, an dem sie sich die Zeit ansehen können.

Don'ts

Zeigen Sie die Zeit in einem Dialogfeld, auf einem Bestätigungsbildschirm oder in einer Auswahl an, da Nutzer wahrscheinlich nur einige Sekunden auf diesen Bildschirmen verbringen.

Weitere Informationen zu Design und Verwendung finden Sie unter Zeittext.

Barrierefreie Inline-Einstiegspunkte

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

Dos

Verwenden Sie nach Möglichkeit sowohl Symbole als auch Labels.

Don'ts

Sie verlassen sich ausschließlich auf Symbole, die Nutzende zum Handeln auffordern.

Primäre Aktionen fördern

Unterstützen Sie Nutzer dabei, Aktionen in Ihrer App auszuführen, indem Sie primäre Aktionen ganz oben in der App platzieren. Heben Sie eindeutige primäre Aktionen an den Anfang der App.

Labels zur Orientierung für Nutzende verwenden

Bei längeren Anwendungen sollten Sie dem Nutzer beim Scrollen durch den Inhalt die Labels als Orientierungshilfe bieten.

Dos

Verwende Abschnittswechsel, Labels und andere Hinweise, um Inhalte zu organisieren und Nutzern beim Scrollen durch längere Aufrufe mit gemischten Inhalten eine Orientierungshilfe zu bieten.

Don'ts

Fügen Sie ein Label für Apps mit einem einzelnen Inhaltstyp hinzu.

Bildlaufleiste einblenden

Blenden Sie die Bildlaufleiste ein, wenn die gesamte Ansicht gescrollt wird, wie in der folgenden Abbildung dargestellt. Weitere Informationen finden Sie unter Positionsanzeige.

Inhaltscontainer

Beispiele für Inhaltscontainer:

Abbildung 1: Container mit fester Höhe.
Abbildung 2: Container mit variabler Höhe.
Abbildung 3: Container mit einer höheren Höhe und Breite als der Darstellungsbereich.
Abbildung 4: Ein paginierter Container.
Abbildung 5a. Inhaltsseiten, die die volle Bildschirmgröße einnehmen und vertikal paginiert werden.