Esperienza utente con la piattaforma Chromecast

Chromecast consente alle app web Android, iOS e Chrome di "trasmettere in streaming" contenuti (quali video, audio e condivisione schermo) su dispositivi compatibili con Google Cast, ad esempio:

  • Chromecast
  • TV con Chromecast integrato (detta anche TV con Chromecast integrato)
  • Altoparlanti con Chromecast integrato (noti anche come altoparlanti con Chromecast integrato)
  • Smart display (un monitor LCD touchscreen portatile utilizzato come thin client)
  • Tablet Android

Nel modello di interazione con Google Cast, il cellulare, il tablet o il laptop è il mittente, che funge da telecomando per controllare la riproduzione, mentre la TV, il display o il tablet agganciato alla base è il ricevitore che riceve istruzioni dal mittente e mostra i contenuti dalla connessione a internet del destinatario. Tutte le azioni dell'utente (tocchi e scorrimenti) possono avvenire sia sul dispositivo del mittente sia sul ricevitore web.

La trasmissione si basa sulla coordinazione tra due o più schermate: l'interfaccia utente del mittente e quella del destinatario devono interagire. Ad esempio, se premi un pulsante su un dispositivo mobile per mettere in pausa i contenuti, la TV dovrebbe indicare che sono in pausa, mentre il dispositivo mobile dovrebbe fornire un pulsante di riproduzione per riprendere la riproduzione.

considerazioni

A causa di limitazioni di hardware e risorse, vengono applicate alcune limitazioni alle applicazioni compatibili con Chromecast:

  • Il dispositivo di trasmissione è un dispositivo a basso consumo con limitazioni di memoria, CPU e GPU, pertanto l'applicazione ricevitore web deve essere il più leggera possibile.
  • Per i modelli di interazione con Chromecast e Chromecast integrato, è possibile creare schede, finestre o popup sia nell'app Ricevitore web sia nell'app del mittente, nonché accettare direttamente l'input dell'utente, ad esempio tocchi o scorrimenti. Ad esempio, l'app Web Ricevitore su un tablet o un display agganciato alla base può mostrare un pulsante di pausa e ricevere il tocco dell'utente. In questo modo, tutte le azioni nell'applicazione devono essere attivate da un ricevitore web o da un'applicazione mittente.
  • Gli smart display supportano l'input utente tramite un'app del mittente o tramite tocco nell'interfaccia utente.
  • Il ricevitore web è un browser Chrome ottimizzato per la riproduzione di video. Pertanto, WebGL e Chrome Native Client (NaCL) non sono attualmente supportati, né le estensioni di Chrome.
  • Cast supporta la riproduzione di un singolo stream multimediale simultaneo nei tag <audio> e <video> oppure di più tracce audio utilizzando l'API WebAudio. Nel DOM può essere attivo un solo elemento video alla volta. Inoltre, la composizione, la manipolazione, le trasformazioni, le rotazioni o lo zoom di video non sono supportate.

Principi generali di progettazione

Durante lo sviluppo dell'interfaccia utente, tieni presente quanto segue.

Interfaccia ricevitore web:

  • Il ricevitore web può contenere sia elementi interattivi che elementi informativi per descrivere lo stato dell'app, ad esempio in pausa o in riproduzione, oppure messaggi di errore. L'interazione dell'utente può avvenire sul mittente della trasmissione (telefono, tablet o browser Chrome) o sul ricevitore web (TV, display o tablet).
  • Ricorda che l'azione del video avviene al centro dello schermo della TV e gli elementi UI non devono interferire con la presentazione. Posiziona gli elementi UI nel terzo inferiore del display del ricevitore web, lasciando un margine del 10% dai bordi dello schermo per possibili overscan.
  • Se possibile, le transizioni da uno stato all'altro dello schermo devono essere fluide e di qualità cinematografica. Invece di bruschi spostamenti da uno stato all'altro, usa transizioni come la dissolvenza in entrata e in uscita. Ad esempio, lo stato di caricamento dei contenuti rimane sullo schermo e svanisce nell'esperienza di riproduzione dei contenuti multimediali.

Interfaccia mittente:

  • Il mittente supporta le azioni dell'utente e il ricevitore web visualizza le informazioni sullo stato. Ad esempio, se i contenuti sono in pausa, la TV dovrebbe indicare che sono in pausa, mentre il dispositivo mobile indica che è pronto per la riproduzione (ad esempio mostrando all'utente un pulsante di riproduzione).
  • La velocità conta. Gli utenti devono poter individuare rapidamente il controllo della trasmissione e vedere subito i contenuti in riproduzione sullo schermo di grandi dimensioni. Durante il caricamento dei contenuti, fornisci indicatori di caricamento animati e utilizza le transizioni per velocizzare il caricamento.

Il modo più semplice per assicurarti che la tua applicazione Cast segua questi principi consiste nell'esaminare l'interfaccia utente nell'elenco di controllo per la progettazione di Cast e nel testare le tue applicazioni Cast.

