Fab

Le FAB (Floating Action Button) représente l'action la plus importante sur un écran. Il met les actions clés à portée de main.

# Usage

Le FAB (Floating Action Button) représente l'action la plus importante sur un écran.Il est généralement positionné en bas à droite de l'écran et offre un moyen rapide et visible pour accéder à une fonctionnalité clé. Le FAB est particulièrement utile pour les actions qui doivent être mises en avant et facilement accessibles sur les appareils mobiles.

  • Action principale : Pour l'action la plus importante sur une page, comme ajouter un nouvel élément, lancer une recherche ou ouvrir un formulaire.
  • Accessibilité rapide : Pour permettre un accès rapide à des fonctionnalités fréquemment utilisées.
  • Accentuation visuelle : Pour mettre en avant une action spécifique et la rendre facilement repérable.

Quand utiliser

  • Vente : Utilisé pour des actions telles que "Ajouter au panier", "Scanner un code-barres" ou "Accéder aux offres spéciales".
  • Assistance : Employé pour des actions comme "Démarrer une conversation", "Soumettre une demande d'assistance" ou "Appeler le support technique".
  • Application/Espace client : Utilisé pour des actions rapides telles que "Ajouter un nouveau paiement", "Mettre à jour les informations personnelles" ou "Contacter le service client".

Quand ne pas utiliser

  • Multiples actions principales : Évitez d'utiliser plusieurs FAB pour différentes actions principales sur la même page.
  • Actions secondaires : Ne pas utiliser le FAB pour des actions secondaires ou moins fréquentes.
  • Interfaces chargées : Si l'interface contient déjà de nombreux éléments interactifs, ajouter un FAB peut rendre l'interface surchargée et confuse.

# Do & Don't

Utiliser des icônes claires et compréhensibles
Le FAB doit être positionné en bas à droite sur l’écran