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 di 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 consultare 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 scheda corrisponde a un modello incorporato e può essere attiva una sola visualizzazione scheda alla volta.
Struttura del modello di scheda
Il modello 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 o Messaggio
Esempi di modelli di schede
Requisiti UX dei modelli di schede
Sviluppatori di app:
| DEVE | Includi una barra delle schede con un'etichetta e un'icona vettoriale monocromatica per ogni scheda. |
| DEVE | Includi da un minimo di due a un massimo di quattro schede nell'intestazione dell'app. |
| DEVE | Includi un modello incorporato non vuoto in ogni visualizzazione scheda. |
| NON DEVE | Consenti l'attivazione di più schede alla volta. |
| NON DEVE | Crea una navigazione secondaria aggiungendo un secondo livello di schede. |
| DOVREBBE | Utilizza etichette brevi delle schede per evitare che vengano troncate. |
| NON DEVE | Includi un'intestazione o una barra delle azioni nei modelli incorporati. |