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