[Web Design Mauvais Ton] 10+ techniques à éviter

À quelle fréquence visitez-vous des sites Web et estimez-vous immédiatement qu’il a été créé par une personne qui a un goût médiocre ou une approche de conception obsolète ?

Nous avons demandé à des experts de nommer des tâches que les concepteurs Web devraient cesser de faire maintenant. Nous avons ici plus de 20 idées intéressantes, y compris les commentaires de Laith Wallace, Jesse Showalter et Vitaly Friedman.

Allez vérifier si vous concevez correctement.

---

Voici 10 (mais pas toutes) techniques de conception Web médiocres les plus fréquemment utilisées :

№1. Utilisation de curseurs / carrousels.

№2. Utilisation excessive de modèles.

№3. Fenêtres contextuelles qui doivent être fermées pour afficher le site.

№4. Aucune hiérarchie de contenu.

№5. Lecture automatique de contenu audio ou vidéo sur la page principale.

№6. Copier les tendances qui donnent la priorité à l'interface utilisateur plutôt qu'à l'interface utilisateur.

№7. Utilisation de photos de stock.

№8. Polices géantes.

№9. Surutilisation de parallaxe.

№10. Long défilement de pages.

---

Découvrez tous les arguments et réflexions qui ont été partagés par nos experts. Ces conseils vous seront utiles si vous êtes un concepteur, un chef d'entreprise, un spécialiste du référencement ou une personne qui surveille les tendances et anti-tendances.

N'hésitez pas à partager votre opinion dans la section commentaires ci-dessous, peu importe si vous êtes d'accord ou non avec certaines déclarations. Vous pouvez également partager des exemples de sites Web conçus par des personnes de bon ou de mauvais goût.

C'est parti !

3 choses que les concepteurs Web devraient cesser de faire.

• Arrêtez d'utiliser des images quand il devrait y avoir du texte.
• Arrêtez de concevoir des points de rupture spécifiques et commencez à faire en sorte que les conceptions fonctionnent dès que possible sur toutes les tailles de périphériques.
• Arrêtez de rendre la navigation plus complexe qu’elle doit être.

Jesse Showalter, Full Stack Designer, YouTuber

---

Trois choses que les concepteurs Web devraient arrêter de faire :

Arrêtez de concevoir un site Web et commencez à concevoir des entonnoirs

Le terme entonnoir est plus utilisé par les spécialistes du marketing que par les concepteurs Web, mais la meilleure façon de penser à cela est de regarder le parcours du client. Concevoir des entonnoirs consiste à amener les utilisateurs sur un chemin spécifique plutôt que de les laisser parcourir les pages que vous avez conçues dans l'espoir de les consulter. Il est préférable de concevoir des pages spécifiques qui se lient les unes aux autres, menant à une action telle que la réservation d’une consultation ou l’achat d’un produit.

Arrêtez le codage et apprenez la stratégie

La valeur du codage commencera à devenir plus banalisée, il est donc essentiel que le concepteur apprenne la stratégie pour vraiment savoir comment définir les problèmes de l’entreprise.

Lancez la conception Web pour l'utilisateur 

Les concepteurs de sites Web doivent apprendre le design UX car il devient de plus en plus essentiel dans un monde centré sur le client. Nous sommes maintenant dans un endroit où les clients ont des attentes beaucoup plus élevées quant à 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éressants d’intégrer le contact avec la marque. Vous avez 7 fois plus de chances de remporter un contrat si vous répondez aux prospects en moins d’une heure que de répondre au moins deux heures plus tard (HBR, 2011). Les consommateurs sont 53% plus susceptibles de magasiner avec une entreprise dont ils peuvent envoyer un message (Facebook Nielsen report, 2016).

Laith Wallace, le concepteur UX / UI, YouTube Channel

---

Les concepteurs de sites Web devraient cesser de le faire maintenant :

• Répliquer des éléments 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évelopper votre propre style et de savoir comment le mettre en valeur sans aller trop loin.
• Utiliser des modèles prévisibles et bien connus. Expérimentez plus et essayez des choses différentes et folles !
• Faire confiance aux tests A / B pour « peaufiner » le design et en proposer une « variante parfaite ». Toujours inclure les tests A / Z, en étudiant deux configurations et conceptions très différentes.

Vitaly Friedman, Co-fondateur à Smashing Magazine

---

• Scroll hijacking.
• Une architecture / des mises en page trop créatives et trop longues à comprendre.
• Des intros follement animés.

