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:
Mentre si visualizza un singolo contatto, sono mostrate solo le azioni rilevanti:
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.
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.
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#
4 impostazione slot#
5 impostazione slot#
6 impostazione slot#
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 è.