Modello scheda

Il modello di scheda funge da contenitore per gli altri modelli elencati di seguito, fornendo schede nella parte superiore (come mostrato in Struttura del modello della scheda).

Le schede consentono di passare da una visualizzazione all'altra. Questa funzionalità è particolarmente utile per organizzare i contenuti o le visualizzazioni che gli utenti vorranno sfogliare o cercare.

Include:

Ogni visualizzazione schede corrisponde a un modello incorporato e può essere attiva una sola visualizzazione schede alla volta.

Wireframe del modello di scheda

Anatomia del modello della scheda

Wireframe del modello di scheda, inclusi tutti i possibili modelli incorporati

Il modello di scheda è costituito dai seguenti elementi:

  1. Barra delle schede, che può mostrare fino a quattro schede
  2. Modello incorporato, che utilizza uno dei seguenti modelli: Elenco, Griglia, Ricerca, Riquadro, Messaggio o Navigazione

Esempi di modelli di schede

Modello di scheda con modello di elenco incorporato
La visualizzazione della scheda "Tutti i dispositivi" viene creata utilizzando un modello di scheda che contiene un modello di elenco (esempio di Android Auto)
Modello di scheda con modello griglia incorporato
La visualizzazione della scheda "Dispositivi per la casa" viene creata utilizzando un modello di scheda che contiene un modello di griglia (esempio di Android Auto)

Requisiti dell'UX dei modelli di schede

Sviluppatori di app:

DEVE Fornisce icone vettoriali monocromatiche in ogni scheda.
DEVE Includi da un minimo di 2 a un massimo di 4 schede nell'intestazione dell'app.
NON DEVE Consenti l'attivazione di più di una scheda alla volta.
NON DEVE Crea una navigazione secondaria aggiungendo un secondo livello di schede.
DOVREBBE Utilizza etichette brevi per evitare il troncamento.
NON DEVE Affidati a un'intestazione o una barra di azione nei modelli incorporati.