Ryan Paonessa, Graphic Designer, artiste visuel, co-fondateur de R&Co Design

---

• S'appuyer sur des modèles.
• Utilisation de grands frameworks frontaux gonflés.
• Copier les tendances qui donnent la priorité à l'interface utilisateur plutôt qu'à l'interface utilisateur.

Ryan Gittings, Designer numérique & Développeur, fondateur de Made By Kingfisher

---

Mauvaises manières de web design et de développement - arrêtez dès maintenant! ?

Ne pas commenter le code

Pour être juste, tout développeur qui utilise les normes Web et qui suit les directives des meilleures pratiques en matière de langage de son choix (HTML, PHP ou python), le code doit être facile à comprendre. J’ai ramassé de nombreux thèmes WordPress étranges 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 à utiliser. Examinez comment votre code est commenté!

Utilisation de techniques non productives

L'automatisation / la compilation est une méthode de production qui permet de gagner du temps. Une fois que vous avez dépassé la courbe d’apprentissage, c’est une belle chose - sauvegarder le fichier et le tour est joué, le site Web est automatiquement compilé et mis à jour. Idéal pour les tests en cours et pour la livraison rapide du code. Faites-le !

Utilisation de technologies Web fermées aléatoires obsolètes

Utilisez les outils Open Source auxquels les développeurs comme vous et moi contribuons également. Dans les années 90, les développeurs utilisaient pour verrouiller les clients sur des sites Web que seul dev pouvait utiliser, et avec une licence coûteuse. Assurez la pérennité de votre site Web en utilisant une technologie qui ira au loin, comme WordPress ou un format Web open source.

Jim Callender, Concepteur WordPress indépendant, Royaume-Uni

---

J'ai touché près de 500 sites Web au cours des 2 dernières décennies. Voici ce que je souhaiterais que les designers arrêtent de faire.

Concevoir un PSD pour la présentation

Les clients ne peuvent pas prendre leur décision en se basant sur une seule image statique. Nous disposons maintenant d'une tonne de technologies qui peuvent aider un concepteur à créer une expérience interactive complète du design d'un site Web.

Ne pas faire de recherche

Un site web est un outil de marketing. En l'absence d'un spécialiste du marketing pour définir 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énère.

Ne pas écouter

La majorité des sites Web ne sont pas créés en tant qu'œuvres d'art. Vous êtes embauché pour répondre aux besoins de votre client et non pour insuffler vos désirs artistiques personnels.

Nicole Pereira, Marketing Automation Consultant chez Chief Martech Officer

---

Carrousels de la page d'accueil. Je vous en prie ... arrêtez s'il vous plaît. Ils sont partout. Ils sont omniprésents. Et les données sont arrivées il y a longtemps ... ILS NE TRAVAILLENT PAS. Dans presque toutes les études contrôlées, la première diapositive a enregistré 99% des clics. La seconde a 1%. Tout à partir de là, 0%. Pourquoi personne ne reçoit le message ?

Polices géantes. S'il vous plaît... non

Lorsque la tendance du premier design mobile a commencé à apparaître, les concepteurs ont saisi l'occasion pour définir des styles de caractères optimisés pour les mobiles, qui sont GIGANTESQUES sur le desktop. Pour une fois, c'était cool. Mais être capable de voir 3 lignes de texte sur un moniteur 1920x1200 n'est certainement pas cool. On les appelle les requêtes multimédia : commencez à les utiliser.

Lecture automatique de la vidéo et de l'audio ... tirez-moi maintenant

S'il vous plaît, 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édias enrichis à ajouter à votre site, c'est génial. Faites-moi savoir que ça existe ... mais si vous me le jouez contre mon gré, je m'en vais. Tout de suite.

Stephan Roussan, Fondateur et président de ICVM Group

---

Un élément que les concepteurs devraient cesser d’intégrer aux sites Web est le curseur ou le carrousel. La plupart des études (étude 1, étude 2, Poste CXL) montrent que les curseurs sont, au mieux, ignorés par les utilisateurs en raison de la "cécité des bannières". Cependant, ils peuvent même avoir un impact négatif sur les taux de conversion car ils peuvent ralentir la vitesse de chargement d’un site Web ou effectuer une transition médiocre sur mobile. Dans la majorité des cas d'utilisation, les curseurs sont simplement néfastes pour l'expérience utilisateur et inutiles.

