Richtlinien und Komponenten für Landing Pages von Fire TV

Es bestehen hohe Standards hinsichtlich Inhalt und Funktionalität für Landing Pages von Fire TV. Auf dieser Seite werden die Richtlinien für Anzeigendesigns sowie die Komponenten beschrieben, die für deren Gestaltung zur Verfügung stehen.

Richtlinien für Anzeigendesigns

Einfachheit

Wirkungsvolle Kampagnen verwenden so wenig Text wie möglich, auffällige Bilder und zeigen nur die wichtigsten Inhalte. Eine klare visuelle Struktur ermöglicht es Kunden, das Angebot schnell zu bewerten und zu entscheiden, ob sie interessiert sind.

Für das Fernsehen gemacht

Im Gegensatz zu anderen Web- und Mobilplattformen verwenden TV-basierte Benutzeroberflächen größeren Text, eine stärkere Navigationshierarchie und zusätzliche visuelle Angebote, um Verwirrung zu vermeiden und eine einfachere Benutzeroberfläche zu schaffen. Der Inhalt wird von den Rändern des Bildschirms ferngehalten, wo er auf einigen Bildschirmen abgeschnitten angezeigt werden kann, und wird in einem Raster angeordnet, um einen einfachen Zugriff über das Richtungsbedienfeld der Fernbedienung zu ermöglichen.

Bieten Sie Kunden einen Wert

Die Produktdetailseiten von Amazon sind eine vertrauenswürdige und effektive Informationsquelle für unsere Kunden. Landing Pages von Fire TV für produktorientierte Kampagnen müssen einen klaren Kundennutzen bieten oder einen informativen Zweck erfüllen, der über die auf der vorhandenen Detailseite Ihres Produkts aufgeführten Informationen hinausgeht. Dasselbe Prinzip gilt für andere Landing Pages von Fire TV-Kampagnen mit Angeboten und Dienstleistungen, die nicht von Amazon bereitgestellt werden.

Komponenten

Kachelgruppen

Kunden können eine Reihe von Inhalten oder Produkten durchsuchen, indem sie nach rechts durch eine Reihe auswählbarer Kacheln navigieren.

Durch die Beibehaltung klar definierter Ränder bei jeder Kachel kann der Benutzer erkennen, auf welchen Inhalt er sich konzentrieren soll und welche Bereiche auswählbar sind, sowie durch die Benutzererfahrung navigieren.

• Jede Kachel muss 512 Pixel groß sein.
• Jede Kachel muss dieselbe Breite haben, was sich darauf auswirkt, wie viele Kacheln anfangs auf dem Bildschirm angezeigt werden.
• Jede Kachel muss mit einem Zielverknüpft werden.
• Kacheln können bei Auswahl mit optionalem Kachel-Zubehörtext angezeigt werden.
• Header: Jede Kachelgruppe sollte ein Header-Bild (1 920 x 344 Pixel, transparentes PNG, keine maximale Dateigröße) verwenden, um den Inhalt zu benennen. Das Bild wird hinter der Gruppe von Kacheln nach oben animiert und am oberen Bildschirmrand ausgerichtet, wenn die Seite geladen wird, was die Interaktion fördert. Fügen Sie eine begrenzte Anzahl von Call-to-Action-Texten, Logos oder unaufdringliche Bildern auf einem transparenten Hintergrund ein.

Kachel-Raster

Raster können 2 bis 4 Kacheln enthalten. Die Kacheln bleiben an ihren Positionen, wenn der Kunde nach rechts scrollt, sodass alle Inhalte auf dem Bildschirm bleiben.

Verwenden Sie die folgenden Kachelgrößen, um die aufgelistete Anzahl von Kacheln auf dem Bildschirm anzuzeigen:

• Format: PNG
• Maximale Dateigröße: keine Begrenzung, Inhalte werden in WebP neu codiert

Kachel-Karussell

Karusselle können zwischen 2 und 10 Kacheln enthalten. Wenn der Kunde nach rechts scrollt, wird die ausgewählte Kachel am linken Rand der Seite ausgerichtet, sodass der Kunde zusätzliche Inhalte sehen kann, die zuvor außerhalb des Bildschirms waren.

