Nutzererfahrung mit der Chromecast-Plattform

Mit Chromecast können Android-, iOS- und Chrome-Web-Apps Inhalte wie Video, Audio und Bildschirmfreigabe (Spiegelung) auf für Google Cast optimierte Geräte wie die folgenden "streamen":

  • Chromecast
  • Fernseher mit integrierter Chromecast-Technologie (auch als Fernseher mit integrierter Chromecast-Technologie bezeichnet)
  • Lautsprecher mit integrierter Chromecast-Technologie (auch als Lautsprecher mit integrierter Chromecast-Technologie bezeichnet)
  • Smart Displays (ein tragbarer Touchscreen-LCD-Monitor, der als Thin Client verwendet wird)
  • Android-Tablets

Beim Cast-Interaktionsmodell ist das Smartphone, das Tablet oder der Laptop der Sender, der als Fernbedienung zur Steuerung der Wiedergabe fungiert, während der Fernseher, das Display oder das angedockte Tablet der Empfänger ist, der Anweisungen vom Sender empfängt und die Inhalte über die Internetverbindung des Empfängers anzeigt. Alle Nutzeraktionen (tippen und wischen) können sowohl auf dem Sendergerät als auch auf dem Webempfänger ausgeführt werden.

Für das Umwandeln müssen zwei oder mehr Bildschirme koordiniert werden, also die Benutzeroberfläche des Absenders und die des Empfängers. Beide Bildschirme müssen zusammen funktionieren. Wenn du beispielsweise auf einem Mobilgerät eine Taste drückst, um den Inhalt zu pausieren, sollte auf dem Fernseher angezeigt werden, dass er pausiert ist, während das Mobilgerät eine Wiedergabeschaltfläche zum Fortsetzen der Wiedergabe bieten sollte.

Wissenswertes

Aufgrund von Hardware- und Ressourceneinschränkungen gelten für Chromecast-fähige Anwendungen bestimmte Einschränkungen:

  • Das Übertragungsgerät ist ein energiesparendes Gerät mit Einschränkungen im Hinblick auf Arbeitsspeicher, CPU und GPU. Daher sollte die Web Receiver App so schlank wie möglich sein.
  • Bei Interaktionsmodellen mit integrierter Chromecast-Technologie können Tabs, Fenster oder Pop-ups sowohl in der Web Receiver- oder Sender-App erstellt werden als auch Nutzereingaben wie Tippen oder Wischen direkt akzeptieren. Beispielsweise kann die Web-Receiver-App auf einem angedockten Tablet oder Display eine Pause-Schaltfläche anzeigen und das Antippen des Nutzers empfangen. Auf diese Weise müssen alle Aktionen in der Anwendung von einer Web Receiver- oder Absenderanwendung ausgelöst werden.
  • Smart Displays unterstützen Nutzereingaben über eine Sender-App oder per Berührung auf der Benutzeroberfläche.
  • Der Web Receiver ist ein Chrome-Browser, der für die Videowiedergabe optimiert ist. Daher werden WebGL und Chrome Native Client (NaCL) und Chrome-Erweiterungen derzeit nicht unterstützt.
  • Cast unterstützt eine gleichzeitige Wiedergabe von Medienstreams in den Tags <audio> und <video> oder mehrere Audiotracks mithilfe der WebAudio API. Es darf jeweils nur ein Videoelement im DOM aktiv sein. Darüber hinaus werden keine Videoerstellung, -bearbeitung, -transformationen, -drehungen und -zoomfunktionen unterstützt.

Allgemeine Designprinzipien

Beachten Sie bei der Entwicklung Ihrer Benutzeroberfläche Folgendes.

Web Receiver-Schnittstelle:

  • Der Web Receiver kann sowohl interaktive als auch Informationselemente enthalten, um den Status der App zu beschreiben, z. B. „Pausiert“ oder „Wiedergabe“, oder Fehlermeldungen. Die Nutzerinteraktion kann auf dem Cast-Sender (Smartphone, Tablet oder Chrome-Browser) oder auf dem Web-Receiver (Fernseher, Displays oder Tablets) stattfinden.
  • Denken Sie daran, dass die Videoaktion in der Mitte des Fernsehbildschirms stattfindet und Ihre UI-Elemente die Darstellung nicht beeinträchtigen sollten. Platzieren Sie UI-Elemente im unteren Drittel der Anzeige des Web Receiver. Lassen Sie dabei einen Rand von 10 % vom Bildschirmrand für einen möglichen Overscan zu.
  • Wenn möglich, sollten Übergänge von einem Bildschirmzustand zum anderen flüssig und wie im Kino wirken. Verwenden Sie Übergänge wie Ein- und Ausblenden, anstatt abrupte Bewegungen von Zustand zu Zustand zu verwenden. Der Status zum Laden der Inhalte bleibt beispielsweise auf dem Bildschirm sichtbar und wird mit der Medienwiedergabe eingeblendet.

Senderschnittstelle:

  • Der Absender unterstützt Nutzeraktionen und der Webempfänger zeigt Statusinformationen an. Wenn Inhalte pausiert sind, sollte auf dem Fernseher angezeigt werden, dass sie pausiert ist, während das Mobilgerät anzeigt, dass die Wiedergabe gestartet werden kann (z. B. durch Anzeige einer Wiedergabeschaltfläche).
  • Geschwindigkeit ist extrem wichtig. Nutzer müssen das Streaming-Steuerelement schnell finden können und die Wiedergabe von Inhalten auf dem großen Bildschirm sofort starten kann. Stelle beim Laden der Inhalte animierte Ladeanzeigen bereit und verwende Übergänge, damit sich alles schneller anfühlt.

