Composants
Tabs
Les onglets facilitent l'exploration et le basculement entre les différentes vues.
# Usage
Les Tabs sont des éléments de navigation qui permettent de basculer entre différentes sections de contenu sans quitter la page actuelle. Chaque onglet représente une section distincte et, lorsqu'il est sélectionné, affiche le contenu associé tout en masquant les autres sections.
- Organisation du contenu : Lorsque vous avez besoin de diviser de grandes quantités d'informations.
- Navigation contextuelle : Pour permettre aux utilisateurs de basculer rapidement entre différentes vues ou sections sans rechargement de page.
- Éviter le défilement : Pour présenter plusieurs contenus dans un espace limité sans nécessiter un défilement vertical excessif.
Quand utiliser
- Vente :
- Utiliser des onglets pour organiser les descriptions, les spécifications, les avis clients et les questions fréquentes.
- Naviguer entre les différentes offres (Premium, Essentiel, Pack)
- Proposer des options de support (chat en direct, email, téléphone) dans des onglets distincts.
- Assistance :
- Structurer les guides d'utilisation en sections thématiques pour un accès rapide.
- Application/Espace client :
- Permettre aux utilisateurs de basculer entre les informations de compte, les paramètres de sécurité, et les préférences de notification.
- Permettre aux utilisateurs de personnaliser leurs paramètres de compte (ex. activer des rappels de paiement).
- Permettre aux utilisateurs de gérer leurs préférences de partage de données.
Quand ne pas utiliser
- Contenu indépendant : Évitez d'utiliser des tabs pour des contenus qui n'ont pas de relation directe entre eux.
- Navigation principale : Pour la navigation principale du site, préférez les barres de navigation ou les menus déroulants.
- Long contenu : Si chaque section de contenu est très longue, envisagez d'utiliser des pages séparées ou des accordéons pour une meilleure lisibilité.
# Do & Don't
Ne pas utiliser les tabs pour naviguer sur une nouvelle page
Ne pas utiliser une tab seul
Ne pas utiliser que des icônes
Ne pas changer l’orientation des tabs