Un autre élément à ne plus utiliser est l'interstitiel plein écran ou les popups avant qu'un visiteur n'ait eu la chance d'accéder à votre contenu principal. Auparavant, il était très courant d’essayer de capturer les courriels des utilisateurs dès que ceux-ci arrivaient sur un site Web. Il s’agit d’une pratique dépassée qui nuit à l’expérience utilisateur. Bien qu’il n’y ait aucun problème avec les fenêtres contextuelles, il est important de les utiliser avec parcimonie, au bon moment et avec la bonne offre.

Un dernier élément à cesser d’utiliser est la banque d’images qui est coupable pour de nombreuses entreprises B2B. La majorité des photos d'archives sont faciles à repérer et se révèlent être sincères et dépourvues de personnalité à un moment où les consommateurs recherchent l'authenticité et s'intéressent à l'équipe qui se cache derrière l'entreprise (ce qui est logique car il existe plus de choix que jamais pour les solutions d'entreprise ).

Josh Brown, Marketing chez Sales & Orders

---

Je pense que les concepteurs Web devraient atténuer 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ù chaque section avait littéralement un fond de parallaxe. Bien que je pense que la parallaxe peut sembler bonne lorsqu'elle est utilisée sporadiquement, son utilisation excessive donne un mauvais aspect à l'ensemble du site Web, car elle éloigne le contenu lui-même et attire l'attention du visiteur sur l'arrière-plan, ce qui nuit aux taux de conversion.

Amine Rahal, Fondateur et PDG de Little Dragon Media

---

CSS floats

Il y a tellement de meilleures façons de créer un effet de flottement, et non de manière détournée. Par exemple, positionnement relatif avec des marges négatives. Peut également être sensible aux requêtes des médias.

Carrousels pour les zones du haut et animations sur les pages d'accueil

Ils augmentent les temps de chargement, et les utilisateurs les parcourent généralement avant la fin.

Blair McKee, Concepteur Web et développeur pour Constellix

---

Mon principal conseil que les concepteurs Web devraient cesser de créer consiste à créer des éléments de contenu masqués que les visiteurs doivent révéler. Tels que des onglets, des accordéons, etc. Je méprise le contenu caché qui oblige un utilisateur à prendre des mesures simplement pour voir le contenu. Certaines études ont aidé à réduire le taux de rebond au début de ces techniques, mais à présent que la durée d'attention diminue et que le temps passé sur le site diminue, les visiteurs n'accèdent même plus à ce contenu. Par conséquent, il se peut que vous perdiez ce visiteur et que vous ne compreniez pas en quoi consiste votre entreprise ou votre service.

Jason Brietstein, Fondateur et Brand Elevator à Brandamos

---

Voici 3 choses qui devraient être évitées.

Sliders

Même s'il est prouvé que les utilisateurs n'interagissent pas avec eux, je les vois toujours utilisés de partout.

D'énormes images non optimisées à charger pour toujours

Les visiteurs n'aiment pas attendre et il n'y a aucune raison de charger immédiatement une image de 4 Mo.

Manque de contraste qui rend la lecture du texte difficile

Certains concepteurs semblent aimer les textes clairs sur un fond clair ou les textes foncés sur un fond sombre, mais tout élément rendant la page plus difficile à lire doit être évité.

Chris Powell, Propriétaire de Actify Media

---

Utilisation de curseurs sur la page d'accueil contenant plus de 4 à 5 diapositives

Les curseurs sont destinés à répéter rapidement. Si vous les surchargez d'images, il y a trop d'informations à la fois et votre public risque de manquer quelque chose d'important. Donnez la priorité à vos images de curseur pour obtenir les informations les plus pertinentes utiles au public.

Utilisation excessive de modèles

Personne n'aime un format emporte-pièce pour longtemps. Vous devez garder le thème de votre site Web continu sur l'ensemble du site, mais mélangez-le un peu. Assurez-vous que des pages séparées se sentent uniques tout en restant pertinentes par rapport à vos autres choix de conception.

Trop de styles de police utilisés (Comic Sans !)

Souvent, les gens ne réalisent pas que les polices font partie de votre image de marque. Assurez-vous de toujours utiliser les mêmes polices pour les titres, les sous-en-têtes et le contenu. Il n'y a pas besoin de 10 polices différentes. Deux, voire trois dans certains cas, est largement suffisant. Et bien sûr, évitez toujours Comic Sans.

Ne pas avoir de texte contrasté sur les images (couleur, texture contrastée)

