Banner

hero

Panoramica

I banner possono contribuire a mettere in evidenza esperienze speciali dell'app, nuove funzionalità o messaggi importanti. Sebbene simili alle righe standard dal punto di vista funzionale, i banner aggiungono una visibilità visiva distinta grazie a riempimenti dello sfondo personalizzabili e saranno sempre separati visivamente dai contenuti circostanti.


Composizione

Se un banner è chiudibile, l'host esegue automaticamente il rendering dell'ultimo elemento dell'elenco degli elementi finali come pulsante standardizzato con icona di chiusura.

hero

1. Immagine principale

2. Testo principale

3. Testo secondario (facoltativo)

4. Elemento finale (facoltativo)


Requisiti UX

Per garantire un'esperienza sicura e coerente in tutte le app, segui questi requisiti di progettazione:

Livello del requisito

Contenuti

MUST

Visualizzare un solo banner per sezione. Posiziona i banner in una sezione dedicata che non contiene altri tipi di componenti.

SHOULD

Applica riempimenti dello sfondo personalizzati, colori di accento dei pulsanti e raggi angolari distinti per separare i banner dalle righe di contenuti standard.

SHOULD

Evita di posizionare le sezioni dei banner una accanto all'altra per preservarne l'importanza visiva.