Link

• Inline Link : : Un Inline Link est un intégré directement dans un bloc de texte. Il permet de rediriger les utilisateurs sans interrompre la lecture ou le flux de contenu.

• Standalone Link : : Un Standalone Link est un lien isolé du contenu textuel dans l’interface pour être plus visible. Il peut comporter une icône à droite pour renforcer sa signification ou une action

  • 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.

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. Utiliser un bouton dans ce cas la.

• 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.