Receiver-App mit Touchscreen

Der Empfänger gibt Inhalte auf Geräten wieder, die möglicherweise über eine Touch-Steuerung verfügen. Der Empfänger muss sofort auf Aktionen in der Sender-App sowie auf Touch-Steuerelemente reagieren.

Beispiele für Feedback zur Empfänger-UI:

  • Läuft gerade
  • Pausiert
  • Wiedergabeposition / Suchen
  • Pufferung

  Receiver-Benutzeroberfläche

Erforderlich
  A   Für Video- und Audioempfänger muss die Empfänger-App so entwickelt werden, dass sie sich an jede Bildschirmauflösung und jedes Seitenverhältnis anpassen kann.

Video

Benutzeroberfläche des Videoempfängers

Audio

Benutzeroberfläche für Audio-Receiver


  B   Bei Video- und Audioempfängern dürfen keine Elemente angezeigt werden, die auf Touch-Gesten hinweisen. Zeigen Sie beispielsweise keine Elemente an, die darauf hinweisen, dass Nutzer wischen können.
  C   Bei Video- und Audioempfängern dürfen keine Elemente angezeigt werden, die auf Touch-Interaktionen hindeuten.
  D   Für Audio-Receiver dürfen keine Steuerelemente wie Fortschrittsanzeigen angezeigt werden.


Nicht:Elemente, die wie Schaltflächen aussehen, oder Steuerelemente anzeigen.


  E   Bei Videoempfängern dürfen während der Wiedergabe, auch im pausierten Zustand, keine Metadaten oder Steuerelemente auf dem Empfänger angezeigt werden, damit sie nicht mit den vom System angezeigten Steuerelementen in Konflikt geraten.


Nicht:Metadaten und Steuerelemente anzeigen


  F   Bei Audioempfängern müssen alle Metadatenelemente über dem geschützten Bereich platziert werden, damit sie sich nicht mit den vom System angezeigten Steuerelementen überschneiden.

Best Practices

  • Der gesamte Text muss aus einer Entfernung von 1,5 bis 3 Metern von der Anzeigeeinheit lesbar sein.
 

  Empfänger-App im Leerlauf

Auf dem Empfänger wird ein Inaktivitätsbildschirm angezeigt, wenn sich der Empfänger im Vordergrund befindet, aber keine Inhalte wiedergegeben werden.

Erforderlich
  A   Anhand des App-Logos erkennen, welche Empfänger-App geladen wird.
  B   Platziere alle Elemente, einschließlich aller App-Logos, oberhalb des geschützten Bereichs, damit sie sich nicht mit den vom System angezeigten Steuerelementen überschneiden.

Best Practices

  • Die App wird geladen und der Text „Bereit zum Streamen“ wird angezeigt.
  • Der Empfänger wird beendet, wenn er 5 Minuten lang inaktiv ist, und alle verbundenen Sender-Apps werden getrennt. Wenn die Wiedergabe beendet wird, wird der Startbildschirm des Geräts angezeigt. Das soll das Einbrennen des Bildschirms verhindern.

 

  Laden der Empfänger-App

Wenn ein Nutzer eine Verbindung zu einem Empfänger herstellt, muss die Empfänger-App zuerst geladen werden, bevor sie den Inaktivitätsstatus der App anzeigen oder mit der Wiedergabe von Inhalten beginnen kann.

Erforderlich
  A   Gib an, welche Empfänger-App geladen wird, indem du das App-Logo anzeigst.
  B   Gib an, dass die Empfänger-App geladen wird, indem du einen animierten Ladespinner anzeigst.

 

  Laden von Inhalten auf dem Receiver

Während Inhalte geladen werden und bevor die Wiedergabe beginnt, sollte der Empfänger Informationen anzeigen, die darauf hinweisen, dass Inhalte geladen werden.

Erforderlich
  A   Gib an, welche Inhalte geladen werden, indem du den Inhaltstitel oder das Artwork anzeigst.
  B   Machen Sie deutlich, dass Inhalte geladen werden, indem Sie einen animierten Ladespinner einblenden.

Best Practices
Wenn du die Wiedergabe von Inhalten fortsetzt, spule 5 bis 10 Sekunden zurück, damit der Zuschauer während des Übergangs vom Sender zum Empfänger nichts verpasst.

 

  Wiedergabe auf dem Empfänger