Il est essentiel que votre texte soit lisible sur l'image d'arrière-plan. Si vous devez plisser les yeux pour voir les lettres, essayez à nouveau. Si l'image d'arrière-plan comporte beaucoup de couleurs rendant la tâche difficile, envisagez d'ajouter une zone de texte en diminuant l'opacité de l'image où le texte apparaît ou en ajoutant des superpositions pour les images.

Les images ne sont pas pertinentes pour le sujet du site Web

Je sais qu'il est difficile d'utiliser des images pour certains sujets, mais il est essentiel que les images soient liées à la page d'une manière ou d'une autre. Les visuels sont excellents, mais ils sont censés être complémentaires au contenu de la page Web.

Le site Web n'a pas de hiérarchie de contenu et il ressemble à du fouillis

La hiérarchie du contenu est essentielle pour UX. Il est essentiel d’avoir des en-têtes et des sous-en-têtes pour organiser les idées de la page Web afin de faciliter la recherche des informations dont l’utilisateur a besoin, ce qui permet d’éviter que les choses ne soient encombrées. Pensez à l'utilisateur et mettez les informations qui lui seraient plus utiles en haut de la page, puis continuez.

Iuliia Shchilnyk, concepteur web et graphique chez seoplus+

---

Les règles classiques de la conception Web s'appliquent toujours. N'utilisez pas de fenêtres publicitaires intempestives qui obligent les internautes à fermer la fenêtre contextuelle pour afficher votre site. Si vous voulez que les gens s'abonnent à votre liste de courrier électronique (à titre d'exemple), ne soyez pas pressé à ce sujet. Il est correct de fournir un formulaire d’inscription facile à trouver pour votre bulletin d’information, mais ne le mettez pas dans les yeux des gens.

Ne jouez pas automatiquement le contenu audio ou vidéo. Les gens ne veulent pas que des médias inattendus leur soient imposés. Encore une fois, le thème est «Ne forcez pas les utilisateurs à faire quoi que ce soit». Si vous essayez, beaucoup laisseront simplement votre site Web avec un mauvais goût dans la bouche.

Si vous avez une page contenant beaucoup de texte, il est généralement préférable d’avoir un texte sombre sur un arrière-plan de couleur claire. C'est simplement plus facile à lire. La seule exception à la règle concerne les sujets de votre site Web qui exigent un arrière-plan sombre. Par exemple, un site Web de boîte de nuit.

Stefan Mischook, Killervideostore.com

---

Les concepteurs de sites Web devraient cesser de créer des sites Web constitués de quelques pages très longues. Des pages qui ne finissent pas en longueur, où vous pouvez continuer à faire défiler vers le bas pour apparemment perdre jamais de visiteurs et ne conduisent pas les utilisateurs de la même manière qu'un site dynamique avec plusieurs onglets et pages.

En outre, la page de défilement sans fin ne tire pas parti du potentiel de référencement; s'il ne s'agit que d'une seule longue page, vous ne pouvez pas définir différentes sections de mots-clés / 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.

Le site Web d’une page, ou même de deux ou trois pages, devrait être supprimé.

David Barbour, сo-fondateur de Vivio Life Sciences

---

Ne pas afficher le clavier mobile approprié pour les champs de formulaire du site Web

Avoir le même clavier pour afficher les adresses e-mail, téléphone, nom, adresse peut être très gênant pour les utilisateurs et leur donner une mauvaise expérience utilisateur. Lorsque vous demandez un courrier électronique, assurez-vous que le clavier apparaît avec le symbole @. Lorsque vous demandez le numéro de téléphone, vous devez afficher le pavé numérique et formater idéalement le numéro de téléphone automatiquement.

Chargement lent du site Web en raison de grandes images et de vidéos

Les sites Web importants ont toujours des sites Web à chargement lent, surtout si vous êtes sur votre téléphone et que vous n'êtes pas connecté au wifi. Cela est généralement dû à des images volumineuses qui prennent du temps à charger ou à des lecteurs vidéo personnalisés qui essaient encore de démarrer. Google utilise désormais un index Mobile-First pour indiquer que la version de votre site Web doit être au meilleur de sa forme.

Steve Page, Vice-président de la stratégie numérique chez Giant Partners

---

GoodFirms a mené une enquête parmi les Principales entreprises de développement Web et publié Rapport de recherche Web Design. La recherche a porté sur les statistiques et les tendances en matière de conception Web, parmi lesquelles certaines des plus grandes erreurs de conception Web ont été explorées, répertoriées et des solutions apportées. Les 3 erreurs les plus courantes sont les suivantes.

Web Design bondé

