Personalizzare i controlli di riproduzione

Oltre a decidere come sono organizzati i contenuti dell'app per la navigazione e la navigazione, devi decidere se vuoi una coda o controlli personalizzati per la riproduzione dei contenuti.

Le case automobilistiche si occupano di implementare e definire lo stile della visualizzazione di riproduzione, della barra di controllo ridotta a icona e della coda. Forniscono inoltre un insieme di controlli di riproduzione di base, tra cui Riproduzione/Pausa, Avanti, Precedente e Overflow. Se questi controlli sono sufficienti per la tua app, non devi fare altro.

Tuttavia, se vuoi inserire una coda o accedere ad altre azioni di riproduzione oltre a quelle fornite dalle case automobilistiche, devi decidere:

  • Indica se visualizzare miniature per gli elementi della coda
  • Indica se visualizzare un'icona o il tempo trascorso per l'elemento attualmente in riproduzione in coda
  • Indica se includere nella coda gli elementi riprodotti in precedenza.
  • Quali azioni personalizzate vuoi visualizzare nella barra di controllo e se devono sostituire i controlli Avanti e Precedente delle case automobilistiche.
  • L'aspetto delle icone che rappresentano gli stati pertinenti di ogni azione (ad esempio disponibile e disattivata)

Per alcuni esempi dell'interfaccia di riproduzione, consulta la sezione Riprodurre contenuti multimediali.

Linee guida per il controllo di riproduzione

Livello dei requisiti Linee guida
DEVE Gli sviluppatori di app devono:
  • Fornire icone vettoriali monocromatiche (nere o bianche) per ogni azione personalizzata che aggiunge e modificarle dinamicamente per indicare lo stato
DOVREBBE Gli sviluppatori di app devono:
  • Se in un'icona utilizzi testo (inclusi i numeri), sfrutta tutto lo spazio disponibile nel riquadro di delimitazione per rendere il testo il più grande e leggibile
MAG Gli sviluppatori di app possono:
  • Fornisci icone vettoriali monocromatiche (nere o bianche) per un massimo di 8 azioni personalizzate

Motivazione:

  • UI dell'app coerente: gli sviluppatori di app devono allineare le interfacce per le azioni personalizzate nelle app multimediali con azioni simili che sono familiari agli utenti su altri dispositivi.
  • Precisione: il testo può apparire più piccolo se abbinato all'iconografia, quindi il testo nelle icone deve essere ingrandito nello spazio disponibile.

Linee guida per le code

Le seguenti considerazioni si applicano se decidi di implementare una coda per consentire agli utenti di visualizzare i contenuti attualmente in riproduzione e in programma.

Livello dei requisiti Linee guida
DOVREBBE Gli sviluppatori di app devono:
  • Fornisci un indicatore per l'elemento della coda attualmente in riproduzione
  • Includi nella coda gli elementi riprodotti in precedenza
MAG Gli sviluppatori di app possono:
  • Fornisci miniature per gli elementi della coda
  • Indica l'elemento attualmente in riproduzione con un'icona o visualizzando il tempo trascorso

Motivazione:

  • Interfaccia utente intuitiva: gli utenti devono essere in grado di vedere a colpo d'occhio i contenuti in riproduzione.