Ob Ihre Cast-App diesen Prinzipien entspricht, lässt sich am einfachsten sicherstellen, indem Sie Ihre Benutzeroberfläche anhand der Streaming-Design-Checkliste überprüfen und Ihre Cast-Apps testen.

Markenrichtlinien

Die folgenden Chromecast-Markenrichtlinien richten sich an App-Entwickler. Der Schwerpunkt liegt auf den zusätzlichen Anforderungen, die Sie erfüllen müssen, um Ihre App in Textform zu beschreiben. Markenrichtlinien für Übertragungsgeräte finden Sie im Marketing-Hub für Partner. Mit dem Begriff "Chromecast-fähig" können Sie anderen mitteilen, dass Ihre App mit integrierter Chromecast-Technologie funktioniert. Deine App muss jedoch den zusätzlichen Nutzungsbedingungen für das Cast SDK und der Design-Checkliste entsprechen. Außerdem muss die Verwendung von Chromecast-fähig unseren Branding-Richtlinien entsprechen.

Sie können auch ein Chromecast-Logo verwenden, solange Ihre App oder Ihr Gerät unseren Logo-Richtlinien entspricht. Google behält sich das Recht vor, von Ihnen zu verlangen, dass Sie das Logo ändern oder die Verwendung des Logos einstellen, wenn es nicht den Markenrichtlinien entspricht.

Verwendung von "Chromecast" im Text

  • Wenn du eine App (kein Hardwareprodukt) als für Google Cast optimiert beschreibst, verwende den Satz „Chromecast-fähig“. Beispiel: „Diese App ist für Chromecast optimiert“.
  • Wenn du ein für Google Cast kompatibles Hardwareprodukt eines Drittanbieters beschreibst, verwende „Fernseher mit integrierter Chromecast-Technologie“, „Integrierter Chromecast-Lautsprecher“ oder „Integrierte Chromecast-Technologie“.
  • „Chromecast“ sollte großgeschrieben und „integriert“ kleingeschrieben werden.
  • In jedem Marketing-Asset, in dem „Chromecast“ im Text oder im Logo/Logo verwendet wird, muss der folgende rechtliche Hinweis enthalten sein: Chromecast ist eine Marke von Google LLC.
  • Fügen Sie Chromecast nicht in den Titel der App ein, z. B. XYZ Chromecast App.

Chromecast-fähige App-Nachrichten

So können Sie für Ihre App werben:

  • "XYZ ist eine Chromecast-fähige App, mit der Sie Ihre Lieblingsunterhaltung von Ihrem Mobilgerät auf den Fernseher streamen können."
  • „Die XYZ App ist jetzt für Fernseher mit integrierter Chromecast-Technologie verfügbar.“
  • "Die App XYZ ist jetzt für alle Chromecast-Produkte verfügbar, einschließlich Chromecast, Chromecast Audio sowie Fernseher und Lautsprecher mit integrierter Chromecast-Technologie."
  • "Die XYZ App ist für Chromecast optimiert. So können Sie Ihre Lieblingsshows/-filme/-musik/-spiele auf Ihrem Fernseher mit integrierter Chromecast-Technologie genießen."
  • "Die XYZ-App unterstützt jetzt Chromecast. So können Nutzer Inhalte von ihrem Smartphone auf ihren Fernseher mit integrierter Chromecast-Technologie streamen."

Chromecast-Logo

Sie können die Chromecast-Logos auf Ihrer Website, in Ihrem App-Shop-Eintrag, in Marketing- und Werbematerialien verwenden, um die Kompatibilität mit Geräten zu demonstrieren, die das Cast-Protokoll verwenden.

  • Farbe, Proportionen, Abstände oder andere Aspekte des Logos dürfen nicht geändert werden.
  • Wenn das Chromecast-Logo zusammen mit Logos für andere Inhaltstechnologien wie Bluetooth, Spotify Connect oder AirPlay verwendet wird, muss es mindestens genauso groß sein.
  • Das Logo darf nicht das Hauptelement Ihrer Seite sein.
  • Halten Sie etwas Abstand zwischen dem Logo und anderen Logos und Symbolen auf Ihrer Seite.
  • Verwende bei weißem, hellem oder mittelfarbenem Hintergrund ein schwarzes Badge.
  • Verwende das weiße Logo, wenn es auf einem schwarzen oder dunklen Hintergrund verwendet wird.
  • Verwenden Sie das Logo nicht auf Seiten, die Inhalte nur für Erwachsene enthalten, für Glücksspiele werben, Gewalt fördern, Hassreden enthalten, mit dem Verkauf von Tabak oder Alkohol an Personen unter 21 Jahren in Verbindung stehen, gegen andere geltende Gesetze oder Vorschriften verstoßen oder anderweitig unzulässig sind.

Logoverknüpfung

Bei der Online-Nutzung muss das Chromecast-Logo mit einem der folgenden Links verknüpft sein:

  • Eine Liste der Chromecast-fähigen Apps und Produkte von Google, derzeit unter g.co/castapps.
  • Eine Liste der von Ihnen veröffentlichten Produkte.
  • Eine von Ihnen veröffentlichte Produktdetailseite.
  • Eine Liste der von Ihnen veröffentlichten Apps.
  • Eine bestimmte App-Detailseite, die von Ihnen, bei Google Play oder im Apple App Store veröffentlicht wurde.

Assets für das Chromecast-Logo herunterladen

Das Download-Bundle enthält die Formate Portable Network Graphics (.png), Adobe Illustrator (.ai) und Enapsulated Postscript (.eps).

Vorschau von Chromecast-Logos ansehen

Blaues Logo und weißer Text auf schwarzem Hintergrund
Weißes Logo und weißer Text auf schwarzem Hintergrund
Blaues Logo und grauer Text auf weißem Hintergrund