Personalizzare i controlli di riproduzione

Oltre a decidere come organizzare i contenuti dell'app per la navigazione e la navigazione, devi decidere se vuoi una coda o qualsiasi controllo personalizzato per la riproduzione dei contenuti.

I produttori di auto si occupano di implementare e modificare lo stile di visualizzazione, la barra di controllo ridotta a icona e la coda. Forniscono anche un set base di controlli di riproduzione, inclusi Riproduci/Pausa, Avanti, Precedente e Overflow. Se questi controlli sono sufficienti per la tua app, non devi fare altro.

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

  • Se visualizzare o meno le miniature per gli elementi in coda
  • Indica se visualizzare un'icona o il tempo trascorso per l'elemento attualmente in riproduzione in coda.
  • Se includere nella coda elementi riprodotti in precedenza
  • Quali azioni personalizzate vuoi che siano riportate sulla barra di controllo e se debbano sostituire i controlli Successiva e Precedente delle case automobilistiche
  • Le icone che rappresentano gli stati pertinenti di ogni azione (ad esempio disponibili e disattivate)

Per avere esempi di interfaccia di riproduzione, visita la pagina relativa alla riproduzione di contenuti multimediali.


Linee guida per i controlli di riproduzione

Livello di requisito Linee guida
DEVE Gli sviluppatori di app devono:
  • Fornire icone vettoriali monocromatiche (nero o bianco) per le azioni personalizzate che aggiungono e modificarle in modo dinamico per indicare lo stato
DOVREBBE Gli sviluppatori di app devono:
  • Se utilizzi un testo (compresi i numeri) in un'icona, usa lo spazio massimo nel riquadro di delimitazione per rendere il testo il più grande e leggibile possibile.
MA Gli sviluppatori di app possono:
  • Fornisci icone vettoriali monocromatiche (nero o bianco) per un massimo di 8 azioni personalizzate.

Motivazione:

  • UI coerente nell'app: gli sviluppatori di app devono allineare le interfacce per le azioni personalizzate nelle app multimediali con azioni simili a quelle degli utenti di altri dispositivi.
  • Glabilità: il testo può apparire più piccolo se associato a un'iconografia, quindi il testo nelle icone deve essere ingrandito nello spazio disponibile.

Linee guida per la coda

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

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

Motivazione:

  • Interfaccia utente selezionabile: gli utenti devono essere in grado di vedere a colpo d'occhio quali contenuti sono attualmente in riproduzione.