Linee guida e componenti della landing page di Fire TV
Le funzionalità e i contenuti delle landing page di Fire TV devono rispettare standard di qualità elevati. Questa pagina descrive le linee guida per i contenuti creativi e i componenti disponibili per la loro creazione.
Linee guida per i contenuti creativi
Semplicità
Le campagne di grande impatto mettono in evidenza solo i contenuti più importanti, ricorrendo a testi minimali e immagini che catturano l'attenzione. La chiara struttura visiva consente ai clienti di valutare rapidamente l'offerta e decidere se farsi coinvolgere.
Progettazione per la TV
A differenza di altre piattaforme web e per dispositivi mobili, le interfacce per TV utilizzano un testo più ampio, una gerarchia di navigazione più solida e soluzioni visive aggiuntive per evitare confusione e creare un'esperienza più semplice. Il contenuto va mantenuto lontano dai bordi dello schermo perché potrebbe risultare tagliato su alcuni dispositivi; va inoltre disposto all'interno di una griglia per consentire un facile accesso tramite il control pad del telecomando.
Offerta di valore per i clienti
Per i nostri clienti, le pagine di dettaglio prodotto Amazon sono una fonte di informazioni sugli acquisti affidabile ed efficace. Le landing page delle campagne Fire TV per le campagne focalizzate sul prodotto dovrebbero offrire un chiaro vantaggio per il cliente o avere uno scopo istruttivo al di là delle informazioni elencate nella pagina di dettaglio prodotto esistente. Lo stesso principio si applica alle altre landing page delle campagne Fire TV per le offerte e i servizi non forniti da Amazon.
Componenti
Gruppi di riquadri
I clienti possono consultare una serie di contenuti o prodotti esplorando una riga di riquadri selezionabili che si trova sulla destra.
Mantenere i bordi ben definiti su ogni riquadro aiuta l'utente a individuare i contenuti su cui concentrarsi, a capire quali aree sono selezionabili e a godersi la propria esperienza di navigazione.
- Ogni riquadro deve essere alto 512 px.
- Ogni riquadro deve avere la stessa larghezza, da cui dipenderà il numero di riquadri inizialmente visibili sullo schermo.
- Ogni riquadro deve avere un link che rimanda a una destinazione.
- I riquadri possono essere visualizzati con il testo accessorio del riquadro, previa selezione.
- Titolo: ogni gruppo di riquadri deve utilizzare un'immagine di intestazione come titolo del contenuto (specifiche immagine: 1920 x 344 px, formato PNG trasparente, senza limiti di dimensione massima del file). L'immagine si animerà verso l'alto partendo da dietro il gruppo di riquadri per allinearsi con la parte superiore dello schermo quando la pagina viene caricata, stimolando l'interazione. È necessario limitare la quantità di loghi, immagini allusive su sfondo trasparente e testo di invito all'azione.
Griglia di riquadri
Le griglie possono contenere da 2 a 4 riquadri. I riquadri rimangono nella stessa posizione quando il cliente scorre verso destra, mantenendo tutti i contenuti sullo schermo.
Utilizza le seguenti dimensioni dei riquadri per mostrare sullo schermo il numero di riquadri indicato:
- Formato: PNG
- Dimensione massima del file: nessun limite, le risorse saranno ricodificate in formato WebP
Riquadri | Dimensioni |
2 | 920 x 512 px |
3 | 627 x 512 px |
4 | 475 x 512 px |
Carosello di riquadri
I caroselli possono contenere da 2 a 10 riquadri. Quando il cliente scorre verso destra, il riquadro selezionato si allinea al margine sinistro della pagina, consentendo al cliente di visualizzare eventuali contenuti aggiuntivi precedentemente non visibili.
È possibile includere un massimo di 10 riquadri. A seconda della larghezza, alcuni riquadri potrebbero restare fuori dallo schermo finché il cliente non scorre per consultarli.
Utilizza le seguenti dimensioni dei riquadri per scegliere il numero di elementi da mostrare sullo schermo senza scorrere:
- Formato: PNG
- Dimensione massima del file: nessun limite, le risorse saranno ricodificate in formato WebP
Numero di riquadri interamente visibili sullo schermo | Dimensioni |
2 | 920 x 512 px |
3 | 627 x 512 px |
4 | 475 x 512 px |
5 | 380 x 512 px |
6 | 319 x 512 px |
Pulsanti
Nell'area dei pulsanti il testo è allineato a sinistra, in modo da corrispondere all'interfaccia utente di Fire TV.
- Ogni pulsante deve avere un link che rimanda a una destinazione.
- Il testo dell'etichetta del pulsante è limitato a 26 caratteri.
- I pulsanti possono essere allineati al lato sinistro o destro dello schermo.
Esempi: vista singola con pulsanti allineati a sinistra e a destra, landing page del video.
I seguenti attributi sono modificabili:
- Colore di sfondo dello stato selezionato (qualsiasi)
- Colore del testo dello stato selezionato (nero/bianco)
- Stato non selezionato (chiaro/scuro)
- Allineamento della riga dei pulsanti (sinistra/destra)
Testo
Per molti componenti è possibile eseguire il rendering del testo statico.
Accessori per riquadri
Se si utilizzano i modelli di Griglia e Carosello, quando un riquadro viene selezionato potrebbe mostrare nella parte inferiore il titolo e il testo del sottotitolo.
Blocco di testo
Se si utilizza il modello di landing page del video, è possibile impilare diversi stili di testo predefiniti per creare un blocco di testo.
Sono disponibili i seguenti stili:
Stile | Specifiche |
Titolo | 48 px Ember Regular, #EBEBEB (bianco sicuro per la TV) |
Sottotitolo | 36 px Ember Light, #EBEBEB (bianco sicuro per la TV) |
Corpo del testo | 36 px Ember Light, #AAAAAA (grigio medio) |
- Il testo di ogni stile può essere riportato in più righe.
- Evita di utilizzare più di 300 caratteri.
Contenuti di sfondo
Dietro il contenuto della pagina viene visualizzata un'immagine di sfondo fissa che occupa l'intera area dello schermo.
- È possibile fornire una sola immagine.
- Il testo, ad esempio quello dei disclaimer legali, va incorporato con moderazione all'interno dell'immagine.
- Gli sfondi devono adattarsi all'indicazione di uscita chiara o scura presente in sovrapposizione nell'angolo in basso a destra.
Immagine | Invio in alta qualità |
Dimensioni | 1920 x 1080 px |
Formato | PNG |
Dimensione del file | Nessun limite |
Indicazione di uscita
Nell'angolo in basso a destra dello schermo sarà incluso un suggerimento che indicherà ai clienti un percorso chiaro per uscire dall'annuncio.
- L'indicazione di uscita ha due varianti disponibili nel file modello PSD: chiara o scura.
- Gli sfondi devono essere distinti quando vengono visualizzati dietro il suggerimento.
Destinazioni
È possibile utilizzare un massimo di 2 tipi di destinazione in un gruppo di pulsanti o riquadri. I riquadri devono essere raggruppati in modo tale che, quando i tipi di destinazione variano, tutti i riquadri di ciascun tipo vengano mostrati insieme (ad esempio "App" e poi "Riproduzione video"; senza intervalli tra i vari tipi di destinazione) e con effetti visivi simili.
I clienti devono essere in grado di individuare facilmente, in base al criterio visivo, i riquadri che portano alla riproduzione video o alla riproduzione ripetuta di un video.
Quando i clienti evidenziano e selezionano un riquadro di contenuti o un pulsante, possono venire indirizzati a diverse destinazioni:
Pagina di dettaglio prodotto di Amazon Video
- I clienti possono visualizzare la pagina di dettaglio prodotto di un titolo e scegliere di guardarlo o acquistarlo. La riproduzione diretta dei contenuti Amazon Video non è attualmente supportata.
Pagina di dettaglio prodotto di Amazon Appstore
- I clienti possono visualizzare la pagina di dettaglio prodotto di un'app e scegliere di acquistarla e installarla. L'installazione diretta delle app non è attualmente supportata.
Pagina di dettaglio prodotto di Amazon
- I clienti possono preordinare o acquistare il prodotto (tramite 1-Click o Checkout), selezionare le opzioni twister, aggiungere il prodotto alla Lista, leggere le caratteristiche del prodotto, vedere altre immagini del prodotto e leggere le recensioni dei clienti.
Deep link ai contenuti
- Quando i clienti selezionano il riquadro o il pulsante, si aprirà l'app. Se hanno già installato l'app, i contenuti promossi si caricheranno automaticamente. Se non l'hanno installata, saranno indirizzati alla pagina di dettaglio prodotto dell'Appstore e potranno scegliere di acquistarla e installarla. Dopo aver installato e aperto l'app, i clienti verranno automaticamente indirizzati ai contenuti. L'utilizzo dei deep link nelle campagne è subordinato a un processo di inserimento. Consulta il sito Amazon Appstore e contatta il rappresentante del tuo account per iniziare.
Riproduzione video
- I clienti possono visualizzare un breve video a schermo intero e utilizzare i pulsanti di riproduzione multimediale standard per la navigazione interna.
Video | Invio in alta qualità |
Codec | MPEG, Apple ProRes, H.264 |
Risoluzione | 1280 x 720 px (720 p) o superiore, preferibilmente 1920 x 1080 px (1080 p) |
Bitrate | 15 mbps o superiore |
Formato del file | .mov, .mp4 |
Frequenza dei fotogrammi | 30 fps o inferiore |
Durata massima | 10 min |
Dimensione massima del file | 500 MB |
Nei video è preferibile non utilizzare il formato letterbox (barre nere sopra e sotto), ma se il contenuto promosso lo utilizza nella versione integrale del video, allora anche il trailer lo può includere.
Audio | Invio in alta qualità |
Codec | AAC |
Frequenza di campionamento | 48.000 Hz |
Bitrate | 192 Kbps o superiore |
Immagine a schermo intero
- Quando i clienti attivano la navigazione tramite un riquadro o un pulsante, viene visualizzata un'immagine a schermo intero.
- Il contenuto dell'immagine deve seguire la guida per la zona sicura di colore rosso presente nel file modello PSD della landing page.
- Le dimensioni del testo non devono essere inferiori a 26 px.
- Il contenuto dell'immagine non deve essere necessariamente "squillante": l'utilizzo di punti esclamativi e di intere parti di testo in maiuscolo andrebbe evitato.
Immagine | Invio in alta qualità |
Dimensioni | 1920 x 1080 px |
Formato | PNG |
Dimensione del file | Nessun limite |
Ripeti video interstiziale
- Questa opzione è disponibile solo quando il video interstiziale è configurato come parte della pagina.
Inviami altro
- Questa opzione è disponibile solo nelle landing page del video.
- Dopo aver guardato un video, i clienti possono richiedere l'invio di informazioni aggiuntive tramite e-mail o SMS in base alle informazioni di contatto associate all'account di accesso Amazon di Fire TV.
Funzionalità aggiuntive
Video interstiziale
Il video aggiunto viene mostrato e si conclude prima che il cliente venga reindirizzato alla landing page. I clienti devono poter accedere nuovamente al video interstiziale direttamente dalla landing page.
- Il video interstiziale inserito deve includere un pulsante o un riquadro con destinazione configurata per l'opzione "Ripeti video interstiziale".
Video | Invio in alta qualità |
Codec | MPEG, Apple ProRes, H.264 |
Risoluzione | 1280 x 720 px (720 p) o superiore, preferibilmente 1920 x 1080 px (1080 p) |
Bitrate | 15 mbps o superiore |
Formato del file | .mov, .mp4 |
Frequenza dei fotogrammi | 30 fps o inferiore |
Durata massima | 10 min |
Dimensione massima del file | 500 MB |
Audio | Invio in alta qualità |
Codec | AAC |
Frequenza di campionamento | 48.000 Hz |
Bitrate | 192 Kbps o superiore |
Inviami altro
Il pulsante CTA "Inviami altro", disponibile sulla landing page del video, consente al consumatore di richiedere maggiori informazioni dopo aver guardato il video. Le informazioni aggiuntive saranno inviate tramite e-mail o SMS in base alle informazioni di contatto associate all'account di accesso Amazon di Fire TV.
- L'email è basata su modelli e include un'immagine Hero, il corpo del testo e un pulsante. Se il testo è incluso nell'immagine, deve contenere meno di 12 parole e avere una dimensione minima del font di 24 pt.
- Gli SMS saranno generati automaticamente in base all'URL inserito nell'e-mail. Non è richiesta alcuna esperienza o risorsa di progettazione.
Immagine Hero | |
Dimensioni | 640 x 320 px |
Formato | JPG |
Dimensione del file | 60 KB |
Dimensione minima del font | 24 pt |
Numero massimo di parole | 12 parole |
Testo alternativo | 1~2 frasi, utilizzato negli screen reader per ipovedenti e mostrato all'utente se l'immagine non può essere visualizzata nell'e-mail |
Corpo del testo | |
Numero di caratteri | Meno di 450 caratteri, escluse le interruzioni di riga |
Pulsante | |
Numero di caratteri del testo | Fino a 25 caratteri |
URL | Fino a 70 caratteri; Fino a 70 caratteri; in caso di superamento del limite, gli inserzionisti devono fornire URL di reindirizzamento più brevi |
Disclaimer dell'inserzionista | |
Numero di caratteri | Campo facoltativo, nessun limite |
Lista di controllo delle risorse
- File .PSD ad alta risoluzione con più livelli (foto di prodotti e/o immagini lifestyle)
- Loghi (formato vettoriale, .ai o .eps)
- Eventuali sfondi o grafiche
- Font (.otf o .ttf)
- Testo pubblicitario
- Linee guida per il brand
- File video (vedi le specifiche)
Landing page della campagna
Le landing page di Fire TV sono personalizzate per sfruttare al meglio gli schermi TV e la navigazione.
Per maggiori informazioni sulle landing page accessibili dal sito web, dalle app per dispositivi mobili e dai dispositivi tablet di Amazon, consulta la pagina Landing page delle campagne.