Linee guida per il brand

Le seguenti linee guida per il brand Chromecast sono rivolte agli sviluppatori di app e riguardano i requisiti aggiuntivi che devi rispettare per descrivere la tua app nel testo. Per le linee guida relative al brand dei dispositivi di trasmissione, consulta il Partner Marketing Hub. Puoi far sapere agli altri che la tua app funziona con Chromecast integrato utilizzando il termine "compatibile con Chromecast". Tuttavia, assicurati che la tua app sia conforme ai Termini di servizio aggiuntivi per gli sviluppatori dell'SDK di Google Cast e all'elenco di controllo per la progettazione e che l'utilizzo di dispositivi "compatibili con Chromecast" rispetti le nostre linee guida per il branding.

Analogamente, puoi utilizzare un badge Chromecast purché la tua app o il tuo dispositivo rispettino le nostre linee guida sui badge. Google si riserva il diritto di richiedere la modifica o l'interruzione dell'utilizzo del badge se questo non rispetta le linee guida per il brand.

Uso di "Chromecast" nel testo

  • Quando descrivi un'app (non un prodotto hardware) come compatibile con Google Cast, usa la frase "compatibile con Chromecast". Ad esempio: "Questa app è compatibile con Chromecast".
  • Quando descrivi un prodotto hardware di terze parti compatibile con Google Cast, usa "TV con Chromecast integrato", "Altoparlante con Chromecast integrato" o semplicemente "Chromecast integrato".
  • Se scritto in testo, "Chromecast" deve essere scritto in maiuscolo, mentre "integrato" deve essere scritto in minuscolo.
  • In qualsiasi asset di marketing che utilizzi "Chromecast" nel testo o nel badge/logo, devi includere la seguente attribuzione legale: Chromecast è un marchio di Google LLC.
  • Non inserire Chromecast nel titolo dell'app (ad esempio, app Chromecast XYZ).

Messaggistica delle app compatibili con Chromecast

Puoi promuovere la tua app nel seguente modo:

  • "XYZ è un'app compatibile con Chromecast che ti consente di trasmettere in streaming i tuoi contenuti di intrattenimento preferiti dal dispositivo mobile alla TV."
  • "L'app XYZ è ora disponibile per le TV con Chromecast integrato."
  • "L'app XYZ è ora disponibile per tutti i prodotti Chromecast, tra cui Chromecast e Chromecast Audio, oltre a TV e altoparlanti con Chromecast integrato."
  • "L'app XYZ è compatibile con Chromecast e ti permette di goderti tutti i tuoi programmi/film/musica/giochi preferiti sulla TV con Chromecast integrato."
  • "L'app XYZ ora supporta Chromecast, che consente agli utenti di riprodurre contenuti in streaming dal telefono alla TV con Chromecast integrato."

Badge Chromecast

Puoi utilizzare i badge "Chromecast" su sito web, scheda dello Store, materiali di marketing e materiali promozionali per mostrare la compatibilità con i dispositivi che utilizzano il protocollo Cast.

  • Non modificare il colore, le proporzioni, la spaziatura o altri aspetti dell'immagine del badge.
  • Se utilizzato insieme ai loghi di altre tecnologie correlate agli ingredienti (ad esempio Bluetooth, Spotify Connect, AirPlay e così via), il badge Chromecast deve essere di dimensioni uguali o superiori.
  • Non rendere il badge l'elemento principale sulla pagina.
  • Mantieni una certa distanza tra il badge e altri loghi e icone nella pagina.
  • Quando utilizzato su uno sfondo bianco, chiaro o in tonalità medie, utilizza un badge nero.
  • Quando utilizzato su uno sfondo nero o scuro, utilizza il badge bianco.
  • Non utilizzare il badge in una pagina che include o mostra contenuti per adulti, che promuove giochi e scommesse, incita alla violenza, include incitamento all'odio, prevede la vendita di tabacco o alcolici a minori di 21 anni, viola altre leggi o normative vigenti o è in altro modo discutibile.

Collegamento del badge

Se utilizzato online, il badge Chromecast deve rimandare a uno dei seguenti elementi:

  • Elenco di app e prodotti compatibili con Chromecast di Google, attualmente all'indirizzo g.co/castapps.
  • Un elenco dei prodotti pubblicati da te.
  • Una pagina dei dettagli del prodotto specifica pubblicata da te.
  • Un elenco di app pubblicate da te.
  • Una pagina dei dettagli dell'app specifica pubblicata da te, su Google Play o nell'App Store di Apple.

Scarica le risorse del badge Chromecast

Il bundle di download include i formati Portable Network Graphics (.png), Adobe Illustrator (.ai) ed Enapsulated Postscript (.eps).

Visualizza l'anteprima dei badge Chromecast

Logo blu e testo bianco su sfondo nero
Logo bianco e testo bianco su sfondo nero
Logo blu e testo grigio su sfondo bianco