web-dev-qa-db-fra.com

Comment afficher un CTA sur mobile

Avec le CTA sur mon site au lieu de simplement dire "Voir plus" ou "En savoir plus", j'ai essayé d'être plus précis car il concerne le contenu.

Par exemple, j'ai celui-ci qui dit "Planifiez votre dîner et vos repas" pour une section alimentaire, mon seul problème est mobile car la div parent CTA a une largeur limite.

Image with CTA

Comme vous pouvez le voir, le texte CTA ne tient pas à l'intérieur du bouton - ma seule solution est de faire tenir le texte à l'intérieur du bouton, mais le bouton aimerait assez gros et laid pour le moins. Quelle est la meilleure façon de régler ce problème? Dois-je trouver un texte plus petit pour entrer dans le CTA?

1
Stephen

En fin de compte, il s'agira de préférences personnelles, sauf si vous le testez lors des tests utilisateur.

Que pouvez-vous changer? vous devrez trouver le bon équilibre entre:

  • Réduisez la taille de la police
  • Rendre le bouton multiligne (max 2 pour plus de lisibilité)
  • Changez votre étiquette pour quelque chose de plus concis ("Planifiez le dîner")

Je pense que vous avez tout.

2
Leths