App ricevitore touch

Mantieni tutto organizzato con le raccolte Salva e classifica i contenuti in base alle tue preferenze.

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

Esempi di feedback dell'interfaccia utente del destinatario:

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

UI destinatario

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

Video

UI ricevitore video

Audio

UI del ricevitore audio


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


No: mostra gli elementi che spiccano, le icone che possono assomigliare a pulsanti o gli elementi di tipo controllo.


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


Non: visualizzare metadati e controlli


F Per i ricevitori audio, posiziona tutti gli elementi dei 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 5-10 piedi dal display.
 

App del destinatario inattiva

Sul display viene visualizzata una schermata inattiva quando il ricevitore è in primo piano, ma non ci sono contenuti in riproduzione.

Obbligatorio
A Identifica quale app di ricezione viene 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 a eventuali controlli visualizzati dal sistema.

Best practice

  • Verifica che l'app sia caricata visualizzando il testo "Pronto per trasmettere".
  • Interrompi l'esecuzione del ricevitore se inattivo per 5 minuti e disconnetti le app del mittente connesse. Una volta interrotta, viene visualizzata la schermata Home del dispositivo e ti aiuterà a prevenire la combustione dello schermo.

 

Caricamento app del destinatario

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

Obbligatorio
A Identifica quale app di ricezione viene caricata visualizzando il logo dell'app.
B Per identificare che l'app del destinatario si sta caricando, visualizzi una rotellina di caricamento animata.

 

Caricamento dei contenuti del destinatario

Durante il caricamento dei contenuti e prima dell'inizio della riproduzione, il destinatario dovrebbe visualizzare informazioni che indichino che è in corso il caricamento.

Obbligatorio
A Identifica i contenuti caricati caricando l'artwork o il titolo dei contenuti.
B Per identificare i contenuti caricati, mostra una rotellina di caricamento animata.

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

 

Riproduzione destinatario

Obbligatorio
A Per i ricevitori video, non visualizzare alcun elemento durante la riproduzione. Al tocco sullo schermo, il sistema mostrerà i controlli del player.
B Per i ricevitori audio, posiziona tutti gli elementi dei metadati sopra l'area protetta e non mostrare alcun elemento di controllo. Al 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.

 

Destinatario in pausa

Obbligatorio
A Per i ricevitori video, non visualizzare alcun elemento quando è in 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 se 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

  • Interrompi l'esecuzione del ricevitore se inattiva per 20 minuti e disconnetti le app del mittente connesse. Una volta interrotta, viene visualizzata la schermata Home del dispositivo, che ti aiuterà a prevenire le ustioni.
  • Garantisci l'allineamento con l'implementazione futura delle sessioni in background.
  • Se applicabile, quando il ricevitore viene interrotto a causa del tempo di inattività, archivia la posizione in pausa in modo che l'utente possa riprendere la riproduzione da quel momento in poi.

Video

Video messo in pausa

Audio

Audio in pausa

 

Buffering del destinatario

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

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

Video

Buffering del ricevitore

Audio

Buffering del ricevitore

 

Il destinatario interrompe la trasmissione

Quando la riproduzione si interrompe o scade, il ricevitore visualizza l'interfaccia utente inattiva.

Obbligatorio
A Identifica quale app di ricezione viene caricata o inattiva mostrando 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 a eventuali controlli visualizzati dal sistema.

Best practice

  • Disconnettiti dall'app del ricevitore e interrompi l'esecuzione per 5 minuti in caso di inattività. Una volta interrotta, viene visualizzata la schermata Home del ricevitore, che ti aiuterà a prevenire le bruciature dello schermo.

 

 

Le immagini utilizzate in questa guida alla progettazione sono concesse in omaggio dalla Blender Foundation, condivise ai sensi del copyright o della licenza Creative Commons.

  • Elephant's Dream: (c) copyright 2006, Blender Foundation / Paesi Bassi Media Art Institute/ www.Elephantsdream.org
  • Sintel: (c) Fondazione Blender Copyright | www.sintel.org
  • Tears of Steel: (CC) Blender Foundation | mango.blender.org
  • Big Buck Bunny: (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org