\n De nombreux facteurs ont un impact direct sur la conversion de votre site. Cependant, la conception Web est la plus importante d’entre elles.\n<\/p>\n
\n La premi\u00e8re impression que nous obtenons est visuelle et d\u00e9cisive. Par cons\u00e9quent, si vous souhaitez am\u00e9liorer le taux de conversion de votre site, la conception Web est le premier point de d\u00e9part.\n<\/p>\n
\n Dans cet article, nous avons rassembl\u00e9 les principes de base et les astuces qui vous aideront dans cette t\u00e2che.\n<\/p>\n
\n La part du trafic mobile augmente et augmentera en 2020. Les recherches sugg\u00e8rent que la plupart des utilisateurs refuseront d’interagir avec la marque s’il est impossible d’effectuer l’action n\u00e9cessaire \u00e0 partir d’un appareil mobile. Par cons\u00e9quent, avant d’apporter des modifications \u00e0 la conception de votre site afin d’obtenir plus de conversions, assurez-vous que le site Web s’affiche correctement sur les appareils mobiles et que les utilisateurs ne rencontrent pas d’obstacles sur leur chemin.\n<\/p>\n
\n Comment faire? Tout d\u00e9pendra de la fa\u00e7on dont vous cr\u00e9ez votre site. Par exemple, les sites sur WordPress et autres CMS populaires seront r\u00e9actifs d\u00e8s le moment de la cr\u00e9ation. Cependant, un test suppl\u00e9mentaire de l’utilisabilit\u00e9 ne sera pas excessif.\n<\/p>\n
\n Cette loi sugg\u00e8re que moins de choix augmentent la vitesse de prise de d\u00e9cision et vice versa. Par exemple, si vous utilisez trois appels \u00e0 l’action \u00e0 la fois sur la page principale, par exemple, vous inscrire sur le site, obtenir une r\u00e9duction et t\u00e9l\u00e9charger un e-book, il sera alors difficile pour l’utilisateur de d\u00e9cider quelle action entreprendre en premier. Il sera beaucoup plus raisonnable d’organiser ces appels \u00e0 l’action dans une s\u00e9quence logique – comme ils ont \u00e9t\u00e9 r\u00e9pertori\u00e9s et de proposer \u00e0 l’utilisateur l’action suivante apr\u00e8s la pr\u00e9c\u00e9dente.\n<\/p>\n
\n Il en va de m\u00eame pour le nombre de produits que vous affichez sur la page. Vous ne devez pas montrer \u00e0 l’utilisateur tous les produits possibles adapt\u00e9s \u00e0 sa requ\u00eate de recherche – il est pr\u00e9f\u00e9rable d’afficher les cinq options les plus appropri\u00e9es et de permettre la poursuite de la recherche \u00e0 l’aide de filtres.\n<\/p>\n
\n Pensez \u00e0 la possibilit\u00e9 d’afficher un formulaire de prospect en plein \u00e9cran au moment o\u00f9 l’utilisateur fait d\u00e9filer la page principale jusqu’\u00e0 un certain point. Premi\u00e8rement, le formulaire plein \u00e9cran retiendra toute l’attention de l’utilisateur et ne le laissera pas se laisser distraire par d’autres \u00e9l\u00e9ments du site, et deuxi\u00e8mement, il ne s’agit que des possibilit\u00e9s de choix dont nous avons parl\u00e9 pr\u00e9c\u00e9demment. Ainsi, l’utilisateur ne re\u00e7oit que deux options. La premi\u00e8re consiste \u00e0 fermer le formulaire de contact et \u00e0 continuer \u00e0 interagir avec le site. La seconde consiste \u00e0 vous donner son adresse e-mail en \u00e9change de votre offre.\n<\/p>\n
\n Vous connaissez probablement l’une des principales r\u00e8gles de la photographie – la r\u00e8gle des tiers. Selon cette r\u00e8gle, deux lignes divisent visuellement l’\u00e9cran horizontalement et verticalement, ce qui donne neuf carr\u00e9s. Ainsi, les quatre points d’intersection des lignes au centre de l’\u00e9cran sont le centre d’attention de l’utilisateur, c’est pourquoi les informations essentielles, comme un appel \u00e0 l’action, doivent \u00eatre plac\u00e9es ici.\n<\/p>\n
\n Cet \u00e9l\u00e9ment est directement li\u00e9 au design, car votre page peut \u00eatre surcharg\u00e9e d’images lourdes qui ralentissent le chargement de votre site. Supprimez tout ce qui n’est pas n\u00e9cessaire et optimisez les images essentielles. Selon les statistiques, la vitesse de chargement optimale du site est de deux \u00e0 cinq secondes. Et dans ce cas, il faut viser un indicateur plus bas, puisque 40% des utilisateurs disent qu’ils fermeront un site qui met plus de trois secondes \u00e0 se charger, ce qui signifie que vous perdrez un prospect potentiel \u00e0 chaque fois que le site ralentira.\n<\/p>\n
\n Jan Tschichold dit que l’espace n\u00e9gatif doit \u00eatre consid\u00e9r\u00e9 comme un \u00e9l\u00e9ment actif et non comme un arri\u00e8re-plan passif. Il y a un lien entre la distance et l’attention. Une plus grande distance attire l’attention, et l’absence d’autres \u00e9l\u00e9ments distingue plus fortement les \u00e9l\u00e9ments existants. Les concepteurs peuvent utiliser cette propri\u00e9t\u00e9 d’espace pour mettre en \u00e9vidence des \u00e9l\u00e9ments importants. L’ajout d’espaces \u00e0 un segment sp\u00e9cifique du contenu oblige l’utilisateur \u00e0 pr\u00eater attention \u00e0 cette zone simplement parce qu’il n’y a plus rien \u00e0 l’\u00e9cran pour attirer l’attention. Comme vous pouvez le voir dans l’exemple ci-dessous, Google est un grand partisan de l’espace blanc dans ses projets. Cela aide \u00e0 comprendre imm\u00e9diatement le but de ce projet: l’accent est mis sur l’objectif principal de la page.\n<\/p>\n
\n Malheureusement, il n’y a pas de conseil universel sur les couleurs qui se convertissent le mieux. Tout d\u00e9pendra des sp\u00e9cificit\u00e9s de votre entreprise. Par exemple, les couleurs blanc et bleu procurent une sensation de stabilit\u00e9 et de fiabilit\u00e9. Par cons\u00e9quent, PayPal utilise cette combinaison pour former les associations correctes.\n<\/p>\n
\n Si vous n’\u00eates pas s\u00fbr que vos couleurs fonctionnent correctement, revenez simplement aux origines de la psychologie des couleurs dans le marketing et r\u00e9examinez \u00e9galement les valeurs de votre entreprise et trouvez votre match parfait.\n<\/p>\n
\n En outre, il existe diff\u00e9rentes opinions sur la couleur des boutons qui convertissent moins bien ou mieux. La couleur correcte du bouton est une vieille question philosophique. Quelqu’un pr\u00e9tend que la conversion la plus \u00e9lev\u00e9e est obtenue gr\u00e2ce aux boutons rouges. D’autres disent vert ou bleu. La bonne r\u00e9ponse ressemble \u00e0 ceci (comme beaucoup d’autres r\u00e9ponses en marketing et en design) : \u00ab\u00a0Il faut le tester.\u00a0\u00bb Par cons\u00e9quent, choisissez une couleur de bouton qui contrastera avec les couleurs primaires du design, et faites quelques tests pour comprendre laquelle la couleur convertit mieux.\n<\/p>\n
\n Une image correcte peut en dire plus que quelques paragraphes de texte. Par cons\u00e9quent, utilisez le pouvoir de la perception visuelle et des \u00e9motions dans la conception de votre site. Par exemple, vous pouvez faire de l’image l’arri\u00e8re-plan de votre site, puis placer tous vos \u00e9l\u00e9ments de mani\u00e8re \u00e0 ce qu’ils suivent les r\u00e8gles de base de la conception Web. Et soit dit en passant, cela contribue \u00e9galement \u00e0 de meilleures conversions.\n<\/p>\n
\n De plus, cette approche favorise la simplicit\u00e9 et le minimalisme, tendance de ces derni\u00e8res ann\u00e9es, et une image correctement s\u00e9lectionn\u00e9e \u00e9voque les \u00e9motions et les associations n\u00e9cessaires. Et inversement, comme nous l’avons dit, trop d’images compliquent le choix et \u00e9parpillent l’attention de l’utilisateur.\n<\/p>\n
\n En d’autres termes, visez le maximum de simplicit\u00e9. Dans l’abondance moderne de bruit informationnel, la simplicit\u00e9 et la clart\u00e9 sont devenues une v\u00e9ritable p\u00e9nurie. Des \u00e9tudes ont montr\u00e9 que 76% des utilisateurs consid\u00e8rent la simplicit\u00e9 comme le principal facteur d\u00e9cisif dans la conception de sites Web. Et ici, il faut garder un \u00e9quilibre comp\u00e9tent entre simplicit\u00e9, minimalisme, mais en m\u00eame temps fonctionnalit\u00e9 \u2013 puisque la simplicit\u00e9 est aussi l’opportunit\u00e9 de trouver ce dont l’utilisateur a besoin en quelques clics.\n<\/p>\n
\n Malheureusement, Internet regorge de fausses critiques, et ne doutez pas que vos utilisateurs le sachent \u00e9galement. Par cons\u00e9quent, au lieu de les forcer \u00e0 rechercher des commentaires sur vos produits ou services (qui peuvent \u00eatre \u00e9crits par vos concurrents pour saper votre entreprise), vous devez leur donner cette opportunit\u00e9 sur place.\n<\/p>\n
\n Par cons\u00e9quent, r\u00e9fl\u00e9chissez \u00e0 la conception du site de mani\u00e8re \u00e0 pouvoir mettre de vraies critiques (et encore mieux un carrousel) vers la fin de la page. Et assurez-vous d’utiliser des photos de personnes vivantes (id\u00e9alement vos vrais clients) pour cr\u00e9er l’impression d’une preuve sociale solide.\n<\/p>\n
\n Vous avez probablement vu des sites qui contiennent un million de cat\u00e9gories, et il est tout simplement impossible de choisir la bonne section du premier coup. Et si auparavant, les utilisateurs payaient encore du temps pour une telle recherche, aujourd’hui ils veulent voir ce dont ils ont besoin sans actions suppl\u00e9mentaires.\n<\/p>\n
\n Par cons\u00e9quent, reconsid\u00e9rez votre approche de la navigation sur le site, r\u00e9duisez le nombre de cat\u00e9gories, supprimez tout ce qui est inutile et ne laissez que les sections les plus importantes. Comme nous l’avons d\u00e9j\u00e0 dit, la gamme compl\u00e8te de choix complique la d\u00e9cision ou, en g\u00e9n\u00e9ral, oblige l’utilisateur \u00e0 quitter la page et \u00e0 reporter la t\u00e2che \u00e0 plus tard.\n<\/p>\n
\n Il s’agit d’une astuce psychologique qui d\u00e9clenche une r\u00e9action subconsciente – les gens ont tendance \u00e0 croire les statistiques. Et c’est une autre opportunit\u00e9 d’augmenter la conversion en \u00e9tablissant la confiance et en cr\u00e9ant une impression de fiabilit\u00e9. Mais il y a un point crucial. Rappelez-vous, nous avons parl\u00e9 de la r\u00e8gle des tiers et des points d’intersection strat\u00e9giques ? Ce sont pr\u00e9cis\u00e9ment les endroits o\u00f9 vous devez placer vos statistiques afin qu’elles soient au centre de l’attention et de la perception.\n<\/p>\n
\n Les sp\u00e9cialistes du marketing ne sont pas d’accord sur cette tactique de vente, mais pour les ventes rapides et saisonni\u00e8res, cette approche est toujours appropri\u00e9e. Par cons\u00e9quent, si vous avez une offre saisonni\u00e8re ou promotionnelle, ou si vous testez l’int\u00e9r\u00eat pour un nouveau produit, il est logique de cr\u00e9er l’illusion de la raret\u00e9 et de la refl\u00e9ter \u00e0 l’aide du design. Par exemple, vous pouvez d\u00e9finir un compte \u00e0 rebours et, encore une fois, placer les chiffres au centre de l’attention du visiteur.\n<\/p>\n
\n Cependant, ici, vous devez toujours positionner correctement les boutons d’appel \u00e0 l’action. Et dans ce cas, il est pr\u00e9f\u00e9rable de le faire en suivant le sch\u00e9ma Z.\n<\/p>\n
\n L’attention de l’utilisateur glisse le long de l’horizontale sup\u00e9rieure, en diagonale vers le bas, et se dirige vers les informations du bas. Dans le coin sup\u00e9rieur gauche, placez le logo, horizontalement – les en-t\u00eates. Le coin inf\u00e9rieur droit est un endroit id\u00e9al pour un appel \u00e0 l’action.\n<\/p>\n
\n Vous pouvez \u00e0 juste titre remarquer que c’est la responsabilit\u00e9 du concepteur UX, mais en pratique, c’est juste le cas lorsque le concepteur Web et le concepteur UX doivent travailler ensemble pour obtenir un r\u00e9sultat unique. La conception UX est un autre facteur qui a un impact direct sur les conversions, et moins il y a d’\u00e9tapes s\u00e9parant les utilisateurs de l’action cible, plus il est probable qu’elle soit termin\u00e9e.\n<\/p>\n
\n Par cons\u00e9quent, vous devez vous assurer une fois de plus que l’information ou le produit dont il a besoin n’est pas \u00e0 plus de trois clics.\n<\/p>\n
\n Pour am\u00e9liorer la conversion de votre site, profitez de la r\u00e8gle des tiers et du sch\u00e9ma Z lorsque vous placez vos appels \u00e0 l’action. Vous pouvez am\u00e9liorer la perception d’un appel \u00e0 l’action si vous le dupliquez – \u00e0 l’intersection des lignes et dans le coin sup\u00e9rieur droit de la page, l\u00e0 o\u00f9 se termine la ligne sup\u00e9rieure de la lettre Z. Ainsi, l’attention de l’utilisateur s’arr\u00eatera d’abord dans le coin sup\u00e9rieur droit, puis glissera en diagonale vers le bas et se reposera directement au point strat\u00e9gique d’intersection des lignes \u00e0 gauche.\n<\/p>\n
\n Les utilisateurs modernes sont tr\u00e8s impatients, et nous en avons d\u00e9j\u00e0 parl\u00e9 dans le paragraphe sur la vitesse de chargement de votre page. Et un \u00e9norme formulaire de remplissage peut tuer vos conversions, car personne ne veut perdre de temps, surtout depuis un appareil mobile. Par cons\u00e9quent, examinez votre formulaire d’inscription et ne laissez que trois lignes – pour un nom, une adresse e-mail et un mot de passe, et ajoutez la possibilit\u00e9 de vous inscrire via Google et Facebook.\n<\/p>\n
\n Comme vous pouvez le voir, de nombreuses astuces peuvent affecter les conversions. Cependant, la chose la plus importante \u00e0 retenir est que toute nouvelle approche doit \u00eatre test\u00e9e sur les utilisateurs. Chaque entreprise et chaque public cible est sp\u00e9cifique ; par cons\u00e9quent, il ne peut y avoir d’instructions de mod\u00e8le sur ce qu’il faut utiliser dans votre conception pour augmenter les conversions. De plus, la conception est le premier mais pas le dernier facteur qui convertit (ou ne convertit pas), et cela doit \u00e9galement \u00eatre rappel\u00e9.\n<\/p>\n<\/p>\n