La conception Web encombrée agit comme un fléau pour vos visiteurs et les éloigne de celui-ci. Une trop grande utilisation de contenu tel que du texte, des images, des publicités déroutent les utilisateurs et, sans attendre, ils se rendent sur le site Web suivant pour résoudre leur problème.

Incitation à l'action nulle ou inappropriée

Un CTA efficace est la clé du succès numérique d’une entreprise. Il consiste à inviter les utilisateurs à accomplir quelque chose qui entraînerait des progrès tant pour le visiteur que pour l’entreprise. Souvent, les concepteurs Web placent le CTA dans des endroits inappropriés ou sans offrir à neet et suffisamment d’informations sur ce qu’ils obtiendraient en cliquant sur le bouton.

Navigation cachée ou incorrecte

Les problèmes de navigabilité élimineront rapidement la prévalence d'un site. Une disposition de navigation cachée entraîne l'inaccessibilité de votre contenu Web, tandis qu'une navigation confuse et gênante irrite l'utilisateur en l'induisant en erreur.

Kim Smith, Responsable marketing de contenu chez GoodFirms

---

Arrêtez d'utiliser des curseurs

Les curseurs sont inefficaces et ont un impact négatif sur les taux de conversion du référencement naturel et du site Web (pourcentage de visiteurs d'un site Web par rapport à ceux qui remplissent un formulaire ou vous appellent). Les experts en marketing le savent depuis des années et pourtant Internet est inondé de méchants siders. Les concepteurs et les clients les perçoivent 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énératrices de leads et doivent être fonctionnels. Le retour sur investissement est toujours gagnant et pour 95% des clients, c'est ce qu'ils recherchent avec leur site web.

Où sont vos CTA ?

Il est difficile de croire que les sites Web quotidiens sont conçus sans CTA clairement définis. 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éalisent pas, c’est que vos utilisateurs ne vous laisseront qu’environ 3 secondes pour trouver leur premier indicateur visuel, de sorte qu’ils pensent pouvoir être au bon endroit. Dès qu'une page d'un site Web est chargée, le qui, quoi, pourquoi, comment et parfois nécessite une réponse claire.

Structurez le contenu

Les référenceurs et les concepteurs doivent mieux travailler ensemble. Ils butent souvent la tête au lieu d’apprécier la valeur incroyable de l’autre personne. Mon conseil aux concepteurs est de comprendre la valeur d'un contenu bien structuré. Mon conseil aux SEO est, avoir une stratégie de contenu appropriée. Ensemble, vous devez travailler ensemble pour vous assurer que vos structures filaires sont optimisées avant tout pour les utilisateurs! PAS les moteurs de recherche, cela viendra naturellement.

Ryan Meghdies, fondateur de Tastic Marketing

---

Je pense que les concepteurs Web devraient cesser de le faire maintenant.

Gonflement de code et contenu non optimisé

Les concepteurs doivent prêter attention à la vitesse de la page. Utilisez PageSpeed Insights et Google's Mobile Speed pour tester des sites Web pendant et après le développement.

Les sites Web à chargement lent mènent directement à la perte de visiteurs

70% des connexions de réseaux cellulaires au monde se produiront à des vitesses 3G ou plus lentes jusqu'en 2020. Tous ces scripts, feuilles de style, images non optimisées? Les téléspectateurs ferment votre site avant même qu'il ne soit chargé.

Vous ne pouvez pas créer un site Web qui fonctionne sur un téléphone portable. Vous devez créer un site Web qui excelle sur un téléphone mobile, y compris un chargement ultra-rapide. Sinon, personne ne restera pour le voir. Comme avantage supplémentaire, les sites de chargement plus rapides se positionnent mieux sur Google !

Alex Wright, Spécialiste Web Design et SEO

---

Clients sous-facturés

Il y a trop de concepteurs de sites Web qui sous-facturent leurs clients et autorisent un glissement de la portée, laissant les pigistes de leur poche et réduisant ainsi le reste du secteur. La plupart des clients comprennent en réalité la qualité nécessaire pour payer un peu plus pour les pigistes.

Passez du temps loin de votre écran

En tant que designer, cela vous donne la possibilité de ré-influencer votre esprit et de penser à de nouvelles idées.

Arrêtez d'ignorer le référencement

Le référencement est la clé du succès du site Web de votre immeuble et doit être traité de manière standard, même si c’est l’essentiel.

James Dowen, Concepteur Web, concepteur d'interface utilisateur, développeur Web

---