7 tendances obsolètes en matière de conception de sites web qu’il faut abandonner, et pourquoi

Vous connaissez le vieil adage : La première impression est la bonne. Il en va de même pour la conception d’un site web. En rendant la conception de votre site Web unique, fraîche et pertinente, vous faites une première impression qui incite les clients potentiels à rester suffisamment longtemps pour se convertir.

En fait, une étude a révélé que 94 % des premières impressions des utilisateurs à propos d’un site web étaient liées à sa conception. À son tour, l’opinion qu’un consommateur a d’un site web influence fortement son opinion initiale d’une marque.

Les attentes du public en matière de conception de sites web ont évolué au fil des ans. Pour que votre site web soit attrayant pour un public moderne, il est indispensable de mettre en œuvre les dernières tendances en matière de conception de sites web. Ce guide explique les tendances obsolètes en matière de conception de sites web à éviter – et ce qu’il faut mettre en œuvre à la place.

Votre site web est-il obsolète ?

Votre site web est dépassé s’il n’est pas adapté aux mobiles, s’il ne se charge pas rapidement, s’il n’est pas attrayant visuellement, s’il n’a pas un contenu de haute qualité, s’il n’est pas compatible avec différents navigateurs et s’il n’est pas doté de fonctions de sécurité solides. Sur la base de ces signes avant-coureurs, demandez à plusieurs personnes de tester les parties pertinentes de votre site web et de vous faire part de leurs commentaires sur son efficacité.

Pour commencer, vérifiez les signes d’obsolescence de votre site web en vous posant les questions suivantes :

• Votre page d’accueil présente-t-elle des images attrayantes ? Les gens sont très friands de contenu visuel. En incorporant des éléments visuels qui plaisent à vos visiteurs, vous pouvez créer une expérience attrayante qui les incitera à continuer à naviguer.
• Votre site web est-il adapté aux mobiles ? Avec 6,92 milliards d’utilisateurs de téléphones portables dans le monde, il est essentiel d’utiliser un design réactif pour que votre public mobile puisse naviguer facilement sur votre site web.
• Votre site web se charge-t-il assez vite ? Les sites web qui se chargent en moins d’une seconde convertissent 2,5 fois plus que les sites web qui se chargent en cinq secondes – preuve que l’optimisation de la vitesse de votre site web doit être une priorité.
• Votre site web est-il compatible avec différents appareils et navigateurs ? Les internautes disposent de plusieurs appareils connectés à l’internet et s’attendent à une navigation fluide sur chacun d’entre eux. Améliorez la compatibilité de votre site web pour répondre aux diverses préférences de votre public.
• Votre site web est-il protégé contre les menaces de sécurité ? Les cybermenaces ne sont pas près de disparaître. Donnez la priorité à des fonctions de sécurité robustes pour protéger les données de vos utilisateurs et renforcer la confiance.
• Votre site web produit-il un contenu de haute qualité ? Si vous voulez que vos visiteurs restent, publiez un contenu divertissant, pertinent et utile pour eux.

Des designs de sites web dépassés à éviter

• Adobe Flash.
• Utilisation excessive de photos d’archives.
• Carrousels de lecture automatique.
• Popups agressifs.
• Lecture automatique des vidéos.
• Maintenir le contenu au-dessus du pli.
• Menus de hamburgers sur les sites web de bureau.

Entrons dans le vif du sujet. Voici les tendances obsolètes en matière de conception de sites web que vous devriez abandonner.

1. Adobe Flash

Il fut un temps, à savoir les années 90 et le début des années 2000, où les sites web en Flash faisaient fureur. La visite d’un blog, d’un jeu ou d’un site web de portfolio impliquait inévitablement une animation en boucle sur l’écran, animée par Flash. Même YouTube a pris le train en marche en 2005.

Mais au fil des années, les problèmes se sont accumulés. La cybersécurité de Flash est devenue un champ de bataille en 2007, les pirates exploitant sans relâche les vulnérabilités ; Adobe a constamment rattrapé son retard en matière de mises à jour.

Ensuite, Apple a décidé d’abandonner complètement la prise en charge de Flash pour l’iPhone. YouTube a suivi le mouvement, optant pour le HTML5, plus fiable. Google Chrome a pris le train du HTML5 en 2017. Et fin 2020, Adobe a définitivement mis fin à Flash.

Pourquoi le passage à HTML5 ? Eh bien :

• Il ne nécessite pas de plugin pour être utilisé.
• Il s’agit d’une source ouverte.
• Il nécessite moins de puissance de traitement.
• Il est plus convivial pour les mobiles.

