Personalizzare i controlli di riproduzione

I produttori di auto e Google forniscono un insieme di controlli di base per la riproduzione, come Riproduci/Metti in pausa, Avanti, Indietro e Overflow. Se vuoi funzionalità aggiuntive, come la coda o le azioni personalizzate, devi prendere decisioni di progettazione relative a layout, icone e quali controlli forniti (se presenti) sostituire.

Per andare oltre le azioni di riproduzione fornite dai produttori di auto e offrire agli utenti una coda o azioni di riproduzione aggiuntive, devi decidere se mostrare quanto segue:

  • Miniature degli elementi in coda
  • Un'icona o il tempo trascorso per l'elemento in riproduzione
  • Elementi riprodotti in precedenza nella coda
  • Azioni personalizzate nella barra di controllo e la possibilità di sostituire i controlli Avanti e Indietro del produttore dell'auto
  • Rappresentazioni visive degli stati pertinenti di ogni azione (ad es. disponibile o disattivata)

Gli sviluppatori di app devono mantenere un design coerente per le azioni personalizzate nelle app multimediali in modo da allinearsi alle aspettative degli utenti e massimizzare il testo all'interno delle icone per garantire la leggibilità.

Visualizzazione di riproduzione

Una delle funzionalità più importanti da progettare per un'app multimediale è la visualizzazione della riproduzione.

Esempi di visualizzazione della riproduzione

Mockup di app multimediale durante la riproduzione di contenuti multimediali
Questa visualizzazione della riproduzione mostra il brano in riproduzione (Android Auto).
Mockup di app multimediale durante la riproduzione di contenuti multimediali con overlay di overflow
L'utente ha aperto il menu extra sul lato destro della schermata, che offre più funzionalità (Android Auto).
Mockup di app multimediale durante la riproduzione di contenuti multimediali
Questa visualizzazione di riproduzione mostra il brano in riproduzione (Google integrato).
Mockup di app multimediale durante la riproduzione di contenuti multimediali con overlay di overflow
L'utente ha aperto il menu extra sul lato destro dello schermo, che offre più funzionalità (integrate in Google).
Due esempi (elenco e griglia) di app multimediali integrate su Google (ritratto)

Coda

Fornire agli utenti un modo per sfogliare l'elenco delle sorgenti audio.

Esempi di coda

Mockup di app multimediale che mostra l'elenco della coda con la copertina dell'album
Qui l'utente può esaminare la coda dei contenuti multimediali in programma (Android Auto).
Mockup di app multimediale che mostra l'elenco della coda con i controlli di riproduzione
Qui l'utente vede l'elenco dei contenuti multimediali in programma (Google integrato).
Mockup di app multimediale che mostra l'elenco della coda con la copertina dell'album
Qui l'utente può esaminare la coda dei contenuti multimediali imminenti (Google integrato, ritratto).

Requisiti

Tieni presente i seguenti requisiti e consigli:

Livello di requisito Requisiti della coda Requisiti per i controlli di riproduzione
Obbligatorio -- Gli sviluppatori di app devono:
Dovrebbe Gli sviluppatori di app devono:
  • Se utilizzi del testo (inclusi i numeri) in un'icona, sfrutta al massimo lo spazio nel riquadro delimitante per rendere il testo il più grande e leggibile possibile.
Gli sviluppatori di app devono:
  • Fornire un indicatore per l'elemento della coda in riproduzione
  • Includi nella coda gli elementi riprodotti in precedenza

Per scoprire di più sugli indicatori di avanzamento e sulla coda, consulta Attivare il controllo della riproduzione.

Maggio Gli sviluppatori di app possono: Gli sviluppatori di app possono: