{"id":627,"date":"2014-03-11T10:00:11","date_gmt":"2014-03-11T08:00:11","guid":{"rendered":"https:\/\/www.internetcommunication.fr\/?p=627"},"modified":"2022-07-21T14:36:07","modified_gmt":"2022-07-21T14:36:07","slug":"ergonomie-graphisme-pour-le-e-commerce","status":"publish","type":"post","link":"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html","title":{"rendered":"Ergonomie et graphisme pour le e-commerce"},"content":{"rendered":"<h1><span class=\"ez-toc-section\" id=\"Transformation_tunnel_de_conversion_et_experience_client\"><\/span>Transformation, tunnel de conversion et exp\u00e9rience client<span class=\"ez-toc-section-end\"><\/span><\/h1><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Pour gagner du temps<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Transformation_tunnel_de_conversion_et_experience_client\" >Transformation, tunnel de conversion et exp\u00e9rience client<\/a><ul class='ez-toc-list-level-2' ><li class='ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Une_parfaite_connaissance_du_marche_et_des_clients\" >Une parfaite connaissance du march\u00e9 et des clients<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Analyser_les_pratiques_de_nos_clients_pour_en_degager_des_tendances\" >Analyser les pratiques de nos clients pour en d\u00e9gager des tendances<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Quelle_couleur_choisir_pour_un_bouton_dachat_de_validation_de_panier\" >Quelle couleur choisir pour un bouton d&rsquo;achat, de validation de panier<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Quelle_est_la_forme_du_bouton_a_privilegier_pour_un_site_e-commerce\" >Quelle est la forme du bouton \u00e0 privil\u00e9gier pour un site e-commerce ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Quel_texte_choisir_pour_un_bouton_de_panier_e-commerce\" >Quel texte choisir pour un bouton de panier e-commerce ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Quelle_taille_de_police_choisir_pour_un_bouton_daction\" >Quelle taille de police choisir pour un bouton d&rsquo;action ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.internetcommunication.fr\/+\/ergonomie-graphisme-pour-le-e-commerce.html\/#Quelles_icones_choisir_pour_une_boutique_en_ligne\" >Quelles ic\u00f4nes choisir pour une boutique en ligne ?<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<p><strong>P\u00e9renniser un projet <a href=\"https:\/\/www.internetcommunication.fr\/+\/creation-de-site-internet\/creation-de-site-prestashop\">e-commerce<\/a><\/strong> ou site vitrine implique d&rsquo;adopter des strat\u00e9gies qui ne laissent plus aucune place au hasard. Dans le d\u00e9veloppement d&rsquo;un projet, projet devenu mature, la question de savoir comment continuer \u00e0 progresser finit toujours par arriver. La fameuse progression \u00e0 deux chiffres, rencontr\u00e9e de la phase de cr\u00e9ation \u00e0 aujourd&rsquo;hui, s&rsquo;essouffle&#8230;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Une_parfaite_connaissance_du_marche_et_des_clients\"><\/span>Une parfaite connaissance du march\u00e9 et des clients<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>On connait les produits, les <strong>meilleurs fournisseurs<\/strong>, les clients&#8230;<br \/>\nL&rsquo;historique des ventes permet d&rsquo;anticiper les campagnes, faire face \u00e0 la <strong>saisonnalit\u00e9 des ventes<\/strong>&#8230;<br \/>\nLa <strong>logistique<\/strong> est r\u00e9gl\u00e9e, on est enfin client premium \u00e0 La Poste ou chez DHL&#8230;<br \/>\nLes concurrents sont identifi\u00e9s, une <strong>veille concurrentielle<\/strong> a \u00e9t\u00e9 mise en place.<\/p>\n<p style=\"padding-left: 30px;\"><span style=\"font-family: comic sans ms,sans-serif;\">Mais qu&rsquo;est-ce qui peut encore bloquer le d\u00e9veloppement des ventes ?<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Analyser_les_pratiques_de_nos_clients_pour_en_degager_des_tendances\"><\/span>Analyser les pratiques de nos clients pour en d\u00e9gager des tendances<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Internet, m\u00eame si ce n&rsquo;est qu&rsquo;un <strong>canal de vente<\/strong> avec ses sp\u00e9cificit\u00e9s, il faut avouer que ses particularismes sont particuli\u00e8rement instables. Les internautes sont frivoles, changent beaucoup d&rsquo;avis et font les tendances !<br \/>\nCes m\u00eames internautes utilisent votre <a href=\"https:\/\/www.internetcommunication.fr\/+\/creation-de-site-internet\">site Internet<\/a>, font des choix en termes de navigation et d&rsquo;ergonomie. Et si nous nous int\u00e9ressions \u00e0 leurs <strong>usages d&rsquo;Internet<\/strong>, de votre site web, de leurs pr\u00e9f\u00e9rences, leur fa\u00e7on de cliquer ou de partir&#8230;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Quelle_couleur_choisir_pour_un_bouton_dachat_de_validation_de_panier\"><\/span>Quelle couleur choisir pour un bouton d&rsquo;achat, de validation de panier<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Alors c&rsquo;est l&rsquo;occasion de se pencher sur les petits riens du site Internet, ces petits riens qui peuvent facilement changer la donne.<\/p>\n<p style=\"text-align: center;\">\n<p>\u00c9videmment, ces r\u00e9sultats pourraient nous interroger. Comment une couleur signifiant l&rsquo;interdit, le stop voir le sang transforme beaucoup plus que le vert, couleur de l&rsquo;action, de l&rsquo;autorisation&#8230; L&rsquo;achat en ligne ne serait que le fruit de l&rsquo;excitation. L&rsquo;<strong>achat bandit manchot<\/strong> serait l&rsquo;avenir !<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Quelle_est_la_forme_du_bouton_a_privilegier_pour_un_site_e-commerce\"><\/span>Quelle est la forme du bouton \u00e0 privil\u00e9gier pour un site e-commerce ?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left;\">Il semblerait qu&rsquo;un simple bouton, juste arrondi face la diff\u00e9rence. Il faut proposer un travail graphique soign\u00e9 sans trop.<\/p>\n<h3 style=\"text-align: left;\"><span class=\"ez-toc-section\" id=\"Quel_texte_choisir_pour_un_bouton_de_panier_e-commerce\"><\/span>Quel texte choisir pour un bouton de panier e-commerce ?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: left;\">Encore une fois, le <strong>message le plus simple<\/strong>, le plus clair semble g\u00e9n\u00e9rer les meilleurs r\u00e9sultats.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Quelle_taille_de_police_choisir_pour_un_bouton_daction\"><\/span>Quelle taille de police choisir pour un bouton d&rsquo;action ?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Pour faire plaisir aux <strong>surfers d&rsquo;argent<\/strong> et surtout respecter les r\u00e8gles d&rsquo;accessibilit\u00e9 de nos contenus, nous pourrions \u00eatre tent\u00e9s d&rsquo;augmenter fortement la police des textes sur notre site et sur les boutons d&rsquo;action. Ce qui pourrait \u00e9galement faciliter la vie des mobinautes, avec ou sans lunettes mais avec gros doigts&#8230; Notre tentative serait imm\u00e9diatement frein\u00e9e par les contraintes du <em>responsive<\/em>. Donc attention \u00e0 toutes ces modifications intempestives&#8230;<br \/>\nPar contre, un <strong>bouton avec un texte le plus grand<\/strong> attire beaucoup plus l&rsquo;Internaute et l&rsquo;invite plus facilement \u00e0 cliquer !<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Quelles_icones_choisir_pour_une_boutique_en_ligne\"><\/span>Quelles ic\u00f4nes choisir pour une boutique en ligne ?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><strong>Quelle ic\u00f4ne symbolise le plus l&rsquo;acte d&rsquo;achat ?<\/strong> Comment l&rsquo;internaute interpr\u00e8te le mieux le message de la boutique en ligne ? Malheureusement, au niveau des symboles l&rsquo;<strong>achat renvoie au monde de la grande distribution<\/strong>. Que vous souhaitiez ou non jouer la carte de la boutique de luxe, du petit commer\u00e7ant de quartier, l&rsquo;acte d&rsquo;achat devra passer par le chariot du supermarch\u00e9.<\/p>\n<h4>N&rsquo;oublions la force du webmarketing : Tester et analyser !<\/h4>\n<p>Aucune conclusion n&rsquo;est d\u00e9finitive alors f\u00e2chez-vous avec votre graphisme et optez pour le <strong>bouton rouge et le chariot<\/strong> !<br \/>\nBesoin de prendre du recul, d&rsquo;analyser votre site et la concurrence, <span style=\"color: #00ccff;\"><a title=\"Contacter Internet Communication\" href=\"https:\/\/internetcommunication.fr\/+\/+\/contact-internet-communication\"><span style=\"color: #00ccff;\">contactez-nous<\/span><\/a><\/span> :<a href=\"https:\/\/internetcommunication.fr\/+\/+\/contact-internet-communication\"><\/a><\/p>\n<h6>Source de l&rsquo;infographie : www.perceptionsystem.com<\/h6>\n","protected":false},"excerpt":{"rendered":"<p>Transformation, tunnel de conversion et exp\u00e9rience client P\u00e9renniser un projet e-commerce ou site vitrine implique d&rsquo;adopter des strat\u00e9gies qui ne laissent plus aucune place au hasard. Dans le d\u00e9veloppement d&rsquo;un projet, projet devenu mature, la question de savoir comment continuer \u00e0 progresser finit toujours par arriver. La fameuse progression \u00e0 deux chiffres, rencontr\u00e9e de la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5383,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63,72,85],"tags":[144,128,145,146],"class_list":["post-627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-actualite","category-creation-de-site","category-e-commerce-2","tag-bouton-e-commerce","tag-e-commerce","tag-ergonomie-web","tag-graphisme-web"],"_links":{"self":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/posts\/627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/comments?post=627"}],"version-history":[{"count":0,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/posts\/627\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/media\/5383"}],"wp:attachment":[{"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/media?parent=627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/categories?post=627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.internetcommunication.fr\/+\/wp-json\/wp\/v2\/tags?post=627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}