Le dernier clou du cercueil : Les éléments Flash ne sont pas navigables. De nos jours, la plupart des marques accordent une grande importance au référencement afin d’obtenir un meilleur classement sur Google. Si vous êtes en concurrence pour ce trafic organique, il est préférable d’éviter le Flash.

Actuellement, les propriétaires de sites web s’orientent vers les technologies web ouvertes, qui sont plus rapides, plus sûres et plus économes en énergie.

2. Utilisation excessive de photos d’archives

L’utilisation d’images dans la conception de votre site web fait des merveilles pour des indicateurs tels que le temps passé sur la page et le taux de clics, mais seulement si vous faites de bons choix d’images.

Les photos d’archives ostentatoires sont perçues comme fades et sans intérêt, ce qui freine l’enthousiasme de vos visiteurs.

Si vous voulez que votre public cible s’intéresse à vous, utilisez des images personnalisées qui sont pertinentes, adaptées à votre marque et uniques.

Envisagez de faire appel à un concepteur graphique doué pour la narration visuelle. Il insufflera efficacement l’identité de votre marque dans vos images personnalisées. Une alternative abordable consiste à utiliser un service de livraison graphique tel que DesignPickle.

Sinon, vous pouvez essayer de créer des actifs visuels vous-même. Utilisez un outil de création de contenu comme Canva, PicMonkey ou Adobe Creative Cloud.

3. Carrousels à lecture automatique

La mise en place d’un carrousel en lecture automatique semble être un moyen efficace et attrayant de présenter vos offres. Cependant, l’attrait initial s’accompagne de quelques inconvénients.

Les curseurs rotatifs ne sont pas les meilleurs pour l’expérience utilisateur et la navigation. Tout d’abord, comme les diapositives changent constamment, les utilisateurs distraits ou qui font défiler la page ne verront pas certains éléments qu’ils auraient pu apprécier.

Deuxièmement, les spectateurs essaient parfois de regarder longuement une diapositive, mais celle-ci s’éloigne. Les utilisateurs ont l’impression que les curseurs se déplacent trop vite ou trop lentement, et les préférences personnelles varient.

Enfin, si un visiteur décide de consulter l’une des diapositives, il peut être contraint de feuilleter un diaporama dont l’organisation n’est pas claire.

Les propriétaires de sites web doivent également être conscients d’une chose : les carrousels à rotation automatique contribuent à ralentir le chargement des pages : Les carrousels à rotation automatique contribuent à ralentir le temps de chargement des pages.

Pour une présentation plus efficace de vos offres, envisagez les alternatives suivantes :

• Une image de héros statique avec un appel à l’action fort : Optez pour une image unique et percutante associée à des instructions courtes et claires pour le lecteur.
• Seaux de contenu : Organisez votre contenu en sections distinctes pour faciliter la navigation et améliorer la présentation.
• Une présentation en grille : Présentez votre contenu sous forme de grille structurée pour donner à vos visiteurs une vue plus complète de vos offres.

4. Popups agressifs

Les fenêtres contextuelles sont un outil de vente efficace. Mais lorsqu’elles sont utilisées de manière agressive, elles interrompent et compromettent l’expérience de l’utilisateur.

Imaginez que vous vous rendiez dans un magasin physique et que vous ayez affaire à un vendeur insistant qui vous demande d’acheter quelque chose à chaque rayon. Le résultat probable est évident.

Il en va de même pour votre site web. Si vous bombardez les visiteurs de fenêtres pop-up intrusives, ils quitteront votre site plus vite que vous ne pouvez dire « checkout ».

Cela ne veut pas dire que les fenêtres pop-up sont mauvaises. En fait, le taux de conversion moyen des fenêtres pop-up est de 11,09 %, ce qui est vraiment une bonne chose pour un élément de site web. Utilisez donc les fenêtres pop-up, mais veillez à ce qu’elles améliorent l’expérience de l’utilisateur grâce à des stratégies réfléchies.

Essayez ce qui suit :

• Popups au clic : En cas de doute, optez pour une fenêtre contextuelle qui se déclenche lorsque les utilisateurs cliquent sur un bouton favorable. Selon l’étude de Wisepop, les popups qui se déclenchent au clic sont de loin les plus performants.
• Éviter les fenêtres pop-up sur les smartphones : Les utilisateurs signalent que les fenêtres pop-up sont plus gênantes lorsqu’ils naviguent sur un appareil mobile. Cela ne vaut pas la peine de contrarier les utilisateurs mobiles.
• Fenêtres contextuelles de sortie : Vous pouvez créer des fenêtres contextuelles qui se déclenchent lorsque la souris de l’utilisateur se déplace vers le bouton de sortie ou de retour. C’est le moment de lui faire une offre qu’il ne peut pas refuser.
• Faites en sorte que les fenêtres pop-up soient faciles à fermer : En parlant de refus, il est essentiel que vous mettiez en place des fenêtres pop-up que les utilisateurs peuvent facilement quitter ou minimiser. Il vaut mieux que les gens refusent tout simplement plutôt que de se sentir frustrés et de refuser quand même.
• Fenêtres contextuelles déclenchées par le défilement : Vous pouvez définir des fenêtres contextuelles qui s’activent lorsque les utilisateurs font défiler un certain pourcentage de la page. Le défilement indique un certain niveau d’intérêt, ce qui est un bon signe pour proposer du contenu ou des offres pertinentes.

