Les boutons sont aujourd’hui une partie intégrante de toute application ou site internet. Vous en trouvez même dans les mails pour des appels à l’action. Ce sont des composants essentiels, et leur forme l’est donc autant.

Mais qui est le plus efficace : le bouton arrondi ou le bouton rectangulaire ?

Pourquoi le bouton arrondi attire naturellement l’attention  ?

Nous vivons dans un monde technologique. Et pourtant, notre esprit continue à fonctionner selon des codes ataviques, que nous ne contrôlons pas.

Instinctivement, nous allons trouver les formes rondes plus chaleureuses, plus douces, plus dignes de confiance, voire plus attirantes. Alors que les angles droits vont plus évoquer la dureté, la solidité, mais aussi des sentiments de froideur. Les formes raides des boutons rectangulaires seront donc moins tentantes pour notre cerveau reptilien, qui trouvera plus rassurant les boutons arrondis.

Cela dépasse même ces impressions fugaces : si vous alignez une rangée de formes, nous arriverons plus facilement à les compter, c’est-à-dire à les distinguer les unes des autres, si elles sont rondes plutôt que carrées. Même nos yeux reconnaissent mieux les formes arrondies  !

Arrondissez les angles

N’allez pas croire pour autant que tout ce qui est rond est bon.

Rappelez-vous : nous vivons dans un monde technologique. Et nous avons donc déjà acquis l’habitude que les boutons sur lesquels nous devons cliquer sont plutôt de forme allongée. Un joli bouton tout rond aurait donc moins d’impact que son homologue rectangulaire ?

Ne tournez pas carré tout de suite ! Car il existe bel et bien une astuce pour profiter à la fois de ces deux tendances : arrondir les angles. Il vous suffit de courber un tantinet les angles droits de vos boutons, tout en indiquant bien qu’il s’agit de boutons.

Là encore, vous allez cependant vous retrouver confronté à un choix : jusqu’à quel point devez-vous transformer ces angles ? S’agit-il juste d’adoucir leurs contours les plus anguleux ou bel et bien de les courber comme un cercle qui serait étiré ? En fait, tout va dépendre du contexte dans lequel vous allez les utiliser…

Petit bouton, jusqu’où seras-tu rond ?

Il existe certaines situations dans lesquelles un bouton trop rond ne parviendra pas à sortir du lot. Ce sera notamment le cas si vos boutons s’intègrent dans un tableau ou une liste, ou lorsqu’ils sont entourés d’autres objets aux formes arrondies (notamment des tags). Dans ce type de situations, il devient difficile pour le bouton de se distinguer… et il devient beaucoup plus important de marquer sa différence, autant par sa couleur que par sa forme.

Par ailleurs, si le bouton a vocation à appeler un sous-menu, il faut qu’il soit suffisamment grand pour être cliquable : une forme arrondie occupe moins de pixels qu’une forme carrée. Il devient alors plus difficile d’effectuer une pression avec le doigt (cette remarque vaut surtout pour les applications mobiles. Sur un écran d’ordinateur, le problème se posera moins).

Dans ces contextes, il s’agit donc de réfléchir beaucoup plus soigneusement jusqu’à quel point vous voulez arrondir les formes de votre bouton : l’aspect esthétique n’est plus le seul à prendre en compte.

Il vous reste juste une dernière option à prendre en compte : le bouton qui change de forme lorsque la souris passe dessus, ou lorsqu’il est cliqué. N’oubliez pas que les boutons animés faisaient partie des tendances que nous avions identifiées pour 2019.

Cette petite astuce vous permettra de tirer parti à la fois des angles droits et des formes arrondies !