Composants
Link
Un lien permet aux utilisateurs de se déplacer dans les applications et les sites web.
# Usage
-
Inline Link : Un Inline Link est un lien hypertexte intégré directement dans un bloc de texte. Il permet de rediriger les utilisateurs sans interrompre la lecture ou le flux de contenu.
- Ressources supplémentaires : Pour fournir des informations complémentaires sans perturber le texte principal.
- Références internes : Pour rediriger vers d'autres sections de la même page ou du même site.
- Contextualiser le contenu : Pour ajouter des liens contextuels qui enrichissent le texte.
-
Standalone Link : Un Standalone Link est un lien hypertexte souvent utilisé comme un CTA
- Navigation principale : Pour guider les utilisateurs vers des pages ou sections importantes.
- CTA : Pour inciter les utilisateurs à entreprendre une action spécifique, comme s'inscrire ou en savoir plus.
- Liens isolés : Pour des liens qui doivent être clairement visibles et accessibles, comme "Contactez-nous" ou "Voir plus".
Quand utiliser
-
Standalone Link :
- Vente : Permet de rediriger vers une autre page (exemple : “Voir les détails du produit”)
- Assistance : Accéder à une page d’assistance (exemple : “"Contacter le support”)
- Application/Espace client : Diriger vers une section particulière de l'application (exemple :”modifier mes informations personnelles”)
-
Link inline :
- Vente : Permet de rediriger vers une autre page (exemple : “Voir les détails du produit”)
- Assistance : Proposer des articles ou des guides complémentaires dans la section d'assistance (ex : "Lisez notre guide de dépannage")
- Application/Espace client : Modifier des informations personnelles, envoyer des messages au service client.
Quand ne pas utiliser
- Boutons d'action : Pour des actions principales ou critiques comme "Soumettre", "Acheter", ou "Supprimer", utilisez des boutons plutôt que des liens.
- Actions complexe : Pour les interactions complexes à l'intérieur d'une même page, comme les modals ou les accordions, les boutons ou autres composants interactifs peuvent être plus appropriés.
- Actions sans navigation : Pour des actions qui ne changent pas la page ou n'ouvrent pas de nouvelles ressources, comme des formulaires de soumission.
# Do & Don't
Ne doit pas être utilisé pour réaliser une actions
Le texte doit être précis