Medien-Apps entwerfen

Android-Nutzer interagieren mit verschiedenen Medientypen wie Hörbüchern, Musik, Podcasts und Radio. Es ist wichtig, Apps zu entwerfen, die es Nutzenden ermöglichen, bequem auf Medien auf ihrer Uhr zuzugreifen. Die Smartwatch ist eine einzigartige Oberfläche, auf der Einfachheit und Geschwindigkeit der Interaktionen eine hohe Priorität haben, da Nutzer viel weniger Zeit mit ihrer Smartwatch verbringen als mit ihrem Smartphone oder Tablet.

Weitere Informationen finden Sie im Media Toolkit auf GitHub.

Medien-App-Architektur

Erstellen Sie Medien-Apps mit bestimmten Einschränkungen und Anforderungen. Medien-Apps enthalten oft die Seiten Durchsuchen und Entität. Über die Option Durchsuchen können Nutzer nach Medien zum Abspielen suchen. Auf Seiten mit Entität können Sie Nutzern weitere Informationen zum Inhalt eines Medienelements geben. Sie können auch zusätzliche Aktionen wie manuelles Herunterladen, Abspielen oder Zufallsmix enthalten.

Medien-Apps sollten auch Bildschirme für die Mediensteuerung enthalten. Erstellen Sie Mediensteuerelemente mit einem Layout mit fünf Schaltflächen. So wird die Mindestanzahl an Tippzielen erreicht. Im Folgenden findest du Beispiele für Mediensteuerelemente für eine Musik-App und eine Podcast-App.

Passen Sie die angezeigten Mediensteuerelemente an die Art der Inhalte an. Wenn Sie mehr als fünf Aktionen einfügen möchten, können Sie ein Dreipunkt-Menü verwenden, um Nutzer auf eine zusätzliche Seite weiterzuleiten. Sie können benutzerdefinierte Symbole und Schriftarten für Ihre App verwenden.

Achten Sie beim Erstellen von Entitätsseiten darauf, dass wichtiger Kontext und Aktionen leicht verfügbar sind, z. B. das Herunterladen von Medien für die Offlinewiedergabe oder die Wiedergabegeschwindigkeit.

Beispiel-Entitätsseite für eine Musik-App Beispielseite für eine Entität für eine Podcast-App.

Die meisten Wear OS-Geräte haben eine drehbare Seitentaste (RSB) oder einen Glasrand. Bestimmte Wear-Geräte haben möglicherweise auch zusätzliche Hardwaretasten zur Lautstärkeregelung. Steuere die Lautstärke mit dem RSB, der Lünette oder der zusätzlichen Taste. Zeige die Anzeige nur dann an, wenn der RSB oder die Glasrand gedreht wird, wie im folgenden Beispiel gezeigt.

Verkleinern Sie Ihre App-Hierarchie und machen Sie Medien für die Nutzer sichtbar. Nutzen Sie eine flache Informationsarchitektur, in der Nutzer schnell auf Listen zugreifen und Miniaturansichten präsentieren können. Du kannst benutzerdefinierte Designkomponenten für Wear OS verwenden. Weitere Informationen findest du in den Designempfehlungen für Karten und Chips.

Gängige Anwendungsfälle

Priorisieren Sie beim Entwerfen von Medien-Apps die folgenden wichtigen Anwendungsfälle.

Erlauben Sie dem Nutzer Folgendes:

  • Heruntergeladene Medien anhören
  • Musik von der Uhr streamen

Heruntergeladene Medien anhören

Nutzer sollten Medienelemente manuell von einer Entitätsseite herunterladen können.

Teilen Sie dem Nutzer mit, wo er Inhalte herunterlädt, den Fortschritt des Downloads, die benötigte Zeit und die Größe des Downloads, wie im folgenden Beispiel gezeigt:

Wenn der Nutzer in Medien stöbert, werden die zuletzt heruntergeladenen Medien angezeigt.

Wenn Inhalte bereits heruntergeladen wurden, verdeutlichen Sie dies durch eine Aktion zum Entfernen des Downloads von der Smartwatch. In diesem Fall müssen Sie auch anzeigen, wie viel Speicherplatz der Download auf dem Smartphone einnimmt, wie in der folgenden Abbildung dargestellt.

Wenn das Quellgerät die Smartwatch ist: Fordere die Nutzer auf, ein Headset anzuschließen, bevor sie Musik hören. Sobald ein Headset angeschlossen ist, spiel die Medien ab und öffne die Mediensteuerung.

Musik von der Uhr streamen

Das Streaming von der Uhr kann den Akku der Uhr belasten. Heruntergeladene Inhalte werden priorisiert, wenn Nutzer Inhalte auf der Smartwatch anhören möchten. Dazu werden kürzlich verwendete Downloads in der Suchliste angezeigt. Sie können eine Schaltfläche hinzufügen, über die sie zu einer vollständigen Liste der Downloads gelangen, wie in den folgenden Bildern gezeigt.