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:
- Barra delle schede con l'icona dell'app e fino a 4 schede (senza pulsante Indietro)
- Modello incorporato, che può essere uno dei seguenti tipi:
Ogni visualizzazione schede corrisponde a un modello incorporato e può essere attiva una sola visualizzazione schede alla volta.

Anatomia del modello della scheda

Il modello di scheda è costituito dai seguenti elementi:
- Barra delle schede, che può mostrare fino a quattro schede
- Modello incorporato, che utilizza uno dei seguenti modelli: Elenco, Griglia, Ricerca, Riquadro, Messaggio o Navigazione
Esempi di modelli di schede


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. |