Erforderlich
  A   Bei Videoempfängern dürfen während der Wiedergabe keine Elemente angezeigt werden. Wenn Sie auf den Bildschirm tippen, werden die Steuerelemente des Players angezeigt.
  B   Bei Audio-Empfängern müssen alle Metadatenelemente über dem geschützten Bereich platziert werden. Es dürfen keine Steuerelemente angezeigt werden. Wenn Sie auf den Bildschirm tippen, werden die Steuerelemente des Players angezeigt.

Video

Der Nutzer tippt auf den Bildschirm, um die Steuerelemente des Players einzublenden.

Audio

Der Nutzer tippt auf den Bildschirm, um die Steuerelemente des Players einzublenden.

 

  Empfänger hat pausiert

Erforderlich
  A   Bei Videoempfängern dürfen im pausierten Zustand keine Elemente angezeigt werden. Das System zeigt die Steuerelemente des Players mit einer Wiedergabeschaltfläche an, um darauf hinzuweisen, dass die Wiedergabe pausiert ist.
  B   Bei Audioempfängern dürfen im pausierten Zustand keine Steuerelemente angezeigt werden. Das System zeigt die Steuerelemente des Players mit einer Wiedergabeschaltfläche an, um darauf hinzuweisen, dass die Wiedergabe pausiert ist.

Best Practices

  • Die Receiver-App sollte die Wiedergabe von Inhalten erst fortsetzen, wenn der Nutzer dies ausdrücklich verlangt, z. B. durch Fortsetzen oder Überspringen eines Elements in der Warteschlange.
  • Der Empfänger wird beendet, wenn er 20 Minuten lang inaktiv ist, und die Verbindung zu allen verbundenen Sender-Apps wird getrennt. Wenn die Wiedergabe beendet ist, wird der Startbildschirm des Geräts angezeigt. Das soll das Einbrennen des Bildschirms verhindern.
  • Sorgen Sie für die Kompatibilität mit der zukünftigen Implementierung von Hintergrundsitzungen.
  • Wenn der Empfänger aufgrund von Inaktivität beendet wird, speichere den pausierten Ort, damit der Nutzer die Wiedergabe später an dieser Stelle fortsetzen kann.

Video

Video pausiert

Audio

Audio pausiert

 

  Empfänger-Pufferung

Pufferung auf dem Empfänger tritt auf, wenn die Wiedergabe aufgrund von Netzwerklatenz oder anderen Faktoren verzögert wird.

Erforderlich
  A   Es werden keine Elemente angezeigt, auch wenn die Pufferung mehrere Sekunden lang dauert. Nutzer können auf den Bildschirm tippen, um die Steuerelemente des Players aufzurufen, oder wischen, um zurückzugehen.

Video

Pufferung auf Empfängerseite

Audio

Pufferung auf Empfängerseite

 

  Empfänger beendet Streaming

Wenn die Wiedergabe beendet wird oder eine Zeitüberschreitung auftritt, wird auf dem Empfängergerät die Benutzeroberfläche für den Leerlauf des Empfängers angezeigt.

Erforderlich
  A   Gib an, welche Empfänger-App geladen wird oder im Leerlauf ist, indem du ein App-Logo anzeigst.
  B   Platziere alle Elemente, einschließlich aller App-Logos, oberhalb des geschützten Bereichs, damit sie sich nicht mit den vom System angezeigten Steuerelementen überschneiden.

Best Practices

  • Die Verbindung zur Empfänger-App wird getrennt und die App wird beendet, wenn sie 5 Minuten lang inaktiv ist. Wenn die Übertragung beendet ist, wird der Startbildschirm des Empfängers angezeigt, um ein Einbrennen des Bildschirms zu verhindern.

 

 

Die in diesem Designleitfaden verwendeten Bilder wurden von der Blender Foundation zur Verfügung gestellt und unterliegen dem Urheberrecht oder einer Creative Commons-Lizenz.

  • Elephant's Dream: (c) Copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org
  • Sintel: (c) Copyright Blender Foundation | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) Copyright 2008, Blender Foundation / www.bigbuckbunny.org