{"id":11381,"date":"2020-06-01T10:30:15","date_gmt":"2020-06-01T08:30:15","guid":{"rendered":"https:\/\/graphiste.com\/blog\/?p=11381"},"modified":"2025-08-20T17:18:37","modified_gmt":"2025-08-20T15:18:37","slug":"choisir-forme-bouton","status":"publish","type":"post","link":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/","title":{"rendered":"Comment choisir la forme de vos boutons\u2009?"},"content":{"rendered":"<p>Les boutons sont aujourd&#8217;hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l&#8217;action. Ce sont des composants essentiels et leur forme l&#8217;est donc autant.<\/p>\n<p>Mais qui est le plus efficace&nbsp;: le bouton arrondi ou le bouton rectangulaire&nbsp;?<\/p>\n<p>&nbsp;<\/p>\n<h2>Pourquoi le bouton arrondi attire naturellement l&#8217;attention&nbsp;?<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14104\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/bouton-call-to-action-validation.gif\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>Nous vivons dans un monde technologique. Et pourtant, notre esprit continue \u00e0 fonctionner selon des codes ataviques, que nous ne contr\u00f4lons pas.<\/p>\n<blockquote><p>Instinctivement, nous allons trouver les <a href=\"https:\/\/graphiste.com\/blog\/symbolique-forme-logo-rond\">formes rondes<\/a> plus chaleureuses, plus douces, plus dignes de confiance, voire plus attirantes.<\/p><\/blockquote>\n<p>A l\u2019inverse, les angles droits vont plus \u00e9voquer la duret\u00e9, la solidit\u00e9, 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.<\/p>\n<p>Cela d\u00e9passe m\u00eame ces impressions fugaces&nbsp;: si vous alignez une rang\u00e9e de formes, nous arriverons plus facilement \u00e0 les compter, c&#8217;est-\u00e0-dire \u00e0 les distinguer les unes des autres, si elles sont rondes plut\u00f4t que carr\u00e9es. M\u00eame nos yeux reconnaissent mieux les formes arrondies\u2009!<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/5-regles-boutons-call-to-action\">Web design&nbsp;: 5 r\u00e8gles pour vos boutons call-to-action<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Arrondissez les angles<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-14103\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/10\/bouton-forme-call-to-action.png\" alt=\"\" width=\"224\" height=\"354\" \/><\/p>\n<p>N&#8217;allez pas croire pour autant que tout ce qui est rond est bon.<\/p>\n<p>Rappelez-vous&nbsp;: nous vivons dans un monde technologique. Et nous avons donc d\u00e9j\u00e0 acquis l&#8217;habitude que les boutons sur lesquels nous devons cliquer sont plut\u00f4t de forme allong\u00e9e. Un joli bouton tout rond aurait donc moins d&#8217;impact que son homologue rectangulaire&nbsp;?<\/p>\n<blockquote><p>Attention&nbsp;: Ne tournez pas carr\u00e9 tout de suite&nbsp;! Car il existe bel et bien une astuce pour profiter \u00e0 la fois de ces deux tendances&nbsp;: arrondir les angles.<\/p><\/blockquote>\n<p>Il vous suffit de courber un tantinet les angles droits de vos boutons, tout en indiquant bien qu&#8217;il s&#8217;agit de boutons.<\/p>\n<p>L\u00e0 encore, vous allez cependant vous retrouver confront\u00e9 \u00e0 un choix&nbsp;:<\/p>\n<ul>\n<li>Jusqu&#8217;\u00e0 quel point devez-vous transformer ces angles&nbsp;?<\/li>\n<li>S&#8217;agit-il juste d&#8217;adoucir leurs contours les plus anguleux ou bel et bien de les courber comme un cercle qui serait \u00e9tir\u00e9&nbsp;?<\/li>\n<\/ul>\n<p>En fait, tout va d\u00e9pendre du contexte dans lequel vous allez les utiliser\u2026<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/mobile-guide-ultime-reussir-designs\">Mobile&nbsp;: le guide ultime pour r\u00e9ussir tous vos designs<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Petit bouton, jusqu&#8217;o\u00f9 seras-tu rond&nbsp;?<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-18991\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/06\/Capture-d\u2019\u00e9cran-2020-05-29-\u00e0-15.35.12.png\" alt=\"\" width=\"769\" height=\"116\" \/><\/p>\n<p>Il existe certaines situations dans lesquelles un bouton trop rond ne parviendra pas \u00e0 sortir du lot. Ce sera notamment le cas si vos boutons s&#8217;int\u00e8grent dans un tableau ou une liste, ou lorsqu&#8217;ils sont entour\u00e9s d&#8217;autres objets aux formes arrondies (notamment des tags). Dans ce type de situations, il devient difficile pour le bouton de se distinguer\u2026 et il devient beaucoup plus important de marquer sa diff\u00e9rence, autant par <a href=\"https:\/\/graphiste.com\/blog\/bouton-web-design\">sa couleur que par sa forme<\/a>.<\/p>\n<p>Par ailleurs, si le bouton a vocation \u00e0 appeler un sous-menu, il faut qu&#8217;il soit suffisamment grand pour \u00eatre cliquable&nbsp;: une forme arrondie occupe moins de pixels qu&#8217;une forme carr\u00e9e. Il devient alors plus difficile d&#8217;effectuer une pression avec le doigt (cette remarque vaut surtout pour les applications mobiles. Sur un \u00e9cran d&#8217;ordinateur, le probl\u00e8me se posera moins).<\/p>\n<blockquote><p>Dans ces contextes, il s&#8217;agit donc de r\u00e9fl\u00e9chir beaucoup plus soigneusement jusqu&#8217;\u00e0 quel point vous voulez arrondir les formes de votre bouton&nbsp;: l&#8217;aspect esth\u00e9tique n&#8217;est plus le seul \u00e0 prendre en compte.<\/p><\/blockquote>\n<p>Il vous reste juste une derni\u00e8re option \u00e0 prendre en compte&nbsp;: le bouton qui change de forme lorsque la souris passe dessus, ou lorsqu&#8217;il est cliqu\u00e9. N&#8217;oubliez pas que les <a href=\"https:\/\/graphiste.com\/blog\/animations-css-dynamiser-boutons\">boutons anim\u00e9s<\/a> faisaient partie des tendances que nous avions identifi\u00e9es pour 2019.<\/p>\n<p>Cette petite astuce vous permettra de tirer parti \u00e0 la fois des angles droits et des formes arrondies&nbsp;!<\/p>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/bouton-web-design\">Comment perfectionner le design de vos boutons&nbsp;?<\/a><\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<h2>Comment attirer l\u2019oeil de vos lecteurs&nbsp;?<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-8447\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2018\/10\/animation-bouton-min.gif\" alt=\"\" width=\"800\" height=\"600\" \/><\/p>\n<p>Le but d\u2019un call-to-action \u00e9tant d\u2019inviter vos lecteurs \u00e0 cliquer sur vos <a href=\"https:\/\/graphiste.com\/blog\/erreurs-boutons-call-to-action\">boutons CTA<\/a> pour g\u00e9n\u00e9rer plus de leads, ces derniers doivent imp\u00e9rativement attirer le regard&nbsp;! Mais comment&nbsp;? Pour cela, ils doivent \u00eatre&nbsp;:<\/p>\n<ul>\n<li>Facilement identifiables<\/li>\n<li>D\u00e9limit\u00e9s de fa\u00e7on nette et pr\u00e9cise<\/li>\n<li>Clair, pr\u00e9cis, sans myst\u00e8re<\/li>\n<li>B\u00e9n\u00e9fiques pour son utilisateur<\/li>\n<li>Faire appel \u00e0 ses \u00e9motions<\/li>\n<\/ul>\n<p>En clair, jouez sur la place, le contraste et la forme de votre bouton CTA pour attirer l\u2019oeil sur ce dernier et ne pas le confondre avec un fond de page ; rendez-le original, jouez avec ses ombres, ses couleurs ; expliquez clairement \u00e0 son utilisateur en quoi il lui sera b\u00e9n\u00e9fique de cliquer dessus et ne soyez pas trop \u201cclassique\u201d avec le texte ins\u00e9r\u00e9&nbsp;: pr\u00e9f\u00e9rez un \u201cJe fonce&nbsp;!\u201d ou \u201cJ\u2019en profite&nbsp;!\u201d.<\/p>\n<p>En suivant ces quelques conseils, soyez certains que vos boutons CTA g\u00e9n\u00e9reront plus de clics sur votre blog, sur la page d&#8217;accueil de votre site internet, au sein m\u00eame de vos contenus ou sur votre site e-commerce&nbsp;!<\/p>\n<p>Vous pouvez m\u00eame ins\u00e9rer vos boutons CTA dans des pop-up de sortie.<\/p>\n<blockquote><p>Attention&nbsp;: Ne soyez pas trop intrusifs et insistants \u00e0 ins\u00e9rer des boutons CTA partout. Cela aura l\u2019effet inverse escompt\u00e9 et lassera vos lecteurs.<\/p><\/blockquote>\n<blockquote><p>\u00c0 lire aussi&nbsp;: <a href=\"https:\/\/graphiste.com\/blog\/animations-css-dynamiser-boutons\">Inspiration&nbsp;: 15 animations CSS pour dynamiser vos call-to-action<\/a><\/p><\/blockquote>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-18990\" src=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/06\/Graphiste.jpg\" alt=\"\" width=\"700\" height=\"338\" \/><\/p>\n<p>Et si vous faisiez appel \u00e0 un graphiste freelance professionnel dans le design de vos boutons CTA&nbsp;? Recevez gratuitement de nombreux devis pour s\u00e9lectionner le graphiste de votre choix sur <a href=\"https:\/\/graphiste.com\/\">Graphiste.com<\/a> en d\u00e9posant votre projet d\u00e8s maintenant.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les boutons sont aujourd&#8217;hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l&#8217;action. Ce sont des composants essentiels et leur forme l&#8217;est donc autant. Mais qui est le plus efficace&nbsp;: le bouton arrondi ou le bouton rectangulaire&nbsp;? &nbsp; Pourquoi le bouton arrondi attire [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":11385,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[69],"class_list":["post-11381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-graphisme"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment choisir la forme de vos boutons\u2009? - Graphiste Blog<\/title>\n<meta name=\"description\" content=\"Les boutons sont aujourd&#039;hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l&#039;action.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment choisir la forme de vos boutons\u2009? - Graphiste Blog\" \/>\n<meta property=\"og:description\" content=\"Les boutons sont aujourd&#039;hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l&#039;action.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/\" \/>\n<meta property=\"og:site_name\" content=\"Graphiste.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphistesfreelances\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-01T08:30:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-20T15:18:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@Graphistecom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"Comment choisir la forme de vos boutons\u2009?\",\"datePublished\":\"2020-06-01T08:30:15+00:00\",\"dateModified\":\"2025-08-20T15:18:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/\"},\"wordCount\":923,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg\",\"keywords\":[\"Tout savoir sur le Graphisme\"],\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/\",\"url\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/\",\"name\":\"Comment choisir la forme de vos boutons\u2009? - Graphiste Blog\",\"isPartOf\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg\",\"datePublished\":\"2020-06-01T08:30:15+00:00\",\"dateModified\":\"2025-08-20T15:18:37+00:00\",\"description\":\"Les boutons sont aujourd'hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l'action.\",\"breadcrumb\":{\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg\",\"width\":850,\"height\":423,\"caption\":\"Forme des boutons\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/graphiste.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/graphiste.com\/blog\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment choisir la forme de vos boutons\u2009?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/graphiste.com\/blog\/#website\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"name\":\"Graphiste.com\",\"description\":\"graphiste\",\"publisher\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/graphiste.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/graphiste.com\/blog\/#organization\",\"name\":\"Graphiste.com\",\"url\":\"https:\/\/graphiste.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"contentUrl\":\"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg\",\"width\":1,\"height\":1,\"caption\":\"Graphiste.com\"},\"image\":{\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/graphistesfreelances\",\"https:\/\/x.com\/Graphistecom\",\"https:\/\/www.linkedin.com\/company\/graphiste-com\/\",\"https:\/\/fr.pinterest.com\/Graphiste_Com\",\"https:\/\/www.instagram.com\/graphiste_com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/totolazza.com\",\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/graphiste.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment choisir la forme de vos boutons\u2009? - Graphiste Blog","description":"Les boutons sont aujourd'hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l'action.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment choisir la forme de vos boutons\u2009? - Graphiste Blog","og_description":"Les boutons sont aujourd'hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l'action.","og_url":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/","og_site_name":"Graphiste.com","article_publisher":"https:\/\/www.facebook.com\/graphistesfreelances","article_published_time":"2020-06-01T08:30:15+00:00","article_modified_time":"2025-08-20T15:18:37+00:00","og_image":[{"width":850,"height":423,"url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@Graphistecom","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#article","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"Comment choisir la forme de vos boutons\u2009?","datePublished":"2020-06-01T08:30:15+00:00","dateModified":"2025-08-20T15:18:37+00:00","mainEntityOfPage":{"@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/"},"wordCount":923,"commentCount":0,"publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"image":{"@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg","keywords":["Tout savoir sur le Graphisme"],"articleSection":["Webdesign"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/","url":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/","name":"Comment choisir la forme de vos boutons\u2009? - Graphiste Blog","isPartOf":{"@id":"https:\/\/graphiste.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage"},"image":{"@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage"},"thumbnailUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg","datePublished":"2020-06-01T08:30:15+00:00","dateModified":"2025-08-20T15:18:37+00:00","description":"Les boutons sont aujourd'hui une partie int\u00e9grante de toute application ou site internet. Vous en trouvez m\u00eame dans les mails pour des appels \u00e0 l'action.","breadcrumb":{"@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#primaryimage","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2019\/05\/forme-bouton-1.jpg","width":850,"height":423,"caption":"Forme des boutons"},{"@type":"BreadcrumbList","@id":"https:\/\/graphiste.com\/blog\/choisir-forme-bouton\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/graphiste.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/graphiste.com\/blog\/webdesign\/"},{"@type":"ListItem","position":3,"name":"Comment choisir la forme de vos boutons\u2009?"}]},{"@type":"WebSite","@id":"https:\/\/graphiste.com\/blog\/#website","url":"https:\/\/graphiste.com\/blog\/","name":"Graphiste.com","description":"graphiste","publisher":{"@id":"https:\/\/graphiste.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/graphiste.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/graphiste.com\/blog\/#organization","name":"Graphiste.com","url":"https:\/\/graphiste.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","contentUrl":"https:\/\/graphiste.com\/blog\/wp-content\/uploads\/sites\/4\/2022\/07\/logo-blog-graphiste.svg","width":1,"height":1,"caption":"Graphiste.com"},"image":{"@id":"https:\/\/graphiste.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphistesfreelances","https:\/\/x.com\/Graphistecom","https:\/\/www.linkedin.com\/company\/graphiste-com\/","https:\/\/fr.pinterest.com\/Graphiste_Com","https:\/\/www.instagram.com\/graphiste_com\/"]},{"@type":"Person","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/graphiste.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/totolazza.com","https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/graphiste.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/11381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/comments?post=11381"}],"version-history":[{"count":0,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/posts\/11381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media\/11385"}],"wp:attachment":[{"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/media?parent=11381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/categories?post=11381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/graphiste.com\/blog\/wp-json\/wp\/v2\/tags?post=11381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}