\n Les sp\u00e9cialistes du marketing savent qu’une conception Web peut augmenter ou r\u00e9duire le taux de conversion.\n<\/p>\n
\n S’il est vrai que le r\u00e9f\u00e9rencement et le marketing des m\u00e9dias sociaux sont vitaux pour les conversions, avoir un excellent design peut faire toute la diff\u00e9rence.\n<\/p>\n
\n Tous les composants du marketing num\u00e9rique comptent. Cependant, la conception Web peut faire ou d\u00e9faire les taux de conversion. Dans une \u00e9tude de l’Universit\u00e9 de Stanford, 46,1% des personnes ont d\u00e9clar\u00e9 que leur principale mesure pour distinguer si une entreprise est cr\u00e9dible ou non est la conception de sites Web. Dans cet esprit, la conception de votre site Web est vitale et doit avoir une apparence professionnelle.\n<\/p>\n
\n L’esth\u00e9tique de votre site peut \u00e9galement jouer un r\u00f4le dans les conversions. Selon une \u00e9tude d’Adobe, deux tiers des personnes consommeraient du contenu et resteraient si le site \u00e9tait magnifiquement con\u00e7u. Cela dit, votre site doit \u00eatre attrayant si vous voulez que vos visiteurs lisent vos publications.\n<\/p>\n
\n Dans ce cas, vous ne pouvez pas n\u00e9gliger la conception Web. Vous pouvez embaucher un pigiste ou employer un designer pour vous assurer que votre site est esth\u00e9tiquement agr\u00e9able.\n<\/p>\n
\n Voici quelques astuces de conception Web qui peuvent vous donner un coup de pouce durable dans les conversions.<\/strong>\n<\/p>\n \n La loi stipule qu’en augmentant le nombre d’options, cela augmente \u00e9galement le temps n\u00e9cessaire \u00e0 un individu pour prendre une d\u00e9cision. Cette loi est fr\u00e9quemment mentionn\u00e9e dans la conception de sites Web. Dans cette \u00e9tude, les chercheurs ont d\u00e9couvert que plus n’est pas toujours mieux, car une table qui affiche moins de vari\u00e9t\u00e9s de confitures attire plus de monde qu’une table avec 24 types de confitures. Les gens \u00e9taient susceptibles d’acheter lorsqu’ils voyaient un petit pr\u00e9sentoir.\n<\/p>\n \n Pour appliquer la loi en mati\u00e8re de conception de sites Web, vous devez limiter le nombre d’options que vous avez pour vos visiteurs. Sur votre site Web, \u00e9valuez ce qui se trouve dans votre barre de navigation. C’est le meilleur endroit o\u00f9 aller pour trouver ce dont vous pouvez vous d\u00e9barrasser pour r\u00e9duire le nombre d’options. Plus vos visiteurs pourront choisir de liens, plus vos utilisateurs se d\u00e9sint\u00e9resseront de votre site Web.\n<\/p>\n \n Outre la barre de navigation, vous devez \u00e9galement examiner les autres \u00e9l\u00e9ments de votre site Web que les visiteurs devront d\u00e9cider lorsqu’ils se trouveront sur votre site. Il s’agirait notamment de d\u00e9terminer s’il faut autoriser les lecteurs \u00e0 faire d\u00e9filer davantage la page ou \u00e0 utiliser la barre de navigation ; d\u00e9cider de t\u00e9l\u00e9charger votre eBook ou de partager votre publication sur les r\u00e9seaux sociaux, ou choisir de lire une critique de produit ou de parcourir plus de produits.\n<\/p>\n \n \u00c9tant donn\u00e9 qu’il peut y avoir diff\u00e9rents endroits sur votre site Web o\u00f9 vous pouvez r\u00e9duire le nombre d’options, vous souhaiterez peut-\u00eatre installer une porte de bienvenue sur votre page d’accueil. Ici, vos visiteurs verront un message de bienvenue qui couvre tout l’\u00e9cran, accompagn\u00e9 d’un seul appel \u00e0 l’action. Dans cet esprit, les visiteurs n’auront qu’un seul choix lorsqu’ils visiteront votre site. S’ils souhaitent voir plus d’options, ils peuvent faire d\u00e9filer vers le bas, minimisant ainsi les distractions sur votre page d’accueil.\n<\/p>\n \n Lorsque vous appliquez cette loi, cependant, il est essentiel que vous consid\u00e9riez les actions qui sont cruciales pour votre r\u00e9sultat net. N’oubliez pas que chaque page de votre site doit atteindre un objectif principal. L\u00e0 encore, moins vos visiteurs ont de choix, plus il leur est facile d’utiliser votre site Web, ce qui peut augmenter le taux de conversion de votre site.\n<\/p>\n \n Vos visiteurs sont impatients lorsqu’ils surfent sur le web. Un deuxi\u00e8me retard peut entra\u00eener une r\u00e9duction de 7 % de la conversion. Il existe plusieurs outils pour v\u00e9rifier la vitesse de votre page et en savoir plus sur ses probl\u00e8mes. Vous pouvez utiliser PageSpeed \u200b\u200bInsights de Google, Page Load Speed \u200b\u200bAnalyzer de SEO Chat et Pingdom, entre autres.\n<\/p>\n \n N’oubliez pas que vous avez huit secondes pour attirer l’attention de votre lecteur. Dans ce cas, vous avez une infime opportunit\u00e9 d’attirer vos visiteurs apr\u00e8s avoir atterri sur votre site Web. Si votre site Web est lent \u00e0 charger, ils partent et ne reviendront jamais.\n<\/p>\n \n En plus d’acc\u00e9l\u00e9rer votre site Web, vous devriez envisager d’avoir un titre bref, une image accrocheuse qui peut communiquer le but de votre page ou attirer les yeux des visiteurs sur l’appel \u00e0 l’action principal. Assurez-vous que vos boutons d’inscription sont grands et simples. Et assurez-vous que votre copie est attrayante.\n<\/p>\n \n La r\u00e8gle des tiers est un principe photographique que les concepteurs de sites Web peuvent mettre en \u0153uvre. Dans cette r\u00e8gle, vous devez diviser votre page Web en tiers, de sorte qu’elle vous donne neuf carr\u00e9s de tailles \u00e9gales. Les quatre carr\u00e9s du milieu sont des lieux d’int\u00e9r\u00eat. Tout objet que vous placez \u00e0 ces points peut avoir un impact \u00e9norme sur votre site Web, augmentant ainsi les conversions.\n<\/p>\n \n Vous pouvez placer votre bouton d’appel \u00e0 l’action le plus important dans ces zones. Mais ne placez pas votre barre de navigation \u00e0 ces endroits. De cette fa\u00e7on, vos visiteurs se concentreront sur l’appel \u00e0 l’action principal sur votre page Web.\n<\/p>\n \n Il n’est pas n\u00e9cessaire de repenser l’int\u00e9gralit\u00e9 de votre site Web. Au lieu de cela, vous pouvez utiliser la r\u00e8gle des tiers pour placer les parties les plus importantes de votre site. Tout d’abord, vous devez prendre une capture d’\u00e9cran de votre site au-dessus du pli. Ensuite, divisez-le en neuf parts \u00e9gales. \u00c0 partir de l\u00e0, vous pouvez d\u00e9cider si vous souhaitez modifier votre site Web ou non.\n<\/p>\n \n Dans ces zones, vous pouvez placer votre contenu vid\u00e9o, audio et autre contenu interactif. Envisagez d’avoir des effets de survol sur vos boutons d’appel \u00e0 l’action. De cette fa\u00e7on, vos visiteurs seront plus incit\u00e9s \u00e0 cliquer. Ensuite, ajoutez des fen\u00eatres contextuelles de sortie anim\u00e9es. Ils sont essentiels pour r\u00e9engager vos visiteurs lorsqu’ils perdent tout int\u00e9r\u00eat.\n<\/p>\n \n L’espace n\u00e9gatif est l’espace blanc dans la conception Web. Cet espace est une chose positive car il rend votre site plus lisible et utilisable. Cet espace n’est pas seulement l’espace entre les \u00e9l\u00e9ments de votre page. Au contraire, il fait \u00e9galement r\u00e9f\u00e9rence \u00e0 l’espace entre les petits \u00e9l\u00e9ments de votre page, comme la zone entre les paragraphes ou les lignes de texte.\n<\/p>\n \n Vous devez faire attention aux espaces n\u00e9gatifs sur votre site car ils rendent votre site agr\u00e9able \u00e0 regarder, entra\u00eenant une conversion accrue. Selon votre conception Web, vous pouvez utiliser une tonne d’espace n\u00e9gatif sur votre page d’accueil. De cette fa\u00e7on, vos visiteurs se concentreront sur l’appel \u00e0 l’action principal.\n<\/p>\n \n Pour avoir suffisamment d’espace n\u00e9gatif, vous pouvez utiliser une police plus petite pour avoir plus d’espace entre les lettres. Ensuite, la hauteur de ligne doit \u00eatre de 1,5. Si vous choisissez d’avoir des polices plus petites, vous devriez avoir plus de hauteurs de ligne.\n<\/p>\n \n Ensuite, divisez ces gros blocs de texte en paragraphes plus petits pour augmenter l’espace n\u00e9gatif entre les paragraphes, rendant ainsi les messages plus lisibles. N’oubliez pas d’utiliser les marges et le rembourrage pour ajouter un espace blanc entre les grands \u00e9l\u00e9ments de votre site.\n<\/p>\n \n Pourquoi? Ils ne peuvent que nuire \u00e0 vos taux de conversion. Ils \u00e9taient passionnants avant. Mais maintenant, ils deviennent des pierres pour animaux de compagnie. De plus, les sliders ralentissent votre site \u00e0 cause des grandes images utilis\u00e9es. Ils sont \u00e9galement g\u00eanants car ils ne permettent pas aux visiteurs de consommer votre contenu.\n<\/p>\n \n Ces \u00e9l\u00e9ments pr\u00eatent \u00e0 confusion en raison de la fa\u00e7on dont les yeux humains r\u00e9agissent \u00e0 l’environnement. Le cerveau humain est con\u00e7u pour d\u00e9tecter les mouvements dans un paysage statique. \u00c0 l’\u00e9poque, il \u00e9tait utile de suivre les mammouths dans la toundra. Mais cette r\u00e9ponse incite les gens \u00e0 pr\u00eater plus d’attention au mouvement des curseurs et \u00e0 ignorer les points de conversion sur lesquels vous voulez qu’ils se concentrent.\n<\/p>\n \n De plus, les curseurs n’auront aucun sens lorsque vos visiteurs naviguent sur votre site via un appareil mobile. Et c’est pourquoi les gens trouvent plus facile de faire d\u00e9filer que de balayer. N’oubliez pas que plus vos visiteurs navigueront facilement sur votre site \u00e0 l’aide de leur appareil mobile, plus vos taux de conversion seront \u00e9lev\u00e9s.\n<\/p>\n \n Les curseurs entra\u00eeneront \u00e9galement trop de balises H1 sur votre site. Vous pensez peut-\u00eatre qu’ils sont parfaits pour votre site, mais les robots d’indexation les m\u00e9prisent. La raison en est qu’ils confondent la hi\u00e9rarchie des informations sur votre site Web. Parce que les robots d’exploration du Web les d\u00e9testent, ils peuvent affecter consid\u00e9rablement le classement de votre page. Veillez donc \u00e0 les \u00e9viter au maximum.\n<\/p>\n \n Au lieu d’utiliser des curseurs, optez pour une image statique avec un titre percutant.\n<\/p>\n \n Dans diverses \u00e9tudes, les chercheurs ont d\u00e9couvert que la plupart des utilisateurs naviguent sur le Web pour lire un message dans un mod\u00e8le F. Autrement dit, ils regardent de gauche \u00e0 droite en haut de l’\u00e9cran. Apr\u00e8s cela, ils parcourent la page et font quelques lectures dans le contenu. Ils atteignent rarement le bas \u00e0 droite d’une page.\n<\/p>\n \n Comment pouvez-vous utiliser le mod\u00e8le F pour augmenter vos conversions ? Placez ces appels \u00e0 l’action et objets critiques le long des lignes en forme de F. Ensuite, ins\u00e9rez les objets de moindre importance dans les zones \u00e0 faible visibilit\u00e9.\n<\/p>\n \n \u00c9tant donn\u00e9 que le c\u00f4t\u00e9 gauche de la page est l’endroit o\u00f9 vos visiteurs regarderont en premier, envisagez de placer l’appel \u00e0 l’action principal dans cette zone. Ensuite, placez les titres sur le c\u00f4t\u00e9 gauche de la page. Maintenant, pour vos publicit\u00e9s sponsoris\u00e9es, vous pouvez les mettre dans la barre lat\u00e9rale sur la partie droite de votre page. Tout ce qui n’a pas besoin d’\u00eatre visible mais essentiel pour les robots d’indexation doit \u00eatre plac\u00e9 dans la partie inf\u00e9rieure droite de la page.\n<\/p>\n \n Puisque les couleurs peuvent \u00e9voquer des \u00e9motions, vous devez choisir la combinaison de couleurs qui v\u00e9hicule la personnalit\u00e9 de votre marque et oblige les gens \u00e0 agir. N’oubliez pas que les gens prendront leur d\u00e9cision d’achat \u00e0 partir d’un lieu \u00e9motionnel. Cela dit, la combinaison de couleurs que vous choisissez pour votre site Web jouera un r\u00f4le important dans l’optimisation des taux de conversion.\n<\/p>\n \n Une suggestion est de cr\u00e9er un tableau Pinterest avec des photos qui refl\u00e8tent la vision de votre marque. Utilisez la roue chromatique d’Adobe pour cr\u00e9er un jeu de couleurs bas\u00e9 sur les couleurs de ces photos. Mais vous pouvez tweeter les couleurs individuelles en d\u00e9pla\u00e7ant les s\u00e9lections.\n<\/p>\n \n Apr\u00e8s avoir cr\u00e9\u00e9 un jeu de couleurs, assurez-vous d’utiliser le contraste car il peut \u00e9galement faire ou d\u00e9faire vos conversions. Le contraste peut \u00eatre utilis\u00e9 pour rendre les titres, le texte et les boutons d’appel \u00e0 l’action plus lisibles et visibles. Les couleurs de la fa\u00e7ade et des boutons doivent \u00eatre en contraste avec l’arri\u00e8re-plan et les autres \u00e9l\u00e9ments que vous souhaitez mettre en avant, comme les boutons d’abonnement. Ils doivent \u00eatre dans un ton qui se d\u00e9marque vraiment du reste de la page.\n<\/p>\n \n Lors d’un test r\u00e9alis\u00e9 par Hubspot, il a constat\u00e9 que les boutons rouges valent mieux que les boutons verts. L\u00e0 encore, avant de consid\u00e9rer les boutons rouges, assurez-vous que le rouge n’est pas la couleur dominante de votre page. Sinon, cela ne cr\u00e9era pas plus de contraste.\n<\/p>\n \n Comme mentionn\u00e9 pr\u00e9c\u00e9demment, vous pouvez utiliser la roue chromatique pour choisir une couleur compl\u00e9mentaire, qui est une couleur compl\u00e8tement oppos\u00e9e \u00e0 votre couleur dominante.\n<\/p>\n \n Cependant, avant de choisir la bonne combinaison de couleurs, vous devez comprendre que les gens regardent les couleurs diff\u00e9remment. Les couleurs d\u00e9pendent toujours de la fa\u00e7on dont elles correspondent \u00e0 votre marque. C’est pourquoi vous devez choisir une couleur qui correspond \u00e0 la personnalit\u00e9 de votre marque car elle affecte les d\u00e9cisions d’achat de vos visiteurs.\n<\/p>\n \n Par exemple, si votre marque est robuste ou masculine, vous ne devez pas opter pour un bouton rose d’appel \u00e0 l’action. Optez plut\u00f4t pour un gros bouton orange.\n<\/p>\n \n L’impact des couleurs sur les conversions d\u00e9pendra du contexte. Par exemple, puisque le bleu est une couleur couramment utilis\u00e9e dans les conceptions Web pour les hyperliens, les gens les associent toujours \u00e0 des hyperliens. Ainsi, ils savent que si le texte est en bleu, ils peuvent cliquer dessus.\n<\/p>\n \n C’est \u00e9galement vrai pour les boutons CTA. Vous n’avez pas besoin de choisir le bleu. Cependant, gardez \u00e0 l’esprit que quelle que soit la couleur que vous choisissez pour un bouton, il sera associ\u00e9 \u00e0 une action. Utilisez cette couleur de mani\u00e8re coh\u00e9rente pour tous les CTA de votre site. Mais \u00e9vitez d’utiliser les m\u00eames couleurs pour les \u00e9l\u00e9ments qui ne sont pas cliquables. De plus, n’utilisez pas diff\u00e9rentes couleurs CTA sur la m\u00eame page.\n<\/p>\n \n L’\u00ab \u00e9vidence gagne toujours \u00bb dans la conception Web. C’est pourquoi le design plat et minimaliste am\u00e9liore les taux de conversion. La raison en est qu’il se concentre sur les \u00e9l\u00e9ments les plus vitaux. Un design \u00e9pur\u00e9 \u00e9merge sur d’autres effets visuels spectaculaires. En se concentrant sur les \u00e9l\u00e9ments fondamentaux et en se d\u00e9barrassant de ces embellissements, cette approche peut \u00eatre utile pour cr\u00e9er une mise en page organis\u00e9e qui peut s\u00fbrement optimiser les taux de conversion.\n<\/p>\n \n De plus, une conception minimaliste permet d’avoir plus d’espace sur votre site Web pour les CTA pertinents, emp\u00eachant ainsi la page d’avoir des \u00e9l\u00e9ments non essentiels.\n<\/p>\n \n M\u00eame si le design minimaliste est g\u00e9nial, vous ne devriez pas en faire trop car les gens perdront tout int\u00e9r\u00eat. Par exemple, dans les boutons CTA, les gens sont habitu\u00e9s \u00e0 voir des boutons avec une profondeur ou une dimension. Ces caract\u00e9ristiques sont des indicateurs d’interaction.\n<\/p>\n \n Si vous avez un bouton plat, cependant, vos visiteurs peuvent facilement l’ignorer lorsqu’ils parcourent votre page. Pour cette raison, assurez-vous d’utiliser une couleur de bouton contrast\u00e9e. Et choisissez un emplacement qui rend les boutons visibles.\n<\/p>\n \n Ainsi, \u00e0 chaque fois que vous cr\u00e9ez une page, vous devez vous demander s’il existe un moyen d’avoir une version plus simple. En restant simple, vous pouvez vous attendre \u00e0 de meilleures conversions et \u00e0 un design plus esth\u00e9tique.\n<\/p>\n \n Une conception simple s’adresse aux personnes qui peuvent g\u00e9rer moins d’informations \u00e0 la fois. Si vos visiteurs voient beaucoup de choses sur une seule page, ils sont submerg\u00e9s et partent. Lorsque vous offrez \u00e0 votre utilisateur une excellente exp\u00e9rience sur votre site Web, assurez-vous de vous d\u00e9barrasser des \u00e9l\u00e9ments non essentiels.\n<\/p>\n \n C’est un principe de conception qui s’attaque \u00e0 la loi de similarit\u00e9. Ici, la loi stipule que le cerveau humain aime regrouper les m\u00eames objets. Ce m\u00e9canisme permet aux humains de donner un sens aux choses et les aide \u00e0 organiser les environnements bruyants.\n<\/p>\n \n Lorsque vous suivez ce principe, vous devez regrouper des \u00e9l\u00e9ments similaires ou des \u00e9l\u00e9ments pouvant \u00eatre associ\u00e9s les uns aux autres. Ceux-ci incluraient des boutons de conversion, des images et des bo\u00eetes de t\u00e9moignage.\n<\/p>\n \n Par exemple, vous pouvez avoir un t\u00e9moignage incroyable sur votre formulaire d’inscription pour augmenter les conversions. Bien que les t\u00e9moignages ne soient pas con\u00e7us pour l’aimant en plomb, les visiteurs peuvent les associer car ils sont toujours \u00e0 proximit\u00e9.\n<\/p>\n \n Lorsque les humains voient le visage d’un autre humain, ils sont amen\u00e9s \u00e0 sympathiser avec cette personne. C’est pourquoi, lorsque vous transmettez un probl\u00e8me, vos visiteurs peuvent comprendre ou ressentir un lien avec celui-ci. Pour cette raison, les experts recommandent d’incorporer des visages humains dans les articles, les pages opt-in et les \u00e9tudes de cas, entre autres.\n<\/p>\n \n Si vous avez un endosseur de votre marque ou si vous \u00eates le visage de votre marque, vous devez faire une s\u00e9ance photo. Demandez au photographe de prendre des photos horizontales avec beaucoup d’espace n\u00e9gatif sur un c\u00f4t\u00e9, o\u00f9 vous pouvez placer un CTA ou du texte.\n<\/p>\n \n Pour un site immobilier, l’un des secrets de la photo immobili\u00e8re est d’ajouter un visage humain et pas seulement l’image d’une maison ou d’une partie de la propri\u00e9t\u00e9. Vous pouvez louer des mod\u00e8les ou simplement utiliser des photos d’archives. Cependant, assurez-vous que le visage que vous choisissez repr\u00e9sente fid\u00e8lement votre marque. En utilisant des visages qui refl\u00e8tent votre groupe d\u00e9mographique cible, cela peut aider \u00e0 augmenter consid\u00e9rablement le taux de conversion de votre site.\n<\/p>\n<\/p>\n\n 1 Reportez-vous \u00e0 la loi de Hick
\n<\/h5>\n\n 2 Acc\u00e9l\u00e9rez votre site Web
\n<\/h5>\n\n 3 Suivez ce principe de photographie
\n<\/h5>\n\n 4 Tirer parti de l’espace n\u00e9gatif
\n<\/h5>\n\n 5 D\u00e9barrassez-vous des curseurs ou des carrousels
\n<\/h5>\n\n 6 Consid\u00e9rez le mod\u00e8le F
\n<\/h5>\n\n 7 Choisissez les bonnes couleurs
\n<\/h5>\n\n 8 Restez simple
\n<\/h5>\n\n 9 Suivez le principe de similarit\u00e9 de la Gestalt
\n<\/h5>\n\n 10 Ajouter des visages
\n<\/h5>\n