ubicació

Les accions principals es mostren a la capçalera corresponent de la pàgina. La capçalera només hauria de mostrar accions rellevants a la pàgina actual.

La pàgina principal de l’aplicació Contactes mostra:

../../_images/27.png

Quan es visualitza un sol contacte, només es mostren les accions rellevants:

../../_images/28.png

Ranures

La capçalera conté una sèrie de ranures que poden contenir accions o opcions de navegació. Depenent de la superfície o la mida de la finestra, es poden afegir ranures addicionals per mostrar les accions que d’altra manera s’oculten als calaixos.

../../_images/29.png

Calaix d’acció

Les accions es col·locaran en un calaix d’acció quan no hi hagi ranures disponibles per allotjar-les. No obstant això, quan l’aplicació es troba en una superfície més gran, com en un escriptori, llavors les accions apareixeran en els espais buits.

../../_images/30.png

Disposició responsiva

A mesura que la capçalera guanya amplada a través de les mides de pantalla, es fan visibles ranures addicionals i les accions al calaix apareixeran automàticament.

Disposició de 3 ranures

../../_images/31.png

Disposició de 4 ranures

../../_images/32.png

Disposició de 5 ranures

../../_images/33.png

Disposició de 6 ranures

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

Pantalla mitjana a gran

El nombre màxim de ranures d’acció visibles en un entorn convergent és 6. Si se supera, llavors les accions addicionals migraran al calaix d’acció.

Simple

Tingues en compte de mantenir un disseny net. Com més simple, millor.