App ricevitore con funzionalità touch

Il ricevitore riproduce contenuti su dispositivi che potrebbero o meno avere funzionalità di controllo touch. Il destinatario deve rispondere immediatamente alle azioni nell'app del mittente, nonché tramite i controlli touch.

Esempi di feedback sull'interfaccia utente del destinatario:

  • In riproduzione
  • In pausa
  • Posizione di riproduzione / ricerca
  • Buffering

  UI del destinatario

Obbligatorio
  A   Per i ricevitori video e audio, crea l'app del ricevitore in modo che sia adattiva in modo che possa adattarsi a qualsiasi risoluzione e formato dello schermo.

Video

UI ricevitore video

Audio

UI ricevitore audio


  B   Per i ricevitori video e audio, non visualizzare elementi che suggeriscono gesti tattili. Ad esempio, non visualizzare gli elementi di visualizzazione per indicare i gesti di scorrimento.
  C   Per i ricevitori video e audio, non mostrare elementi che suggeriscano interazioni tramite tocco.
  D   Per i ricevitori audio, non visualizzare elementi di tipo controllo come le barre di avanzamento.


Non: mostrare elementi di visualizzazione, icone che possono avere l'aspetto di pulsanti o elementi di tipo di controllo.


  E   Per i ricevitori video, non visualizzare metadati o elementi di controllo sul ricevitore durante la riproduzione, anche quando sono in stato di pausa, in modo che non siano in conflitto con i controlli visualizzati dal sistema.


Non: mostrare metadati e controlli


  F   Per i ricevitori audio, posiziona tutti gli elementi di metadati sopra l'area protetta in modo che non si sovrapponga ai controlli visualizzati dal sistema.

Best practice

  • Tutto il testo deve essere leggibile da una distanza di 1,5-3 metri dall'unità di visualizzazione.
 

  App del ricevitore inattiva

Quando il ricevitore è in primo piano, ma non è in riproduzione alcun contenuto, viene visualizzata una schermata "inattiva" sul ricevitore.

Obbligatorio
  A   Identifica l'app del destinatario caricata utilizzando il logo dell'app.
  B   Posiziona tutti gli elementi, inclusi i loghi delle app, sopra l'area protetta in modo che non si sovrapponga ai controlli visualizzati dal sistema.

Best practice

  • Verifica che l'app sia stata caricata visualizzando il testo "Pronta per trasmettere".
  • Interrompi l'esecuzione del destinatario se inattivo per 5 minuti e disconnetti tutte le app del mittente collegate. Quando il dispositivo è interrotto, viene visualizzata la schermata Home che contribuisce a impedire la masterizzazione dello schermo.

 

  Caricamento dell'app del destinatario

Quando un utente si connette a un ricevitore, l'app del destinatario deve essere caricata prima di poter visualizzare lo stato di inattività dell'app o iniziare a riprodurre contenuti.

Obbligatorio
  A   Identifica quale app del destinatario viene caricata visualizzando il logo dell'app.
  B   Identifica che l'app del destinatario è in fase di caricamento visualizzando una rotellina di caricamento animata.

 

  Caricamento dei contenuti del destinatario

Durante il caricamento dei contenuti e prima dell'inizio della riproduzione, il ricevitore dovrebbe mostrare informazioni per indicare che i contenuti sono in fase di caricamento.

Obbligatorio
  A   Identifica i contenuti caricati visualizzandone il titolo o l'artwork.
  B   Identifica che i contenuti sono in fase di caricamento visualizzando un'icona di caricamento in rotazione animata.

Best practice
Quando riprendi i contenuti, riavvolgi la riproduzione di 5-10 secondi in modo che lo spettatore non perda nulla durante la transizione dal mittente al destinatario.

 

  Riproduzione del ricevitore

Obbligatorio
  A   Per i ricevitori video, non visualizzare alcun elemento durante la riproduzione. Durante il tocco sullo schermo, il sistema mostrerà i controlli del player.
  B   Per i ricevitori audio, posiziona tutti gli elementi di metadati sopra l'area protetta e non visualizzare alcun elemento di controllo. Durante il tocco sullo schermo, il sistema mostrerà i controlli del player.

Video

L'utente tocca lo schermo per visualizzare i controlli del player.

Audio

L'utente tocca lo schermo per visualizzare i controlli del player.

 

  Ricevitore in pausa

Obbligatorio
  A   Per i ricevitori video, non visualizzare alcun elemento in stato di pausa. Il sistema mostrerà i controlli del player con un pulsante di riproduzione per indicare che la riproduzione è in pausa.
  B   Per i ricevitori audio, non mostrare alcun elemento di controllo in stato di pausa. Il sistema mostrerà i controlli del player con un pulsante di riproduzione per indicare che la riproduzione è in pausa.

Best practice

  • L'app del destinatario non deve continuare la riproduzione dei contenuti, a meno che l'utente non abbia richiesto esplicitamente di iniziare la riproduzione, ad esempio riprendere o saltare un elemento in coda.
  • Interrompi l'esecuzione del destinatario se inattivo per 20 minuti e disconnetti tutte le app del mittente collegate. Quando il dispositivo è interrotto, viene visualizzata la schermata Home che evita la bruciatura dello schermo.
  • Garantisci l'allineamento con l'implementazione futura delle sessioni in background.
  • Se applicabile, quando il ricevitore viene arrestato a causa di un tempo di inattività, memorizza la posizione in pausa in modo che l'utente possa riprendere la riproduzione da quel punto in un secondo momento.

Video

Video in pausa

Audio

Audio in pausa

 

  buffering del destinatario

Il buffering sul ricevitore si verifica quando la latenza di rete o altri fattori causano un ritardo nella riproduzione.

Obbligatorio
  A   Non visualizzare alcun elemento anche se il buffer continua per diversi secondi. Gli utenti possono toccare lo schermo per visualizzare i controlli del player o scorrere per tornare indietro.

Video

buffer del ricevitore

Audio

buffer del ricevitore

 

  Il ricevitore interrompe la trasmissione

Quando la riproduzione si interrompe o si verifica un timeout, il ricevitore mostrerà l'UI di inattività del ricevitore.

Obbligatorio
  A   Identifica quale app del destinatario è caricata o inattiva visualizzando il logo di un'app.
  B   Posiziona tutti gli elementi, inclusi i loghi delle app, sopra l'area protetta in modo che non si sovrapponga ai controlli visualizzati dal sistema.

Best practice

  • Disconnettiti dall'app del destinatario e interrompi l'esecuzione se è inattiva per 5 minuti. Quando il dispositivo è fermo, viene visualizzata la schermata Home del ricevitore, che aiuta a prevenire la bruciatura dello schermo.

 

 

Le immagini utilizzate in questa guida alla progettazione sono gentilmente concesse da Blender Foundation e sono condivise dietro copyright o licenza Creative Commons.

  • Il sogno degli elefanti: (c) copyright 2006, Blender Foundation / Paesi Bassi Media Art Institute/ www.elephantsdream.org
  • Sintel: (c) copyright Blender Foundation | www.sintel.org
  • Lacrime d'acciaio: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org