Insgesamt können bis zu 10 Kacheln enthalten sein. Je nach Kachelbreite können einige Kacheln außerhalb des Bildschirms angezeigt werden, bis der Kunde scrollt, um darauf zuzugreifen.

Verwenden Sie die folgenden Kachelgrößen, um festzulegen, wie viele Elemente ohne Scrollen auf dem Bildschirm angezeigt werden:

• Format: PNG
• Maximale Dateigröße: keine Begrenzung, Inhalte werden in WebP neu codiert

Schaltflächen

Text wird innerhalb des Schaltflächenbereichs links ausgerichtet, um der Benutzeroberfläche des Fire TV-Systems zu entsprechen.

• Jede Schaltfläche muss mit einem Ziel verknüpft werden.
• Der Beschriftungstext für Schaltflächen ist auf 26 Zeichen begrenzt.
• Schaltflächen können links oder rechts vom Bildschirm ausgerichtet werden.

Beispiele: Einzelansicht mit links und rechts ausgerichteten Schaltflächen, Video-Landing Page

Folgende Attribute können geändert werden:

Text

Mehrere Komponenten bieten die Möglichkeit, statischen Text einzusetzen.

Kachelzubehör

Bei Verwendung der Raster- und Karussell-Vorlagen können Titel und Untertitel unter jeder Kachel angezeigt werden, wenn die Kachel ausgewählt wird.

Textblock

Wenn Sie die Vorlage der Video-Landing Page verwenden, können mehrere vordefinierte Textstile gestapelt werden, um einen Textblock zu erstellen.

Folgende Stile stehen zur Verfügung:

• Alle Textstile können in weitere Zeilen rücken.
• Vermeiden Sie, mehr als 300 Zeichen zu verwenden.

Hintergrundinhalt

Hinter dem Seiteninhalt wird ein Hintergrundbild angezeigt. Dieses Bild bleibt fixiert und nimmt den gesamten Bildschirmbereich ein.

• Es muss ein einzelnes Bild bereitgestellt werden.
• Texte, wie z. B. gesetzliche Haftungsausschlüsse, können sparsam in das Bild eingebettet werden.
• Hintergründe müssen gut mit dem hellen oder dunklen Hinweis zum Beenden übereinstimmen, der in der rechten unteren Ecke eingeblendet ist.

Hinweis zum Beenden

In der unteren rechten Ecke des Bildschirms wird ein Hinweis angezeigt, der sicherstellt, dass Kunden einen eindeutigen Weg zum Verlassen der Anzeige haben.

• Der Hinweis zum Beenden hat zwei Varianten, hell oder dunkel, die in der PSD-Vorlage verfügbar sind.
• Hintergründe müssen deutlich sein, wenn sie hinter dem Hinweis angezeigt werden.

Ziele

In einer Gruppe von Schaltflächen oder Kacheln können bis zu zwei Zieltypen verwendet werden. Kacheln sollten so gruppiert werden, dass bei unterschiedlichen Zieltypen alle Kacheln jedes Typs zusammen (z. B. Apps und Videowiedergabe, unterschiedliche Zieltypen werden nicht eingestreut) und mit ähnlichen visuellen Vorgehensweisen angezeigt werden.

Ein Kunde muss auf der Grundlage der visuellen Vorgehensweise problemlos Kacheln identifizieren können, die zur Videowiedergabe führen, oder die Wiedergabe eines Videos wiederholen können.

Wenn ein Kunde eine Inhaltskachel oder -schaltfläche hervorhebt und auswählt, sind mehrere Ziele möglich:

Amazon Video-Detailseite

• Kunden wird die Detailseite eines Titels angezeigt und sie können dann auswählen, ob sie den Titel ansehen oder kaufen möchten. Die direkte Wiedergabe von Amazon Video-Inhalten wird derzeit nicht unterstützt.

Amazon Appstore-Detailseite

