Azioni principali#

Le azioni principali sono mostrate nell’intestazione corrispondente della pagina. L’intestazione dovrebbe mostrare solo le azioni rilevanti per la pagina corrente.

La pagina principale dell’app Contacts mostra:

../../_images/27.png

Mentre si visualizza un singolo contatto, sono mostrate solo le azioni rilevanti:

../../_images/28.png

Slots#

L’intestazione contiene un numero di slot che possono ospitare azioni o opzioni di navigazione. In base allo schermo o alla dimensione della finestra, possono essere aggiunti slot per mostrare le azioni che altrimenti sarebbero nascoste.

../../_images/29.png

Cassetto d’azione#

Le azioni saranno poste in un cassetto azione quando non ci sono slot disponibili per ospitarli. Tuttavia, quando l’applicazione è su una superficie più grande, come su un desktop, allora le azioni apparirà nelle slot.

../../_images/30.png

Layout reattivo#

Poiché l’intestazione guadagna la larghezza tra le dimensioni dello schermo, le fessure aggiuntive diventano visibili e le azioni nel cassetto appariranno automaticamente.

3 impostazione slot#

../../_images/31.png

4 impostazione slot#

../../_images/32.png

5 impostazione slot#

../../_images/33.png

6 impostazione slot#

../../_images/34.png
../../_images/35.png

Schermi medio-grandi#

Il numero massimo di slot di azione visibili in un ambiente convergente è 6. Se questo viene superato allora ulteriori azioni migrano al cassetto azione.

Semplice#

Ricorda di mantenere un design pulito. Più è semplice, meglio è.