Composants
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