Bootstrap : quel est le style sémantiquement le plus approprié pour les boutons de soumission ?

Question

Récemment, la la documentation officielle de Bootstrap a enfin donné des spécifications claires sur la sémantique de leur style de bouton :

Primaire Il apporte un poids visuel supplémentaire et identifie l'action principale dans une série de boutons.

Succès Indique une action réussie ou positive

Danger Indique une action dangereuse ou potentiellement négative

J'ai écrit un cadre RAD pour la création rapide de formulaires web. Il est basé sur Bootstrap et est utilisé par des tiers sur différents sites web, chacun avec son propre schéma de couleurs / variation, sur lequel les couleurs correspondantes ne seront pas nécessairement le bleu et le vert, mais varieront pour refléter le style du site web ou la signification des couleurs dans la culture des utilisateurs cibles.

Devant déterminer le style bootstrap à attribuer aux boutons du formulaire, je ne peux pas baser mon choix sur leurs couleurs prédéfinies, mais plutôt sur la signification du style.

Le choix est simple pour le bouton de réinitialisation pour lequel le style "danger" semble parfait.

class="btn btn-danger"

Mais qu'en est-il du bouton d'envoi ? Entre "primary" et "success", lequel est le plus important ? sémantiquement le plus approprié pour le bouton de soumission d'un formulaire web ?

Answer 1

Cela n'a pas vraiment d'importance, c'est une question de goût, mais je dirais que "Succès" convient mieux à l'action "Soumettre" ou "Terminer" - tandis que "Primaire" suggère qu'il déclenche l'action principale - "Imprimer" ou "Suivant" par exemple. J'espère que cela vous aidera un peu.

Answer 2

Le succès est la meilleure solution car le vert signifie continuer et le primaire est généralement utilisé pour le bouton OK. J'espère que vous trouverez votre réponse.

Answer 3

Tout dépend de la combinaison thème/couleur de votre site web. Pour moi, il s'agit simplement de boutons bleus et verts.

Si votre site web a des couleurs comme Facebook, vous devriez probablement opter pour une couleur primaire qui s'harmonise avec la couleur du thème du site web. En revanche, si les couleurs de votre site ressemblent à celles de Google+, un bouton de danger bootstrap sera probablement plus approprié.

Si vous souhaitez mettre en évidence un bouton, choisissez une couleur en conséquence. Par exemple, je choisirai un bouton d'avertissement pour mettre en évidence une action si je suis en train d'utiliser le primaire ailleurs.

Ce ne sont que des boutons de couleur, ne les considérez pas en termes de succès, de danger ou autre. J'espère que cela vous aidera.