Alors, comment concevoir un site web qui plaira aux clients ?<\/p>\n
C’est tout l’objet de cet article. Nous vous montrerons pourquoi une bonne conception de site web est essentielle et partagerons 15 principes de conception de site web que vous pouvez exploiter pour cr\u00e9er un site web de haute qualit\u00e9.<\/p>\n
Pourquoi une bonne conception web est-elle importante ?<\/h2>\n
Le concepteur web moyen gagne 57 000 $ par an<\/a>, soit environ 8 000 $ de plus que les d\u00e9veloppeurs web juniors qui gagnent en moyenne 44 000 $ par an. Les concepteurs sont raisonnablement bien r\u00e9mun\u00e9r\u00e9s pour une bonne raison : leur travail est vital.<\/p>\n Lorsqu’un nouveau prospect visite votre site web, il donne la premi\u00e8re impression qui fa\u00e7onne ses futures interactions avec votre marque. C’est \u00e0 ce moment-l\u00e0 qu’ils d\u00e9veloppent leur premi\u00e8re opinion sur vous.<\/p>\n Votre site web v\u00e9hicule \u00e9galement l’identit\u00e9 de votre marque, sa vision et sa position au sein du secteur. Si vous avez des concurrents proches avec un produit similaire, un site web qui fait dire aux gens \u00ab whaou \u00bb vous rendra plus m\u00e9morable et augmentera la notori\u00e9t\u00e9 de votre marque au-dessus de la concurrence.<\/p>\n En outre, un site web solide peut am\u00e9liorer vos efforts d’optimisation des moteurs de recherche (SEO)<\/a>.<\/p>\n Les moteurs de recherche tiennent compte de la fa\u00e7on dont les gens r\u00e9agissent aux sites web lorsqu’ils les classent dans les r\u00e9sultats de recherche. Si votre taux de rebond est faible et que les gens visitent fr\u00e9quemment plusieurs pages de votre site, les moteurs de recherche vous classeront probablement plus haut qu’un concurrent dont le taux de rebond est \u00e9lev\u00e9.<\/p>\n Le SEO technique<\/a> est \u00e9galement important ici. Les sites web dont les titres, les structures de pages et les liens sont bien con\u00e7us sont plus accessibles. Ainsi, les moteurs de recherche et les clients les favorisent. Jetons un coup d’\u0153il \u00e0 quelques principes importants de conception de sites web.<\/p>\n\n Lorsque nous parlons de \u00ab principes de conception web \u00bb, nous faisons r\u00e9f\u00e9rence aux r\u00e8gles g\u00e9n\u00e9rales de conception des \u00e9l\u00e9ments texturaux et visuels d’un site ou d’une page web. Chaque marque adopte les principes de conception web diff\u00e9remment – certains sont conformes aux meilleures pratiques<\/a> et d’autres non.<\/p>\n Pour vous aider \u00e0 concevoir un excellent site web, voici 15 principes de conception web (ainsi que des exemples de sites web qui les utilisent efficacement) :<\/p>\n Dans l’\u00e9tude de Clutch sur les exp\u00e9riences des utilisateurs sur les sites web, 94 % des participants consid\u00e8rent la navigation sur le site comme la \u00ab caract\u00e9ristique la plus importante du site web \u00bb.<\/p>\n Il n’est pas surprenant de savoir pourquoi. Si un utilisateur de moteur de recherche arrive sur votre site web \u00e0 la recherche d’informations sur la \u00ab conception mobile \u00bb et ne les trouve pas, la prochaine \u00e9tape naturelle est de cliquer sur \u00ab retour \u00bb et d’essayer un autre site web.<\/p>\n Comment adopter une navigation bien planifi\u00e9e ? Inspirez-vous du site web de The Cool Club.<\/p>\n Lorsque vous entrez sur la page d’accueil du Cool Club, la mise en page du site est extr\u00eamement claire. Vous pouvez naviguer vers les sections de produits cl\u00e9s (comme \u00ab card games \u00bb et \u00ab bucket list \u00bb) \u00e0 l’aide des boutons situ\u00e9s \u00e0 gauche, et vous pouvez naviguer vers les pages \u00ab about \u00bb et \u00ab contact \u00bb \u00e0 l’aide des boutons situ\u00e9s \u00e0 droite.<\/p>\n Les pages de produits de The Cool Club sont \u00e9galement tr\u00e8s faciles \u00e0 parcourir. La marque dispose actuellement d’un jeu de cartes interactif qui pr\u00e9sente 54 variations cool et les pages correspondantes. Il vous suffit de faire d\u00e9filer la page vers le bas et de cliquer sur la carte que vous voulez voir plus en d\u00e9tail.<\/p>\n Pour cr\u00e9er un site web tout aussi efficace, classez le contenu en cat\u00e9gories claires pour vos en-t\u00eates et pieds de page<\/a> et donnez-leur des titres descriptifs. Ensuite, ordonnez vos pages par th\u00e8me, afin que les gens puissent naviguer facilement entre des sujets similaires.<\/p>\n En outre, veillez \u00e0 ce que vos en-t\u00eates et pieds de page soient coh\u00e9rents sur l’ensemble de votre site web.<\/p>\n L’espace n\u00e9gatif (ou \u00ab espace blanc \u00bb) est la r\u00e9gion autour des sujets d’une page, qu’il s’agisse d’images, de vid\u00e9os, de texte ou de boutons.<\/p>\n De nombreux sp\u00e9cialistes du marketing enthousiastes se pr\u00e9cipitent pour remplir tous les espaces n\u00e9gatifs d’une page, en esp\u00e9rant que le fait de donner plus d’informations aux visiteurs les rendra plus engag\u00e9s. Cependant, cela aboutit souvent \u00e0 des pages \u00e9crasantes et confuses.<\/p>\n C’est l\u00e0 que l’espace n\u00e9gatif entre en jeu. L’utilisation de l’espace n\u00e9gatif met en valeur les \u00e9l\u00e9ments les plus critiques de chaque page, car l’absence de couleur attire les yeux du visiteur vers les zones plus lumineuses.<\/p>\n Bien s\u00fbr, \u00ab utiliser l’espace n\u00e9gatif \u00bb ne signifie pas \u00ab cr\u00e9er un site web blanc ennuyeux \u00bb Au contraire, vous pouvez exploiter l’espace en utilisant les couleurs de votre marque, comme le fait Garoa.<\/p>\n La page d’accueil de Garoa utilise une palette de couleur cr\u00e8me pour cr\u00e9er une ambiance tout en exploitant l’espace n\u00e9gatif. Le r\u00e9sultat est que vos yeux vont vers le contenu d’introduction de la section \u00ab Skincare For Autumn \u00bb au centre plut\u00f4t que vers les parties moins importantes.<\/p>\n Assurez-vous de tirer parti de l’espace blanc pour mettre en valeur la hi\u00e9rarchie dans votre propre site web<\/a>.<\/p>\n Lorsque vous lisez des noms de marques comme \u00ab Cadbury \u00bb, \u00ab Hershey’s \u00bb ou \u00ab Nike \u00bb, la vision de leurs logos, polices de caract\u00e8res et styles de conception vous vient probablement imm\u00e9diatement \u00e0 l’esprit. C’est la puissance d’une image de marque coh\u00e9rente.<\/p>\n Lorsque vous concevez votre site web, cr\u00e9ez des pages avec des \u00e9l\u00e9ments coh\u00e9rents pour donner \u00e0 votre marque une identit\u00e9 visuelle claire. Cela signifie :<\/p>\n Les pages coh\u00e9rentes n’ont pas besoin d’\u00eatre compl\u00e8tement uniformes. Au contraire, vous pouvez \u00e9quilibrer la coh\u00e9rence et l’engagement en m\u00e9langeant les \u00e9l\u00e9ments.<\/p>\n Par exemple, vous pouvez utiliser des polices et des couleurs diff\u00e9rentes pour les titres H1, H2 et H3. Ou encore, vous pouvez modifier la mise en page de diff\u00e9rents types de pages, pour m\u00e9langer les choses.<\/p>\n Les couleurs compl\u00e9mentaires sont des paires de couleurs que vous pouvez m\u00e9langer sans que votre design ait l’air \u00e9crasant et laid.<\/p>\n La fa\u00e7on dont les couleurs s’affichent sur un \u00e9cran suit le mod\u00e8le de couleurs Rouge, Vert et Bleu (RVB) plut\u00f4t que le mod\u00e8le Cyan, Magenta, Jaune et Noir (CMYK) utilis\u00e9 en impression. Les peintres utilisent \u00e9galement souvent le mod\u00e8le de couleur Rouge-Jaune-Bleu (RYB) qui consid\u00e8re que les couleurs compl\u00e9mentaires sont le rouge-vert, le bleu-orange et le jaune-violet.<\/p>\n Quel que soit le mod\u00e8le que vous pr\u00e9f\u00e9rez, l’utilisation des couleurs compl\u00e9mentaires atteint un objectif similaire \u00e0 celui du noir et blanc. Les couleurs compl\u00e9mentaires<\/a> mettent l’accent et cr\u00e9ent une identit\u00e9 visuelle claire pour votre marque.<\/p>\n Vous pouvez voir cela sur le site web de Swab The World.<\/p>\n Dans la capture d’\u00e9cran ci-dessous, l’organisation caritative de lutte contre le cancer du sang utilise le vert et des nuances de magenta. Ces couleurs changent en d’autres combinaisons de couleurs compl\u00e9mentaires lorsque vous visitez diff\u00e9rentes sections du site web (bien que toutes les couleurs aient une saturation similaire, de sorte que l’image de marque reste coh\u00e9rente).<\/p>\n Les couleurs compl\u00e9mentaires sont un principe facile \u00e0 utiliser dans votre design. Si vous voulez garder les choses simples, s\u00e9lectionnez deux couleurs compl\u00e9mentaires et ajoutez-les \u00e0 des \u00e9l\u00e9ments contrast\u00e9s (comme un H2 et le corps du texte). Ou utilisez plusieurs nuances de chaque couleur sur chaque page.<\/p>\n Si vous regardez les sites web de The Cool Kids, Garoa et Swab The World, vous remarquerez peut-\u00eatre que chaque site web a une \u00ab sensation \u00bb unique Cette sensation provient de l’adaptation de la conception du site web \u00e0 son public.<\/p>\n La personnalisation est l’objectif ultime ici. La plupart d’entre nous aiment acheter des produits et des services aupr\u00e8s de marques avec lesquelles ils se sentent en phase et repr\u00e9sent\u00e9s. En fait, une \u00e9tude montre que 72 %<\/a> des consommateurs appr\u00e9cient d’acheter aupr\u00e8s d’entreprises qui \u00ab s’alignent sur leurs croyances et leurs valeurs \u00bb. Donc, si quelqu’un visite votre site web et y voit ses valeurs, ses objectifs et ses priorit\u00e9s refl\u00e9t\u00e9s, il est plus susceptible d’acheter chez vous.<\/p>\n Pour personnaliser la conception de votre site web en fonction de votre public, pensez \u00e0 ceci :<\/p>\n Des points bonus si vous pouvez utiliser les automatismes du site web pour offrir une exp\u00e9rience personnelle bas\u00e9e sur le profil de l’utilisateur et ses interactions pr\u00e9c\u00e9dentes avec votre marque.<\/p>\n Il peut \u00eatre utile de s’inspirer de concurrents ou de marques qui vendent des choses diff\u00e9rentes \u00e0 votre public cible.<\/p>\n Les polices<\/a> que vous utilisez sur votre site web d\u00e9terminent si vos visiteurs peuvent lire ce que vous avez \u00e9crit ou non. On peut dire qu’elles sont tr\u00e8s importantes.<\/p>\n La premi\u00e8re chose \u00e0 prendre en compte lors du choix d’une police est la s\u00e9curit\u00e9 web. Les polices s\u00e9curis\u00e9es pour le web<\/a> sont prises en charge par les syst\u00e8mes d’exploitation et les navigateurs web, elles fonctionneront donc sur la plupart des appareils.<\/p>\n Vous devez \u00e9galement tenir compte de l’accessibilit\u00e9. Les polices accessibles<\/a> doivent \u00eatre claires et faciles \u00e0 lire en petite et grande taille. Par exemple, les polices bas\u00e9es sur la cursive ne sont pas tr\u00e8s accessibles, tandis que Times New Roman l’est assez.<\/p>\n De plus, surveillez les tendances des polices sur d’autres sites web lorsque vous choisissez une police. En 2021, le sp\u00e9cialiste des donn\u00e9es Michael Li a analys\u00e9 les polices de plus de 1 000 sites web<\/a>. Il a constat\u00e9 les tendances suivantes :<\/p>\n Vous pourriez choisir d’embrasser ces informations pour s\u00e9lectionner un style de police qui adh\u00e8re \u00e0 ce que les gens recherchent sur les sites web. Ou bien, vous pouvez choisir de faire quelque chose de diff\u00e9rent.<\/p>\n Virgin est une marque qui a choisi la deuxi\u00e8me option. Virgin a utilis\u00e9 au moins cinq polices dans la capture d’\u00e9cran ci-dessous. Ces polices s\u00e9parent les sections de la page et leur donnent un aspect attrayant.<\/p>\n Le psychologue Paul Fitts a d\u00e9velopp\u00e9 la loi de Fitt pour la premi\u00e8re fois en 1954, mais elle est toujours tr\u00e8s pertinente pour la conception de sites web en 2022. La loi de Fitt soutient que la taille d’une cible influence le temps qu’il faut \u00e0 quelqu’un pour l’atteindre.<\/p>\n Dans un contexte de conception web ou d’exp\u00e9rience utilisateur (UX), cela signifie que les gens mettront moins de temps \u00e0 cliquer sur des boutons plus grands ou plus de temps \u00e0 cliquer sur des boutons plus petits. Ainsi, pour tirer parti de la loi de Fitt, vous devriez faire en sorte que vos boutons CTA soient extr\u00eamement grands et bien visibles, afin qu’il soit plus facile de cliquer dessus.<\/p>\n Le terme \u00ab facile \u00bb est ici crucial. La loi de Hick, d\u00e9velopp\u00e9e par le psychologue britannique William Edmund Hick et le psychologue am\u00e9ricain Ray Hyman, affirme que les gens se fatiguent chaque fois qu’ils d\u00e9cident quelque chose.<\/p>\n Ainsi, plus vous demandez \u00e0 un visiteur de site web de prendre des d\u00e9cisions, plus il y a de chances qu’il soit trop fatigu\u00e9 pour aller jusqu’au bout.<\/p>\n Lorsqu’un \u00e9l\u00e9ment est \u00ab invariant \u00bb, il se distingue comme une option unique parmi plusieurs options tr\u00e8s similaires. L’exemple le plus \u00e9vident d’invariance est la mise en \u00e9vidence des plans sur les pages de prix comme celle-ci de Box.<\/p>\n Mais ce n’est pas la seule fa\u00e7on dont vous pouvez utiliser l’invariance. L’invariance peut vous aider \u00e0 \u00e9tablir une hi\u00e9rarchie visuelle sur vos pages pour mettre en \u00e9vidence les informations cl\u00e9s et attirer les gens vers les parties importantes de votre page.<\/p>\n Par exemple, regardez comment le Mus\u00e9e Frans Hals a utilis\u00e9 l’invariance pour cr\u00e9er une hi\u00e9rarchie visuelle sur sa page d’accueil :<\/p>\n La hi\u00e9rarchie dans cette image est la suivante : le panneau \u00ab Welcome \u00bb, les images, le panneau \u00ab Buy Tickrets \u00bb, le panneau \u00ab All exhibitions \u00bb, puis les autres contenus.<\/p>\n Pour utiliser l’invariance afin de cr\u00e9er votre propre hi\u00e9rarchie, classez les \u00e9l\u00e9ments de la page par ordre d’importance. Ensuite, ajustez la taille, la couleur et le placement de chaque \u00e9l\u00e9ment jusqu’\u00e0 ce que les yeux des visiteurs aillent vers chaque \u00e9l\u00e9ment dans l’ordre que vous souhaitez.<\/p>\n Nous avons \u00e9voqu\u00e9 l’importance de rendre vos boutons grands et faciles \u00e0 cliquer, mais la taille n’est pas le seul \u00e9l\u00e9ment \u00e0 prendre en compte lors de la cr\u00e9ation de boutons.<\/p>\n Les boutons cliquables sont \u00e0 la fois descriptifs et persuasifs. Ils rendent le visiteur curieux de savoir vers quoi le bouton renvoie et lui donnent une raison d’y aller.<\/p>\n Une fa\u00e7on d’y parvenir est d’utiliser un texte de bouton d\u00e9taill\u00e9 comme \u00ab cliquez ici pour lire notre blog \u00bb, \u00ab trouvez ici nos secrets de marketing \u00bb ou \u00ab voici notre rapport 2022 \u00bb Une autre consiste \u00e0 rendre vos boutons visuellement excitants ou uniques.<\/p>\n Rainforest Protector a adopt\u00e9 les deux approches. Rainforest Protector vous permet de naviguer dans la for\u00eat amazonienne en visitant diff\u00e9rents endroits. Le bouton de chaque lieu comprend une image et une action comme \u00ab\u00a0visitez le village<\/a> \u00bb.<\/p>\n Pendant 13 ans, les chercheurs du Nielsen Norman Group (NN Group)<\/a> ont utilis\u00e9 l’eye-tracking pour voir comment plus de 500 personnes s’engagent avec le contenu. Ils ont ainsi d\u00e9velopp\u00e9 le mod\u00e8le F, selon lequel la premi\u00e8re chose que font les gens est de balayer la page vers le bas, puis de lire de gauche \u00e0 droite. Comme ceci :<\/p>\n Vous pouvez tirer parti du mod\u00e8le en F sur votre site web en structurant votre contenu autour de ce mod\u00e8le ou d’un mod\u00e8le alternatif.<\/p>\n Facebook est c\u00e9l\u00e8bre pour l’utilisation d’un mod\u00e8le en forme de Z sur sa page d’accueil. Lorsque vous visitez la page, vos yeux vont vers le logo \u00ab Facebook \u00bb, puis le bouton \u00ab Log In \u00bb, puis l’image sur la gauche, et enfin le bouton \u00ab Create an account \u00bb.<\/p>\n Au quatri\u00e8me trimestre de 2021, 54,4 %<\/a> du trafic des sites web dans le monde provenait d’un appareil mobile. Donc, si votre site web n’est pas adapt\u00e9 aux mobiles, vous pourriez r\u00e9duire votre trafic de moiti\u00e9.<\/p>\n La vitesse influence \u00e9galement le trafic organique du site web. Des recherches men\u00e9es par Google montrent que 53 %<\/a> des personnes quittent un site web s’il se charge en plus de trois secondes.<\/p>\n Le moyen le plus simple de rendre votre site web adapt\u00e9 aux mobiles ou rapide est de choisir un th\u00e8me de site web rapide<\/a> r\u00e9alis\u00e9 par des concepteurs experts. Ou, si vous souhaitez vous impliquer davantage dans la conception de votre site web, vous pouvez cr\u00e9er un site web responsive<\/a>\u00a0sur mesure.<\/p>\n C’est ce qu’ont fait les concepteurs du film 1917<\/em>. Le site web de 1917<\/em> offre une exp\u00e9rience immersive pour que les gens s’investissent dans le film. Il est sp\u00e9cialement con\u00e7u pour les appareils mobiles, puisque vous pouvez utiliser votre doigt pour vous d\u00e9placer dans les tranch\u00e9es de la premi\u00e8re guerre mondiale.<\/p>\n Si vous \u00eates observateur, vous remarquerez que le site web de 1917 exploite \u00e9galement le motif F.<\/p>\n Consid\u00e9rez ceci : vous recherchez \u00ab jeux d’esprit \u00bb et trouvez une page web qui semble prometteuse. Cependant, lorsque vous cliquez dessus, vous \u00eates submerg\u00e9 par de gros morceaux de texte difficiles \u00e0 lire.<\/p>\n Comme beaucoup de gens, vous risquez de cliquer sur le site web (m\u00eame si le contenu est prometteur !).<\/p>\n Des recherches sur le suivi oculaire men\u00e9es par l’Universit\u00e9 des sciences et technologies du Missouri montrent que les visiteurs de sites web passent en moyenne 5,59 secondes<\/a> \u00e0 lire du texte. Donc, si les gens ne peuvent pas consommer votre texte dans ce laps de temps, il est peu probable que vous les engagiez correctement.<\/p>\n R\u00e9glez ce probl\u00e8me en divisant votre texte en petits morceaux. De plus :<\/p>\n Lorsque nous disons \u00ab utiliser des grilles \u00bb, nous ne voulons pas dire que vous devez faire en sorte que votre site web ressemble \u00e0 un tableau Excel. Au lieu de cela, divisez votre site web en sections distinctes qui servent un objectif sp\u00e9cifique afin que les visiteurs puissent trouver rapidement le contenu.<\/p>\n Pour cela, vous n’avez pas besoin d’utiliser des lignes de grille. Cr\u00e9ez plut\u00f4t des distinctions entre les espaces de la grille \u00e0 l’aide de couleurs, d’espaces n\u00e9gatifs et d’ombres, comme l’a fait Atlason. La page d’accueil d’Atlason pr\u00e9sente les nouveaux produits et les produits les plus vendus dans des grilles. Comme les visiteurs sont probablement \u00e0 la recherche de ces produits, les grilles les aident \u00e0 les trouver en quelques secondes.<\/p>\n L’une des fa\u00e7ons les plus simples d’utiliser les grilles sur votre site web est de choisir un th\u00e8me WordPress<\/a> qui les utilise. Les exemples incluent Gridframe, Masonry Grid, et Shuttle Grid.<\/p>\n Dans le contexte de la conception de sites web<\/a>, le terme \u00ab \u00e9quilibre \u00bb fait r\u00e9f\u00e9rence \u00e0 la fa\u00e7on dont les \u00e9l\u00e9ments de conception se situent les uns par rapport aux autres et \u00e0 l’harmonie qu’ils d\u00e9gagent. Il existe de nombreuses fa\u00e7ons de cr\u00e9er un \u00e9quilibre sur votre site web, y compris certains de ces principes suivants de conception web :<\/p>\n Vous pouvez voir l’\u00e9quilibre en action sur le site web de Woven. Ce site web utilise une palette de couleurs \u00e9quilibr\u00e9e, le noir et blanc pour cr\u00e9er un contraste dans le texte, et la sym\u00e9trie pour attirer l’attention des visiteurs sur le contenu.<\/p>\n Selon la th\u00e9orie de la Gestalt, les gens per\u00e7oivent quelque chose comme un tout avant de regarder les \u00e9l\u00e9ments individuels. Ou, comme l’a dit Kurt Koffka : \u00ab Le tout existe ind\u00e9pendamment des parties \u00bb. Bien que les gens fassent g\u00e9n\u00e9ralement r\u00e9f\u00e9rence \u00e0 la th\u00e9orie de la Gestalt en ce qui concerne la psychologie, elle s’applique \u00e9galement au web design.<\/p>\n Vous devez pr\u00eater attention aux petits d\u00e9tails de votre site web pour que votre conception ait l’air soign\u00e9e et compl\u00e8te. Lors de la conception de quelque chose, il est facile de se concentrer sur des \u00e9l\u00e9ments importants comme les titres, les images et les CTA et d’oublier d’autres choses, comme :<\/p>\n V\u00e9rifiez ces \u00e9l\u00e9ments avant d’appuyer sur \u00ab Publier \u00bb et assurez-vous que votre site web est professionnel. Vous pouvez n\u00e9gliger des d\u00e9fauts mineurs, mais les visiteurs ne le feront pas.<\/p>\n15 principes de conception web efficace<\/h2>\n
1. Les pages doivent \u00eatre faciles \u00e0 parcourir<\/h3>\n
![\"The](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-17.jpg\")
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-18.jpg\")
2. Tirez toujours parti de l’espace n\u00e9gatif<\/h3>\n
![\"Garoa](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-20.jpg\")
3. Les pages doivent \u00eatre coh\u00e9rentes, mais engageantes<\/h3>\n
\n
4. Adoptez des couleurs compl\u00e9mentaires<\/h3>\n
![\"Couleurs](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-22.jpg\")
5. Concevez en tenant compte de votre public cible<\/h3>\n
\n
6. Les polices doivent \u00eatre lisibles et accessibles<\/h3>\n
\n
![\"Virgin](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-23.jpg\")
7. Suivez la loi de Fitt et la loi de Hick<\/h3>\n
8. Utilisez l’invariance pour mettre en \u00e9vidence les informations cl\u00e9s<\/h3>\n
![\"Invariance](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-25.jpg\")
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-27.jpg\")
9. Dans les CTA : Utilisez un langage clair sur lequel les gens voudront cliquer<\/h3>\n
10. Exploitez le motif en F ou le motif en Z<\/h3>\n
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-29.jpg\")
![\"Motif](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-33.png\")
11. Les bons sites web sont rapides et adapt\u00e9s aux mobiles<\/h3>\n
![\"1917](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-30.jpg\")
12. Divisez le texte en petits morceaux<\/h3>\n
\n
13. Utilisez des grilles<\/h3>\n
![\"Atlason](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-31.jpg\")
14. N’oubliez pas l’\u00e9quilibre<\/h3>\n
\n
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/03\/Untitled-32.jpg\")
15. Faites attention aux d\u00e9tails<\/h3>\n
\n