• Kunden wird die Detailseite einer App angezeigt und sie können sich dann für den Kauf und die Installation entscheiden. Die direkte Installation von Apps wird derzeit nicht unterstützt.

Amazon-Produktdetailseite

• Kunden können das Produkt (über 1-Click oder Checkout) kaufen oder vorbestellen, Twister-Optionen auswählen, Produkt zur Liste hinzufügen, Produktfunktionen lesen, weitere Produktbilder anzeigen und Kundenbewertungen lesen.

Inhalt Deeplink

• Durch die Auswahl der Kachel oder der Schaltfläche wird die App geöffnet und der beworbene Inhalt automatisch geladen, wenn der Kunde die App bereits installiert hat. Wenn die App nicht installiert ist, werden Kunden auf die Detailseite des Appstores weitergeleitet, wo sie dann den Kauf und die Installation wählen können. Nach der Installation und dem Öffnen der App werden die Kunden automatisch zu den Inhalten weitergeleitet. Die Verwendung von Deep Links in Ihren Kampagnen erfordert einen Onboarding-Prozess. Bitte sehen Sie sich die Amazon Appstore-Website an und wenden Sie sich an Ihren Kundenbetreuer, um zu beginnen.

Videowiedergabe

• Kunden wird ein kurzes Vollbildvideo angezeigt, und ihnen stehen Standardschaltflächen für die Medienwiedergabe zur Verfügung, um darin zu navigieren.

In Videos sollte kein Letterboxing eingesetzt werden (schwarze Balken oben und unten). Wenn jedoch der Inhalt, der beworben wird, Letterboxing im Video in voller Länge verwendet, kann der Trailer auch Letterboxing enthalten.

Vollbildanzeige

• Nachdem die Navigation durch eine Kachel oder Schaltfläche ausgelöst wurde, wird ein Bild im Vollbildmodus angezeigt.
• Hinsichtlich Bildinhalt muss die Anleitung für den roten Schutzbereich beachtet werden, die in der Landing Page-PSD-Vorlage gefunden werden kann.
• Der Textkörper darf nicht kleiner als 26 Pixel sein.
• Der Bildinhalt darf nicht „aggressiv“ wirken. Texte in Großbuchstaben sowie Ausrufezeichen müssen vermieden werden.

Interstitielles Video wiederholen

• Diese Option ist nur verfügbar, wenn ein interstitielles Video als Teil der Seite konfiguriert ist.

Mehr erfahren

• Diese Option ist nur auf einer Video-Landing Page verfügbar.
• Nach dem Anschauen eines Videos können Kunden zusätzliche Informationen anfordern, die per E-Mail oder SMS gesendet werden, je nach Kontaktinformationen, die mit den Fire TV Amazon-Anmeldeinformationen des Kunden verknüpft sind.

Zusätzliche Funktionen

Interstitielles Video

Nach dem Hinzufügen wird ein Video gezeigt, das beendet wird, bevor der Kunde auf die Landing Page weitergeleitet wird. Kunden müssen direkt von der Landing Page aus auf das interstitielle Video zugreifen können.

• Wenn ein interstitielles Video enthalten ist, muss auch eine Schaltfläche oder Kachel mit dem Ziel „Interstitielles Video wiederholen“ enthalten sein.

Mehr erfahren

Mit der CTA-Schaltfläche „Mehr erfahren“, die auf einer Video-Landing Page verfügbar ist, kann ein Verbraucher nach dem Ansehen eines Videos zusätzliche Informationen anfordern. Zusätzliche Informationen werden per E-Mail oder SMS gesendet, basierend auf den Kontaktinformationen, die mit den Amazon Fire TV-Konto verbunden sind.

• Die E-Mail ist in der Vorlage enthalten und enthält ein Hero-Bild, einen Textkörper und eine Schaltfläche. Wenn Text im Bild enthalten ist, muss er weniger als 12 Wörter enthalten und die Schriftgröße muss mindestens 24 pt sein.
• SMS werden basierend auf der in der E-Mail eingegebenen URL automatisch generiert. Es sind keine Designarbeiten oder Inhalte erforderlich.