En règle générale, vos fenêtres contextuelles doivent offrir aux visiteurs un chemin vers quelque chose de gratifiant et de précieux.

5. Lecture automatique des vidéos

Faut-il activer la lecture automatique des vidéos ? Cela semble être une bonne idée de supprimer une étape que l’utilisateur devrait franchir. Mais en réalité, c’est l’agence de l’utilisateur qui est supprimée. Un visiteur de site web peut ne pas avoir le temps ou l’envie de regarder la vidéo immédiatement.

Les vidéos en lecture automatique peuvent également être envahissantes, en particulier lorsque les utilisateurs naviguent dans un environnement calme, qu’ils essaient de se concentrer sur un contenu écrit ou qu’ils écoutent quelque chose d’autre.

Plus fondamentalement, les consommateurs sont désormais habitués à contrôler de manière indépendante ce qu’ils regardent et quand ils le regardent. Laissez donc les visiteurs de votre site web décider quand ils sont suffisamment intéressés et disponibles pour regarder votre vidéo.

Si vous utilisez des vidéos à lecture automatique, donnez-leur un signal visuel clair et attrayant qui indique que la lecture du contenu va bientôt commencer.

6. Maintenir le contenu au-dessus du pli

Dans le contexte de la conception d’un site web, l’expression « au-dessus du pli » désigne toutes les parties de votre site web qui s’affichent sans défilement vers le bas. À l’époque où les sites web mettaient une éternité à se charger, il était judicieux de garder tout ce qui était important dans cette zone ; certains utilisateurs n’attendaient pas que les parties situées en dessous s’affichent.

Maintenant que la page web moyenne se charge en 2,5 secondes sur les ordinateurs de bureau, les utilisateurs sont plus enclins à explorer plus avant une page d’accueil ou une page de renvoi.

Au lieu d’entasser des éléments de conception de site web en haut de page et de submerger votre public, utilisez l’expérience du défilement vertical à votre avantage en racontant progressivement une histoire de marque convaincante.

Plus précisément, utilisez le haut de la page pour communiquer votre proposition de valeur et inciter les utilisateurs à aller plus loin en faisant défiler la page vers le bas. Plus vous maintenez l’attention des internautes, plus ils sont susceptibles de se convertir sous le pli.

7. Menus hamburger sur les sites web de bureau

Les menus de hamburgers sont généralement indiqués par un symbole à trois barres dans le coin d’un site web ou d’une application mobile.

Lorsqu’ils sont utilisés sur des appareils mobiles, ils constituent un excellent moyen d « économiser de l’espace sur l » écran. Sur les petits écrans à l’espace limité, les menus hamburger permettent de diviser le contenu du site web en catégories digestes.

En 2012, des icônes de hamburger ont commencé à apparaître sur de nombreux sites web. Quel était le consensus général ? TechCrunch a rendu compte du phénomène en qualifiant les icônes de hamburger de « diable ».

Étant donné que les menus hamburger réduisent de moitié la facilité de découverte, il est difficile de ne pas être d’accord. Pour rendre la navigation plus fluide pour les utilisateurs d’ordinateurs de bureau, créez et personnalisez des menus de navigation en haut de vos pages web.

Dernières réflexions : Les tendances obsolètes de la conception de sites web à éviter en 2024

Si vous voulez que votre marque reste compétitive sur un marché surpeuplé, adaptez la conception de votre site web aux nouvelles normes.

L’abandon des tendances obsolètes en matière de conception de sites web est un bon début. Mettez en œuvre les meilleures pratiques en matière de conception de sites web pour faire bonne mesure et vous obtiendrez un site web attrayant qui génère des conversions et différencie votre marque de la concurrence.

Pour un résultat optimal, choisissez les services de conception de sites web personnalisés de Bluehost. Vous apprécierez que notre équipe de développeurs professionnels de sites Web WordPress et d’experts en marketing numérique construise votre site Web, ce qui vous permettra de vous concentrer sur l’amélioration de votre marque.

FAQ sur la conception de sites web obsolètes