Pourquoi les boutons "annuler" et "confirmer" devraient-ils avoir la même taille?
Beaucoup d'UI Framework proposent 2 types de boutons différents: 1) Le premier: une sorte de bouton de confirmation 2) Le second: utilisé comme bouton "Annuler"
L'interface utilisateur des deux boutons peut être différente: couleurs, arrière-plan, bordures, etc. différentes. hauteur mais avec une couleur de fond transparente.
Ma question est la suivante: pourquoi les 2 boutons sont-ils cohérents en termes de taille? Est-ce une mauvaise approche de changer la taille du bouton d'annulation? Quel est le pro ayant la même taille?
Vous souhaiterez peut-être conserver la même taille pour les deux raisons suivantes:
- Différentes tailles créent un contraste qui crée un encombrement visuel.
- Placer des boutons de même taille autour d'un axe vertical virtuel crée une symétrie, qui est considérée comme plus agréable, formelle et stable.
Mais, si vous avez des objectifs de conception plus importants, c'est-à-dire attirer l'attention des utilisateurs, les limites d'espace, etc., vous pouvez utiliser différentes tailles.
Annuler et confirmer en tant que deux choix à la fin d'un scénario qui, du point de vue de l'utilisateur, ont la même importance. Si vous rendez l'un des deux boutons plus visible (en utilisant la taille ou la couleur), vous influencez sa décision. Parfois, vous voulez réellement influencer la décision de l'utilisateur, mais d'autres non. Si vous avez l'intention d'influencer sa prise de décision, vous pouvez rendre l'un des deux boutons grand ou plus visible.
Ensuite, il y a un deuxième aspect à considérer auquel @DesignerAnalyst a abordé et qui est plus autour des aspects visuels. Si vous décidez d'influencer la prise de décision de l'utilisateur, vous feriez mieux d'utiliser différents contrastes de couleurs que différentes tailles.
J'espère que ça répond à ta question.
Je pense que vous voulez juste vous éloigner de l'action destructrice. En ayant un bouton d'annulation ou de suppression plus petit ou moins ciblé, il y a moins de chance d'une action accidentelle qui a des effets néfastes.
Annuler et confirmer ont généralement des boutons de même taille. Il n'y a vraiment pas de principe UX prenant en charge les boutons primaires et secondaires de même taille
En fait, un bouton de confirmation plus grand est préférable pour souligner l'action principale. C'est pourquoi de nombreuses actions d'annulation et d'annulation sur le Web sont conçues comme un lien (par exemple, le formulaire de réponse de UX.SE) pour donner plus de poids à l'action principale.
Vous pouvez en savoir plus sur le poids visuel dans l'article référencé par @DasBesto https://uxmag.com/articles/visual-balance-and-weight-allocation-for-usability
Alors pourquoi les boutons d'annulation et de confirmation sont-ils généralement de la même taille?
- Les mots "Annuler" et "Confirmer" ont une longueur très similaire.
La longueur des boutons par défaut est déterminée par la longueur de son contenu. Comme Annuler et Confirmer sont de longueur très similaire, vous obtenez des boutons de taille similaire.
- Les boutons de l'écran tactile doivent être volumineux.
Sur un appareil mobile, vous avez besoin de gros boutons tactiles. Avec un modal, pour faciliter le tapotement, vous faites en sorte que les boutons s'étendent sur toute la largeur. Annuler et confirmer sont de la même taille qu'un compromis pour garantir que les deux boutons sont faciles à appuyer. C'est bien parce que la couleur fournit également un poids visuel fort. Tant que la couleur de votre bouton Confirmer se démarque de votre bouton Annuler, le fait que les deux boutons soient de la même taille n'est pas si grave.