Actions

FAB

Bouton d'action flottant étendu, 56px, pour l'action principale d'un écran mobile.

Aperçu en direct

Spécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.

ExpressiveRéférence

Stabilité, écran Aujourd'hui : l'urgence et l'action courante côte à côte, même gabarit.

UX / UIRègles illustrées

À faire

Même taille, couleur sémantique pour l'urgence.

À éviter

Grossir l'urgence et réduire le reste : déséquilibre et cible trop petite pour « Repas ».

Variante M3EMême composant, mêmes rôles, autre matière

PlazaWii U / 3DS

ChromeY2K

Spécimen de référence. Le contenu des exemples est celui des fiches Pelote, en français.

Bouton d'action flottant étendu (56px, rayon 16) pour l'action principale d'un écran mobile, en bas à droite.

Une icône de 24px et un libellé court (« Repas »). Positionné au-dessus de la barre de navigation.

Un FAB par écran. Deux seulement si l'un est une urgence (Stabilité : « SOS crash » en ec, « Repas » en pc).
Le FAB d'urgence a la même taille que l'autre : c'est la couleur qui le distingue.
Toujours étendu (icône + libellé) quand la place le permet.