{"id":1541,"date":"2018-11-23T14:52:55","date_gmt":"2018-11-23T14:52:55","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1541"},"modified":"2020-04-09T11:17:34","modified_gmt":"2020-04-09T11:17:34","slug":"web-design-mauvais-ton","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/","title":{"rendered":"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter"},"content":{"rendered":"<p>\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un <strong>go\u00fbt m\u00e9diocre<\/strong> ou une a<strong>pproche de conception obsol\u00e8te\u00a0<\/strong>?<\/p>\n<p>Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant. Nous avons ici plus de 20 id\u00e9es int\u00e9ressantes, y compris les commentaires de <a href=\"https:\/\/www.youtube.com\/channel\/UCnpdR3kXJgs2y8o_PNddZxQ\/featured\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Laith Wallace<\/a>,\u00a0<a href=\"https:\/\/www.youtube.com\/user\/JesseAtomic\/videos\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Jesse Showalter<\/a>\u00a0et\u00a0<a href=\"https:\/\/twitter.com\/smashingmag\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Vitaly Friedman<\/a>.<\/p>\n<p>Allez v\u00e9rifier si vous concevez correctement.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<p>Voici 10 (mais pas toutes) techniques de conception Web m\u00e9diocres les plus fr\u00e9quemment utilis\u00e9es :<\/p>\n<div class=\"spacer\"><\/div>\n<p><em><strong>\u21161<\/strong>.<\/em> Utilisation de curseurs \/ carrousels.<\/p>\n<p><em><strong>\u21162<\/strong>.<\/em> Utilisation excessive de mod\u00e8les.<\/p>\n<p><em><strong>\u21163<\/strong>.<\/em> Fen\u00eatres contextuelles qui doivent \u00eatre ferm\u00e9es pour afficher le site.<\/p>\n<p><em><strong>\u21164<\/strong>.<\/em> Aucune hi\u00e9rarchie de contenu.<\/p>\n<p><em><strong>\u21165<\/strong>.<\/em> Lecture automatique de contenu audio ou vid\u00e9o sur la page principale.<\/p>\n<p><em><strong>\u21166<\/strong>.<\/em> Copier les tendances qui donnent la priorit\u00e9 \u00e0 l'interface utilisateur plut\u00f4t qu'\u00e0 l'interface utilisateur.<\/p>\n<p><em><strong>\u21167<\/strong>.<\/em> Utilisation de photos de stock.<\/p>\n<p><em><strong>\u21168<\/strong>.<\/em> Polices g\u00e9antes.<\/p>\n<p><em><strong>\u21169<\/strong>.<\/em> Surutilisation de parallaxe.<\/p>\n<p><em><strong>\u211610<\/strong>.<\/em> Long d\u00e9filement de pages.<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<p>D\u00e9couvrez tous les arguments et r\u00e9flexions qui ont \u00e9t\u00e9 partag\u00e9s par nos experts. Ces conseils vous seront utiles si vous \u00eates un concepteur, un chef d'entreprise, un sp\u00e9cialiste du r\u00e9f\u00e9rencement ou une personne qui surveille les tendances et anti-tendances.<\/p>\n<p>N'h\u00e9sitez pas \u00e0 partager votre opinion dans la section commentaires ci-dessous, peu importe si vous \u00eates d'accord ou non avec certaines d\u00e9clarations. Vous pouvez \u00e9galement partager des exemples de sites Web con\u00e7us par des personnes de bon ou de mauvais go\u00fbt.<\/p>\n<p><strong>C'est parti !<\/strong><\/p>\n<div class=\"spacer\"><\/div>\n<div class=\"spacer\"><\/div>\n<div class=\"spacer\"><\/div>\n<blockquote><p>3 choses que les concepteurs Web devraient cesser de faire.<\/p>\n<ul>\n<li>Arr\u00eatez d'utiliser des images quand il devrait y avoir du texte.<\/li>\n<li>Arr\u00eatez de concevoir des points de rupture sp\u00e9cifiques et commencez \u00e0 faire en sorte que les conceptions fonctionnent d\u00e8s que possible sur toutes les tailles de p\u00e9riph\u00e9riques.<\/li>\n<li>Arr\u00eatez de rendre la navigation plus complexe qu\u2019elle doit \u00eatre.<\/li>\n<\/ul>\n<\/blockquote>\n<p><a href=\"http:\/\/jesseshowalter.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Jesse Showalter<\/a>,\u00a0Full Stack Designer,\u00a0<a href=\"https:\/\/www.youtube.com\/user\/JesseAtomic\/about\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">YouTuber<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Trois choses que les concepteurs Web devraient arr\u00eater de faire :<\/p>\n<h5>Arr\u00eatez de concevoir un site Web et commencez \u00e0 concevoir des entonnoirs<\/h5>\n<p>Le terme entonnoir est plus utilis\u00e9 par les sp\u00e9cialistes du marketing que par les concepteurs Web, mais la meilleure fa\u00e7on de penser \u00e0 cela est de regarder le parcours du client. Concevoir des entonnoirs consiste \u00e0 amener les utilisateurs sur un chemin sp\u00e9cifique plut\u00f4t que de les laisser parcourir les pages que vous avez con\u00e7ues dans l'espoir de les consulter. Il est pr\u00e9f\u00e9rable de concevoir des pages sp\u00e9cifiques qui se lient les unes aux autres, menant \u00e0 une action telle que la r\u00e9servation d\u2019une consultation ou l\u2019achat d\u2019un produit.<\/p>\n<h5><strong>Arr\u00eatez le codage et apprenez la strat\u00e9gie <\/strong><\/h5>\n<p>La valeur du codage commencera \u00e0 devenir plus banalis\u00e9e, il est donc essentiel que le concepteur apprenne la strat\u00e9gie pour vraiment savoir comment d\u00e9finir les probl\u00e8mes de l\u2019entreprise.<\/p>\n<h5><strong>Lancez la <a href=\"https:\/\/www.templatemonster.com\/fr\/type\/modeles-de-design-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">conception Web\u00a0<\/a><\/strong><strong>pour l'utilisateur\u00a0<\/strong><\/h5>\n<p>Les concepteurs de sites Web doivent apprendre le design UX car il devient de plus en plus essentiel dans un monde centr\u00e9 sur le client. Nous sommes maintenant dans un endroit o\u00f9 les clients ont des attentes beaucoup plus \u00e9lev\u00e9es quant \u00e0 ce que les marques devraient offrir avec leurs services en ligne. Pour augmenter la conversion sur les sites Web, les concepteurs doivent trouver des moyens int\u00e9ressants d\u2019int\u00e9grer le contact avec la marque. Vous avez 7 fois plus de chances de remporter un contrat si vous r\u00e9pondez aux prospects en moins d\u2019une heure que de r\u00e9pondre au moins deux heures plus tard (<a href=\"https:\/\/hbr.org\/2011\/03\/the-short-life-of-online-sales-leads\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">HBR, 2011<\/a>). Les consommateurs sont 53% plus susceptibles de magasiner avec une entreprise dont ils peuvent envoyer un message (<a href=\"https:\/\/fbinsights.files.wordpress.com\/2016\/08\/facebookiq_messenger_booklet1.pdf\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Facebook Nielsen report, 2016<\/a>).<\/p><\/blockquote>\n<p><a href=\"http:\/\/www.laithwallace.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Laith Wallace<\/a>, le concepteur UX \/ UI, <a href=\"https:\/\/www.youtube.com\/channel\/UCnpdR3kXJgs2y8o_PNddZxQ\/about\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">YouTube Channel<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Les concepteurs de sites Web devraient cesser de le faire maintenant :<\/p>\n<ul>\n<li>R\u00e9pliquer des \u00e9l\u00e9ments brillants et cool du Web (par exemple, de Dribbble) - il est bon de savoir ce que font les autres, mais il est encore plus important de d\u00e9velopper votre propre style et de savoir comment le mettre en valeur sans aller trop loin.<\/li>\n<li>Utiliser des mod\u00e8les pr\u00e9visibles et bien connus. Exp\u00e9rimentez plus et essayez des choses diff\u00e9rentes et folles !<\/li>\n<li>Faire confiance aux tests A \/ B pour \u00ab peaufiner \u00bb le design et en proposer une \u00ab variante parfaite \u00bb. Toujours inclure les tests A \/ Z, en \u00e9tudiant deux configurations et conceptions tr\u00e8s diff\u00e9rentes.<\/li>\n<\/ul>\n<\/blockquote>\n<p><a href=\"https:\/\/twitter.com\/smashingmag\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Vitaly Friedman<\/a>, Co-fondateur \u00e0\u00a0<a href=\"https:\/\/www.smashingmagazine.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Smashing Magazine<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote>\n<ul>\n<li>Scroll hijacking.<\/li>\n<li>Une architecture \/ des mises en page trop cr\u00e9atives et trop longues \u00e0 comprendre.<\/li>\n<li>Des intros follement anim\u00e9s.<\/li>\n<\/ul>\n<\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/ryanpaonessa\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Ryan Paonessa<\/a>, Graphic Designer, artiste visuel, co-fondateur de\u00a0<a href=\"http:\/\/rco-design.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">R&amp;Co Design<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote>\n<ul>\n<li>S'appuyer sur des mod\u00e8les.<\/li>\n<li>Utilisation de grands frameworks frontaux gonfl\u00e9s.<\/li>\n<li>Copier les tendances qui donnent la priorit\u00e9 \u00e0 l'interface utilisateur plut\u00f4t qu'\u00e0 l'interface utilisateur.<\/li>\n<\/ul>\n<\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/ryan-gittings\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Ryan Gittings<\/a>, Designer num\u00e9rique &amp; D\u00e9veloppeur, fondateur de\u00a0<a href=\"https:\/\/www.madebykingfisher.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Made By Kingfisher<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Mauvaises mani\u00e8res de web design et de d\u00e9veloppement - arr\u00eatez d\u00e8s maintenant! ?<\/p>\n<h5>Ne pas commenter le code<\/h5>\n<p>Pour \u00eatre juste, tout d\u00e9veloppeur qui utilise les normes Web et qui suit les directives des meilleures pratiques en mati\u00e8re de langage de son choix (HTML, PHP ou python), le code doit \u00eatre facile \u00e0 comprendre. J\u2019ai ramass\u00e9 de nombreux th\u00e8mes WordPress \u00e9tranges lorsque la question est: \"Pourquoi ont-ils fait cela?\" - si vous commentez le code, vous pouvez expliquer pourquoi! et le rendre beaucoup plus rapide pour un professionnel du Web \u00e0 utiliser. Examinez comment votre code est comment\u00e9!<\/p>\n<h5>Utilisation de techniques non productives<\/h5>\n<p>L'automatisation \/ la compilation est une m\u00e9thode de production qui permet de gagner du temps. Une fois que vous avez d\u00e9pass\u00e9 la courbe d\u2019apprentissage, c\u2019est une belle chose - sauvegarder le fichier et le tour est jou\u00e9, le site Web est automatiquement compil\u00e9 et mis \u00e0 jour. Id\u00e9al pour les tests en cours et pour la livraison rapide du code. Faites-le !<\/p>\n<h5>Utilisation de technologies Web ferm\u00e9es al\u00e9atoires obsol\u00e8tes<\/h5>\n<p>Utilisez les outils Open Source auxquels les d\u00e9veloppeurs comme vous et moi contribuons \u00e9galement. Dans les ann\u00e9es 90, les d\u00e9veloppeurs utilisaient pour verrouiller les clients sur des sites Web que seul dev pouvait utiliser, et avec une licence co\u00fbteuse. Assurez la p\u00e9rennit\u00e9 de votre site Web en utilisant une technologie qui ira au loin, comme WordPress ou un format Web open source.<\/p><\/blockquote>\n<p>Jim Callender,\u00a0<a href=\"https:\/\/www.jayonline.co.uk\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Concepteur WordPress ind\u00e9pendant, Royaume-Uni<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>J'ai touch\u00e9 pr\u00e8s de 500 sites Web au cours des 2 derni\u00e8res d\u00e9cennies. Voici ce que je souhaiterais que les designers arr\u00eatent de faire.<\/p>\n<h5>Concevoir un PSD pour la pr\u00e9sentation<\/h5>\n<p>Les clients ne peuvent pas prendre leur d\u00e9cision en se basant sur une seule image statique. Nous disposons maintenant d'une tonne de technologies qui peuvent aider un concepteur \u00e0 cr\u00e9er une exp\u00e9rience interactive compl\u00e8te du design d'un site Web.<\/p>\n<h5>Ne pas faire de recherche<\/h5>\n<p>Un site web est un outil de marketing. En l'absence d'un sp\u00e9cialiste du marketing pour d\u00e9finir la vision des objectifs d'un site Web, le concepteur doit prendre le temps de rechercher des informations telles que les utilisateurs du site et ce que le client souhaite que le site g\u00e9n\u00e8re.<\/p>\n<h5>Ne pas \u00e9couter<\/h5>\n<p>La majorit\u00e9 des sites Web ne sont pas cr\u00e9\u00e9s en tant qu'\u0153uvres d'art. Vous \u00eates embauch\u00e9 pour r\u00e9pondre aux besoins de votre client et non pour insuffler vos d\u00e9sirs artistiques personnels.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/nicolepereira\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Nicole Pereira<\/a>, Marketing Automation Consultant chez\u00a0<a href=\"https:\/\/chiefmartechofficer.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Chief Martech Officer<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Carrousels de la page d'accueil. Je vous en prie ... arr\u00eatez s'il vous pla\u00eet. Ils sont partout. Ils sont omnipr\u00e9sents. Et les donn\u00e9es sont arriv\u00e9es il y a longtemps ... ILS NE TRAVAILLENT PAS. Dans presque toutes les \u00e9tudes contr\u00f4l\u00e9es, la premi\u00e8re diapositive a enregistr\u00e9 99% des clics. La seconde a 1%. Tout \u00e0 partir de l\u00e0, 0%. Pourquoi personne ne re\u00e7oit le message ?<\/p>\n<h5>Polices g\u00e9antes. S'il vous pla\u00eet... non<\/h5>\n<p>Lorsque la tendance du premier design mobile a commenc\u00e9 \u00e0 appara\u00eetre, les concepteurs ont saisi l'occasion pour d\u00e9finir des styles de caract\u00e8res optimis\u00e9s pour les mobiles, qui sont GIGANTESQUES sur le desktop. Pour une fois, c'\u00e9tait cool. Mais \u00eatre capable de voir 3 lignes de texte sur un moniteur 1920x1200 n'est certainement pas cool. On les appelle les requ\u00eates multim\u00e9dia : commencez \u00e0 les utiliser.<\/p>\n<h5>Lecture automatique de la vid\u00e9o et de l'audio ... tirez-moi maintenant<\/h5>\n<p>S'il vous pla\u00eet, ne sortez pas avec une petite silhouette pour me parler de votre entreprise. Ou une musique d'ambiance auto-play. Si vous avez des m\u00e9dias enrichis \u00e0 ajouter \u00e0 votre site, c'est g\u00e9nial. Faites-moi savoir que \u00e7a existe ... mais si vous me le jouez contre mon gr\u00e9, je m'en vais. Tout de suite.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/stephan-roussan-6343663\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Stephan Roussan<\/a>, Fondateur et pr\u00e9sident de\u00a0<a href=\"https:\/\/www.icvmgroup.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">ICVM Group<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Un \u00e9l\u00e9ment que les concepteurs devraient cesser d\u2019int\u00e9grer aux sites Web est le curseur ou le carrousel. La plupart des \u00e9tudes (<a href=\"https:\/\/www.nngroup.com\/articles\/auto-forwarding\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\u00e9tude 1<\/a>,\u00a0<a href=\"http:\/\/beantin.se\/sliding-banner-content-slider-carousel-rotator\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">\u00e9tude 2<\/a>,\u00a0<a href=\"https:\/\/conversionxl.com\/blog\/dont-use-automatic-image-sliders-or-carousels\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Poste CXL<\/a>) montrent que les curseurs sont, au mieux, ignor\u00e9s par les utilisateurs en raison de la \"c\u00e9cit\u00e9 des banni\u00e8res\". Cependant, ils peuvent m\u00eame avoir un impact n\u00e9gatif sur les taux de conversion car ils peuvent ralentir la vitesse de chargement d\u2019un site Web ou effectuer une transition m\u00e9diocre sur mobile. Dans la majorit\u00e9 des cas d'utilisation, les curseurs sont simplement n\u00e9fastes pour l'exp\u00e9rience utilisateur et inutiles.<\/p>\n<p>Un autre \u00e9l\u00e9ment \u00e0 ne plus utiliser est l'interstitiel plein \u00e9cran ou les popups avant qu'un visiteur n'ait eu la chance d'acc\u00e9der \u00e0 votre contenu principal. Auparavant, il \u00e9tait tr\u00e8s courant d\u2019essayer de capturer les courriels des utilisateurs d\u00e8s que ceux-ci arrivaient sur un site Web. Il s\u2019agit d\u2019une pratique d\u00e9pass\u00e9e qui nuit \u00e0 l\u2019exp\u00e9rience utilisateur. Bien qu\u2019il n\u2019y ait aucun probl\u00e8me avec les fen\u00eatres contextuelles, il est important de les utiliser avec parcimonie, au bon moment et avec la bonne offre.<\/p>\n<p>Un dernier \u00e9l\u00e9ment \u00e0 cesser d\u2019utiliser est la banque d\u2019images qui est coupable pour de nombreuses entreprises B2B. La majorit\u00e9 des photos d'archives sont faciles \u00e0 rep\u00e9rer et se r\u00e9v\u00e8lent \u00eatre sinc\u00e8res et d\u00e9pourvues de personnalit\u00e9 \u00e0 un moment o\u00f9 les consommateurs recherchent l'authenticit\u00e9 et s'int\u00e9ressent \u00e0 l'\u00e9quipe qui se cache derri\u00e8re l'entreprise (ce qui est logique car il existe plus de choix que jamais pour les solutions d'entreprise ).<\/p><\/blockquote>\n<p>Josh Brown, Marketing chez\u00a0<a href=\"https:\/\/www.salesandorders.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Sales &amp; Orders<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Je pense que les concepteurs Web devraient att\u00e9nuer l'utilisation de la parallaxe partout, comme s'il s'agissait du Saint Graal de la conception Web. J'ai vu des sites Web o\u00f9 chaque section avait litt\u00e9ralement un fond de parallaxe. Bien que je pense que la parallaxe peut sembler bonne lorsqu'elle est utilis\u00e9e sporadiquement, son utilisation excessive donne un mauvais aspect \u00e0 l'ensemble du site Web, car elle \u00e9loigne le contenu lui-m\u00eame et attire l'attention du visiteur sur l'arri\u00e8re-plan, ce qui nuit aux taux de conversion.<\/p><\/blockquote>\n<p>Amine Rahal, Fondateur et PDG de\u00a0<a href=\"http:\/\/www.littledragon.ca\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Little Dragon Media<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote>\n<h5>CSS floats<\/h5>\n<p>Il y a tellement de meilleures fa\u00e7ons de cr\u00e9er un effet de flottement, et non de mani\u00e8re d\u00e9tourn\u00e9e. Par exemple, positionnement relatif avec des marges n\u00e9gatives. Peut \u00e9galement \u00eatre sensible aux requ\u00eates des m\u00e9dias.<\/p>\n<h5>Carrousels pour les zones du haut et animations sur les pages d'accueil<\/h5>\n<p>Ils augmentent les temps de chargement, et les utilisateurs les parcourent g\u00e9n\u00e9ralement avant la fin.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/eblairmckee\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Blair McKee<\/a>, Concepteur Web et d\u00e9veloppeur pour\u00a0<a href=\"https:\/\/constellix.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Constellix<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Mon principal conseil que les concepteurs Web devraient cesser de cr\u00e9er consiste \u00e0 cr\u00e9er des \u00e9l\u00e9ments de contenu masqu\u00e9s que les visiteurs doivent r\u00e9v\u00e9ler. Tels que des onglets, des accord\u00e9ons, etc. Je m\u00e9prise le contenu cach\u00e9 qui oblige un utilisateur \u00e0 prendre des mesures simplement pour voir le contenu. Certaines \u00e9tudes ont aid\u00e9 \u00e0 r\u00e9duire le taux de rebond au d\u00e9but de ces techniques, mais \u00e0 pr\u00e9sent que la dur\u00e9e d'attention diminue et que le temps pass\u00e9 sur le site diminue, les visiteurs n'acc\u00e8dent m\u00eame plus \u00e0 ce contenu. Par cons\u00e9quent, il se peut que vous perdiez ce visiteur et que vous ne compreniez pas en quoi consiste votre entreprise ou votre service.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/jasontb\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Jason Brietstein<\/a>, Fondateur et Brand Elevator \u00e0\u00a0<a href=\"https:\/\/www.brandamos.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Brandamos<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Voici 3 choses qui devraient \u00eatre \u00e9vit\u00e9es.<\/p>\n<h5>Sliders<\/h5>\n<p>M\u00eame s'il est prouv\u00e9 que les utilisateurs n'interagissent pas avec eux, je les vois toujours utilis\u00e9s de partout.<\/p>\n<h5>D'\u00e9normes images non optimis\u00e9es \u00e0 charger pour toujours<\/h5>\n<p>Les visiteurs n'aiment pas attendre et il n'y a aucune raison de charger imm\u00e9diatement une image de 4 Mo.<\/p>\n<h5>Manque de contraste qui rend la lecture du texte difficile<\/h5>\n<p>Certains concepteurs semblent aimer les textes clairs sur un fond clair ou les textes fonc\u00e9s sur un fond sombre, mais tout \u00e9l\u00e9ment rendant la page plus difficile \u00e0 lire doit \u00eatre \u00e9vit\u00e9.<\/p><\/blockquote>\n<p>Chris Powell, Propri\u00e9taire de\u00a0<a href=\"https:\/\/actifymedia.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Actify Media<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote>\n<h5>Utilisation de curseurs sur la page d'accueil contenant plus de 4 \u00e0 5 diapositives<\/h5>\n<p>Les curseurs sont destin\u00e9s \u00e0 r\u00e9p\u00e9ter rapidement. Si vous les surchargez d'images, il y a trop d'informations \u00e0 la fois et votre public risque de manquer quelque chose d'important. Donnez la priorit\u00e9 \u00e0 vos images de curseur pour obtenir les informations les plus pertinentes utiles au public.<\/p>\n<h5>Utilisation excessive de mod\u00e8les<\/h5>\n<p>Personne n'aime un format emporte-pi\u00e8ce pour longtemps. Vous devez garder le th\u00e8me de votre site Web continu sur l'ensemble du site, mais m\u00e9langez-le un peu. Assurez-vous que des pages s\u00e9par\u00e9es se sentent uniques tout en restant pertinentes par rapport \u00e0 vos autres choix de conception.<\/p>\n<h5>Trop de styles de police utilis\u00e9s (Comic Sans !)<\/h5>\n<p>Souvent, les gens ne r\u00e9alisent pas que les polices font partie de votre image de marque. Assurez-vous de toujours utiliser les m\u00eames polices pour les titres, les sous-en-t\u00eates et le contenu. Il n'y a pas besoin de 10 polices diff\u00e9rentes. Deux, voire trois dans certains cas, est largement suffisant. Et bien s\u00fbr, \u00e9vitez toujours Comic Sans.<\/p>\n<h5>Ne pas avoir de texte contrast\u00e9 sur les images (couleur, texture contrast\u00e9e)<\/h5>\n<p>Il est essentiel que votre texte soit lisible sur l'image d'arri\u00e8re-plan. Si vous devez plisser les yeux pour voir les lettres, essayez \u00e0 nouveau. Si l'image d'arri\u00e8re-plan comporte beaucoup de couleurs rendant la t\u00e2che difficile, envisagez d'ajouter une zone de texte en diminuant l'opacit\u00e9 de l'image o\u00f9 le texte appara\u00eet ou en ajoutant des superpositions pour les images.<\/p>\n<h5>Les images ne sont pas pertinentes pour le sujet du site Web<\/h5>\n<p>Je sais qu'il est difficile d'utiliser des images pour certains sujets, mais il est essentiel que les images soient li\u00e9es \u00e0 la page d'une mani\u00e8re ou d'une autre. Les visuels sont excellents, mais ils sont cens\u00e9s \u00eatre compl\u00e9mentaires au contenu de la page Web.<\/p>\n<h5>Le site Web n'a pas de hi\u00e9rarchie de contenu et il ressemble \u00e0 du fouillis<\/h5>\n<p>La hi\u00e9rarchie du contenu est essentielle pour UX. Il est essentiel d\u2019avoir des en-t\u00eates et des sous-en-t\u00eates pour organiser les id\u00e9es de la page Web afin de faciliter la recherche des informations dont l\u2019utilisateur a besoin, ce qui permet d\u2019\u00e9viter que les choses ne soient encombr\u00e9es. Pensez \u00e0 l'utilisateur et mettez les informations qui lui seraient plus utiles en haut de la page, puis continuez.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/iuliia-shchilnyk-22347136\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Iuliia Shchilnyk<\/a>, concepteur web et graphique chez\u00a0<a href=\"https:\/\/www.seoplus.ca\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">seoplus+<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Les r\u00e8gles classiques de la conception Web s'appliquent toujours. N'utilisez pas de fen\u00eatres publicitaires intempestives qui obligent les internautes \u00e0 fermer la fen\u00eatre contextuelle pour afficher votre site. Si vous voulez que les gens s'abonnent \u00e0 votre liste de courrier \u00e9lectronique (\u00e0 titre d'exemple), ne soyez pas press\u00e9 \u00e0 ce sujet. Il est correct de fournir un formulaire d\u2019inscription facile \u00e0 trouver pour votre bulletin d\u2019information, mais ne le mettez pas dans les yeux des gens.<\/p>\n<p>Ne jouez pas automatiquement le contenu audio ou vid\u00e9o. Les gens ne veulent pas que des m\u00e9dias inattendus leur soient impos\u00e9s. Encore une fois, le th\u00e8me est \u00abNe forcez pas les utilisateurs \u00e0 faire quoi que ce soit\u00bb. Si vous essayez, beaucoup laisseront simplement votre site Web avec un mauvais go\u00fbt dans la bouche.<\/p>\n<p>Si vous avez une page contenant beaucoup de texte, il est g\u00e9n\u00e9ralement pr\u00e9f\u00e9rable d\u2019avoir un texte sombre sur un arri\u00e8re-plan de couleur claire. C'est simplement plus facile \u00e0 lire. La seule exception \u00e0 la r\u00e8gle concerne les sujets de votre site Web qui exigent un arri\u00e8re-plan sombre. Par exemple, un site Web de bo\u00eete de nuit.<\/p><\/blockquote>\n<p>Stefan Mischook,\u00a0<a href=\"https:\/\/shop.killervideostore.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Killervideostore.com<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Les concepteurs de sites Web devraient cesser de cr\u00e9er des sites Web constitu\u00e9s de quelques pages tr\u00e8s longues. Des pages qui ne finissent pas en longueur, o\u00f9 vous pouvez continuer \u00e0 faire d\u00e9filer vers le bas pour apparemment perdre jamais de visiteurs et ne conduisent pas les utilisateurs de la m\u00eame mani\u00e8re qu'un site dynamique avec plusieurs onglets et pages.<\/p>\n<p>En outre, la page de d\u00e9filement sans fin ne tire pas parti du potentiel de r\u00e9f\u00e9rencement; s'il ne s'agit que d'une seule longue page, vous ne pouvez pas d\u00e9finir diff\u00e9rentes sections de mots-cl\u00e9s \/ phrases, les moteurs de recherche ne disposent pas d'un index d'autant de pages que votre domaine et vous ne transmettez pas de liens via un site Web complet.<\/p>\n<p>Le site Web d\u2019une page, ou m\u00eame de deux ou trois pages, devrait \u00eatre supprim\u00e9.<\/p><\/blockquote>\n<p>David Barbour,\u00a0\u0441o-fondateur de\u00a0<a href=\"https:\/\/viviolifesciences.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Vivio Life Sciences<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote>\n<h5>Ne pas afficher le clavier mobile appropri\u00e9 pour les champs de formulaire du site Web<\/h5>\n<p>Avoir le m\u00eame clavier pour afficher les adresses e-mail, t\u00e9l\u00e9phone, nom, adresse peut \u00eatre tr\u00e8s g\u00eanant pour les utilisateurs et leur donner une mauvaise exp\u00e9rience utilisateur. Lorsque vous demandez un courrier \u00e9lectronique, assurez-vous que le clavier appara\u00eet avec le symbole @. Lorsque vous demandez le num\u00e9ro de t\u00e9l\u00e9phone, vous devez afficher le pav\u00e9 num\u00e9rique et formater id\u00e9alement le num\u00e9ro de t\u00e9l\u00e9phone automatiquement.<\/p>\n<h5>Chargement lent du site Web en raison de grandes images et de vid\u00e9os<\/h5>\n<p>Les sites Web importants ont toujours des sites Web \u00e0 chargement lent, surtout si vous \u00eates sur votre t\u00e9l\u00e9phone et que vous n'\u00eates pas connect\u00e9 au wifi. Cela est g\u00e9n\u00e9ralement d\u00fb \u00e0 des images volumineuses qui prennent du temps \u00e0 charger ou \u00e0 des lecteurs vid\u00e9o personnalis\u00e9s qui essaient encore de d\u00e9marrer. Google utilise d\u00e9sormais un index Mobile-First pour indiquer que la version de votre site Web doit \u00eatre au meilleur de sa forme.<\/p><\/blockquote>\n<p>Steve Page, Vice-pr\u00e9sident de la strat\u00e9gie num\u00e9rique chez\u00a0<a href=\"https:\/\/giantpartners.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Giant Partners<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>GoodFirms a men\u00e9 une enqu\u00eate parmi les <a href=\"https:\/\/www.goodfirms.co\/directory\/platforms\/top-web-design-companies\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Principales entreprises de d\u00e9veloppement Web<\/a>\u00a0et publi\u00e9\u00a0<a href=\"https:\/\/www.goodfirms.co\/resources\/web-design-research-small-business\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\"><b>Rapport de recherche Web Design<\/b><\/a>. La recherche a port\u00e9 sur les statistiques et les tendances en mati\u00e8re de conception Web, parmi lesquelles certaines des plus grandes erreurs de conception Web ont \u00e9t\u00e9 explor\u00e9es, r\u00e9pertori\u00e9es et des solutions apport\u00e9es. Les 3 erreurs les plus courantes sont les suivantes.<\/p>\n<h5>Web Design bond\u00e9<\/h5>\n<p>La conception Web encombr\u00e9e agit comme un fl\u00e9au pour vos visiteurs et les \u00e9loigne de celui-ci. Une trop grande utilisation de contenu tel que du texte, des images, des publicit\u00e9s d\u00e9routent les utilisateurs et, sans attendre, ils se rendent sur le site Web suivant pour r\u00e9soudre leur probl\u00e8me.<\/p>\n<h5>Incitation \u00e0 l'action nulle ou inappropri\u00e9e<\/h5>\n<p>Un CTA efficace est la cl\u00e9 du succ\u00e8s num\u00e9rique d\u2019une entreprise. Il consiste \u00e0 inviter les utilisateurs \u00e0 accomplir quelque chose qui entra\u00eenerait des progr\u00e8s tant pour le visiteur que pour l\u2019entreprise. Souvent, les concepteurs Web placent le CTA dans des endroits inappropri\u00e9s ou sans offrir \u00e0 neet et suffisamment d\u2019informations sur ce qu\u2019ils obtiendraient en cliquant sur le bouton.<\/p>\n<h5>Navigation cach\u00e9e ou incorrecte<\/h5>\n<p>Les probl\u00e8mes de navigabilit\u00e9 \u00e9limineront rapidement la pr\u00e9valence d'un site. Une disposition de navigation cach\u00e9e entra\u00eene l'inaccessibilit\u00e9 de votre contenu Web, tandis qu'une navigation confuse et g\u00eanante irrite l'utilisateur en l'induisant en erreur.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/kim-smith\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Kim Smith<\/a>, Responsable marketing de contenu chez\u00a0<a href=\"http:\/\/www.goodfirms.co\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">GoodFirms<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote>\n<h5>Arr\u00eatez d'utiliser des curseurs<\/h5>\n<p>Les curseurs sont inefficaces et ont un impact n\u00e9gatif sur les taux de conversion du r\u00e9f\u00e9rencement naturel et du site Web (pourcentage de visiteurs d'un site Web par rapport \u00e0 ceux qui remplissent un formulaire ou vous appellent). Les experts en marketing le savent depuis des ann\u00e9es et pourtant Internet est inond\u00e9 de m\u00e9chants siders. Les concepteurs et les clients les per\u00e7oivent souvent comme attractifs; rappelez-vous que votre site Web n'est pas pour vous mais pour votre client. En tant que concepteur, rappelez-vous que les sites Web sont des machines g\u00e9n\u00e9ratrices de leads et doivent \u00eatre fonctionnels. Le retour sur investissement est toujours gagnant et pour 95% des clients, c'est ce qu'ils recherchent avec leur site web.<\/p>\n<h5>O\u00f9 sont vos CTA ?<\/h5>\n<p>Il est difficile de croire que les sites Web quotidiens sont con\u00e7us sans CTA clairement d\u00e9finis. En tant que consultant en optimisation du taux de conversion, certains concepteurs vont me regarder et dire: \"Vous ne pouvez pas le voir? Le voici.\" Ce que beaucoup ne r\u00e9alisent pas, c\u2019est que vos utilisateurs ne vous laisseront qu\u2019environ 3 secondes pour trouver leur premier indicateur visuel, de sorte qu\u2019ils pensent pouvoir \u00eatre au bon endroit. D\u00e8s qu'une page d'un site Web est charg\u00e9e, le qui, quoi, pourquoi, comment et parfois n\u00e9cessite une r\u00e9ponse claire.<\/p>\n<h5>Structurez le contenu<\/h5>\n<p>Les r\u00e9f\u00e9renceurs et les concepteurs doivent mieux travailler ensemble. Ils butent souvent la t\u00eate au lieu d\u2019appr\u00e9cier la valeur incroyable de l\u2019autre personne. Mon conseil aux concepteurs est de comprendre la valeur d'un contenu bien structur\u00e9. Mon conseil aux SEO est, avoir\u00a0<a href=\"https:\/\/www.tasticmarketing.com\/blog\/seo-content-marketing-inseparable\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">une strat\u00e9gie de contenu appropri\u00e9e<\/a>. Ensemble, vous devez travailler ensemble pour vous assurer que vos structures filaires sont optimis\u00e9es avant tout pour les utilisateurs! PAS les moteurs de recherche, cela viendra naturellement.<\/p><\/blockquote>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/ryanmeghdies\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Ryan Meghdies<\/a>, fondateur de\u00a0<a href=\"https:\/\/www.tasticmarketing.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\" class=\"broken_link\">Tastic Marketing<\/a><\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote><p>Je pense que les concepteurs Web devraient cesser de le faire maintenant.<\/p>\n<h5>Gonflement de code et contenu non optimis\u00e9<\/h5>\n<p>Les concepteurs doivent pr\u00eater attention \u00e0 la vitesse de la page. Utilisez\u00a0<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">PageSpeed Insights<\/a>\u00a0et <a href=\"https:\/\/testmysite.thinkwithgoogle.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Google's Mobile Speed<\/a>\u00a0pour tester des sites Web pendant et apr\u00e8s le d\u00e9veloppement.<\/p>\n<h5>Les sites Web \u00e0 chargement lent m\u00e8nent directement \u00e0 la perte de visiteurs<\/h5>\n<p>70% des connexions de r\u00e9seaux cellulaires au monde se produiront \u00e0 des vitesses 3G ou plus lentes jusqu'en 2020. Tous ces scripts, feuilles de style, images non optimis\u00e9es? Les t\u00e9l\u00e9spectateurs ferment votre site avant m\u00eame qu'il ne soit charg\u00e9.<\/p>\n<p>Vous ne pouvez pas cr\u00e9er un site Web qui fonctionne sur un t\u00e9l\u00e9phone portable. Vous devez cr\u00e9er un site Web qui excelle sur un t\u00e9l\u00e9phone mobile, y compris un chargement ultra-rapide. Sinon, personne ne restera pour le voir. Comme avantage suppl\u00e9mentaire, les sites de chargement plus rapides se positionnent mieux sur Google !<\/p><\/blockquote>\n<p><a href=\"https:\/\/alexwright.net\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">Alex Wright<\/a>, Sp\u00e9cialiste Web Design et SEO<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n<div class=\"spacer\"><\/div>\n<blockquote>\n<h5>Clients sous-factur\u00e9s<\/h5>\n<p>Il y a trop de concepteurs de sites Web qui sous-facturent leurs clients et autorisent un glissement de la port\u00e9e, laissant les pigistes de leur poche et r\u00e9duisant ainsi le reste du secteur. La plupart des clients comprennent en r\u00e9alit\u00e9 la qualit\u00e9 n\u00e9cessaire pour payer un peu plus pour les pigistes.<\/p>\n<h5>Passez du temps loin de votre \u00e9cran<\/h5>\n<p>En tant que designer, cela vous donne la possibilit\u00e9 de r\u00e9-influencer votre esprit et de penser \u00e0 de nouvelles id\u00e9es.<\/p>\n<h5>Arr\u00eatez d'ignorer le r\u00e9f\u00e9rencement<\/h5>\n<p>Le r\u00e9f\u00e9rencement est la cl\u00e9 du succ\u00e8s du site Web de votre immeuble et doit \u00eatre trait\u00e9 de mani\u00e8re standard, m\u00eame si c\u2019est l\u2019essentiel.<\/p><\/blockquote>\n<p><a href=\"https:\/\/jamesdowen.com\/\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">James Dowen<\/a>,\u00a0Concepteur Web, concepteur d'interface utilisateur, d\u00e9veloppeur Web<\/p>\n<div class=\"spacer\"><\/div>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un go\u00fbt m\u00e9diocre ou une approche de conception obsol\u00e8te\u00a0? Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant. Nous avons ici plus de 20 id\u00e9es int\u00e9ressantes, [&hellip;]<\/p>\n","protected":false},"author":1672325,"featured_media":1542,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[51],"tags":[6,75],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter - Entretiens<\/title>\n<meta name=\"description\" content=\"\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un go\u00fbt m\u00e9diocre ou une approche de conception obsol\u00e8te ? Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter - Entretiens\" \/>\n<meta property=\"og:description\" content=\"\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un go\u00fbt m\u00e9diocre ou une approche de conception obsol\u00e8te ? Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Blog France\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-11-23T14:52:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-09T11:17:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/11\/mauvaistonf.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_France\" \/>\n<meta name=\"twitter:site\" content=\"@TM_France\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"20 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter\",\"datePublished\":\"2018-11-23T14:52:55+00:00\",\"dateModified\":\"2020-04-09T11:17:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/\"},\"wordCount\":4017,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"Design Web\",\"Tendances de conception Web\"],\"articleSection\":[\"Conception de site web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/\",\"name\":\"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter - Entretiens\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2018-11-23T14:52:55+00:00\",\"dateModified\":\"2020-04-09T11:17:34+00:00\",\"description\":\"\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un go\u00fbt m\u00e9diocre ou une approche de conception obsol\u00e8te ? Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"name\":\"TemplateMonster Blog France\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\",\"name\":\"MonsterPost France\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost France\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\",\"https:\/\/twitter.com\/TM_France\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\",\"name\":\"Claire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Claire\"},\"description\":\"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.\",\"url\":\"https:\/\/monsterspost.com\/fr\/author\/claire\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter - Entretiens","description":"\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un go\u00fbt m\u00e9diocre ou une approche de conception obsol\u00e8te ? Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant.","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:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/","og_locale":"fr_FR","og_type":"article","og_title":"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter - Entretiens","og_description":"\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un go\u00fbt m\u00e9diocre ou une approche de conception obsol\u00e8te ? Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant.","og_url":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2018-11-23T14:52:55+00:00","article_modified_time":"2020-04-09T11:17:34+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/11\/mauvaistonf.jpg","type":"image\/jpeg"}],"author":"Claire","twitter_card":"summary_large_image","twitter_creator":"@TM_France","twitter_site":"@TM_France","twitter_misc":{"\u00c9crit par":"Claire","Dur\u00e9e de lecture estim\u00e9e":"20 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter","datePublished":"2018-11-23T14:52:55+00:00","dateModified":"2020-04-09T11:17:34+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/"},"wordCount":4017,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["Design Web","Tendances de conception Web"],"articleSection":["Conception de site web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/","url":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/","name":"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter - Entretiens","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2018-11-23T14:52:55+00:00","dateModified":"2020-04-09T11:17:34+00:00","description":"\u00c0 quelle fr\u00e9quence visitez-vous des sites Web et estimez-vous imm\u00e9diatement qu\u2019il a \u00e9t\u00e9 cr\u00e9\u00e9 par une personne qui a un go\u00fbt m\u00e9diocre ou une approche de conception obsol\u00e8te ? Nous avons demand\u00e9 \u00e0 des experts de nommer des t\u00e2ches que les concepteurs Web devraient cesser de faire maintenant.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/web-design-mauvais-ton\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"[Web Design Mauvais Ton] 10+ techniques \u00e0 \u00e9viter"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/fr\/#website","url":"https:\/\/monsterspost.com\/fr\/","name":"TemplateMonster Blog France","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/fr\/#organization","name":"MonsterPost France","url":"https:\/\/monsterspost.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost France"},"image":{"@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterFrance\/","https:\/\/twitter.com\/TM_France"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c","name":"Claire","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Claire"},"description":"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.","url":"https:\/\/monsterspost.com\/fr\/author\/claire\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1541"}],"collection":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/users\/1672325"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/comments?post=1541"}],"version-history":[{"count":5,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1541\/revisions"}],"predecessor-version":[{"id":1547,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1541\/revisions\/1547"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/1542"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=1541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=1541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=1541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}