Cercapersone

L'indicatore di pagina rappresenta la pagina attualmente attiva e il numero totale di pagine di una sovrapposizione che consente di navigare orizzontalmente tra i contenuti.

Gli elementi di design devono essere ancorati alla parte inferiore del frame.

Principi

Gli stack sono un componente container, pertanto condividono i principi di progettazione con schede ed elenchi:

Feedback chiaro: i pager comunicano all'utente la sua posizione all'interno di un carosello di contenuti.

Contestuale: lo scopo principale di un pager è fornire un contesto chiaro e immediato per i contenuti a cui è associato.

Conciso: i pager sono piccoli e precisi nel linguaggio visivo.

Utilizzo e posizionamento

I pager mostrano all'utente la sua posizione attuale all'interno di una sequenza lineare di contenuti.

Un utente può scorrere rapidamente i pager.

Gli elementi di design devono essere ancorati alla parte inferiore del frame. Vengono posizionati sopra l'area della barra di sistema e sotto l'area dei contenuti.

Cosa fare

Le schede sono disposte in una riga senza sovrapposizioni

Cosa non fare

Non consentire la sovrapposizione delle schede. È visibile una sola scheda alla volta.

Anatomia

Un pager è composto da una riga di punti di indicazione in stato attivo e non attivo.

Il pager è composto da una riga di punti di indicazione negli stati attivo e non attivo. A. Pagina attiva (pagina corrente)

B. Pagina non attiva

Pager che indica lo scorrimento nella direzione sbagliata.

Il pager è composto da una riga di punti di indicazione negli stati attivo e non attivo.

Quando sono presenti cinque o più punti, i punti aggiuntivi vengono indicati con un primo punto più piccolo e l'intera riga scorre fino alla fine.

Personalizzazione

I pager hanno scrim, paginazione e animazioni integrate che non possono essere personalizzate. Vengono invece personalizzati i contenuti all'interno del pager degli stack.

Indietro
Indicatori di avanzamento