5 Exemples de mauvaise conception de site web et comment le faire mieux
La conception d’un site web influe directement sur l’expérience de l’utilisateur., Un site mal conçu est moins susceptible d’amener les visiteurs à effectuer une action, comme acheter un produit ou rejoindre une liste de diffusion.
en fait, si la page se charge lentement ou est difficile à naviguer, 95% des visiteurs partiront en quelques secondes.
Si vous n’obtenez pas les résultats souhaités à partir d’une page Web, tels que l’augmentation des conversions et la diminution des taux de rebond, évaluez la conception.
Voici quelques erreurs que nous avons pris sur d’autres sites web. Essayez d’éviter de répéter l’un de ces cinq exemples de mauvaise conception de site web.
à quoi ressemble une mauvaise conception de site web?,
le propriétaire d’entreprise moyen peut ne pas comprendre les différences entre la bonne et la mauvaise conception web, c’est pourquoi beaucoup de sites Web se retrouvent avec des conceptions terribles et inefficaces.
bien que les tendances en matière de design changent constamment, certains composants de base d’un site Web restent universels, notamment:
- navigation facile à suivre
- mise en page propre
- compatibilité
- conception adaptée à l’industrie
les utilisateurs ne devraient pas avoir besoin de deviner comment trouver une page Tout doit être clairement organisé, avec des menus simples et des fonctionnalités de navigation.,
Une mise en page propre est également recommandé. Si la page est encombrée d’informations, de graphiques et de vidéos, elle prend plus de temps à charger et devient plus difficile à lire.
la compatibilité est moins préoccupante, car la plupart des sites utilisent désormais des conceptions réactives conformes à la taille de l’écran de l’utilisateur. Cependant, des tests approfondis sont souvent nécessaires pour s’assurer que les éléments se chargent correctement sur différents appareils.
l’aspect visuel du site web est un détail subjectif, car chacun a ses propres goûts. Peu importe, vous avez besoin d’une conception appropriée de l’industrie., Par exemple, alors que les graphiques flashy peut ne pas fonctionner sur un site pour une maison funéraire, ils peuvent travailler sur un site pour une partie magasin de location.
gardez cela à l’esprit lorsque nous examinons les pires erreurs de conception de site web.
sites Web sans Message clair
l’une des pires erreurs de conception que vous pouvez faire est de ne pas fournir un message clair lié à l’objectif de votre site web. Les utilisateurs doivent connaître instantanément le nom de l’entreprise et ce qu’ils vendent.
par exemple, lorsque vous visitez la boîte aux lettres 3D pour la première fois, il faut quelques secondes pour comprendre ce que vous regardez., Il semble être une page web pour un certain type de logiciel de messagerie. Il est difficile de déterminer si le logiciel est un jeu, Un économiseur d’écran ou un client de messagerie.
le site CyberDsignClan est un autre exemple de site Web sans message clair. Vous voyez simplement un grand graphique qui se lit, » sauter intro. »Après avoir cliqué sur la page, la vraie page d’accueil se charge, ce qui est tout aussi déroutant que la boîte aux lettres 3D.
les Deux sites de l’absence d’un message clair. Pour en savoir plus sur le produit, les visiteurs doivent faire défiler la page ou cliquer sur d’autres liens.,
Tout ce qui apparaît sur la page avant que les utilisateurs aient besoin de faire défiler plus loin est considéré au-dessus du pli. Nous appelons cela la » section héros. »C’est le domaine où le nom de l’entreprise et une indication sur ce qu’ils vendent devraient être inclus. Haut de la page devrait également offrir un certain type de navigation.
Les visiteurs du site web forment des opinions sur l’entreprise en une fraction de seconde. Si les utilisateurs doivent faire défiler la page pour savoir ce que fait l’entreprise, ils quitteront probablement la page.,
trop d’éléments encombrant la Page
outre un message clair, le site doit avoir une mise en page claire. Si la page est encombrée, il devient difficile de naviguer, provoquant le départ des visiteurs.
Arngren.net est un bon exemple de mauvaise conception. Ce site classé contient des listes jetées ensemble sans structure. Les listes ne sont pas divisées en catégories et elles s’emboîtent comme un puzzle.
Pour un autre exemple, la visite de Dépôts de Voitures., Le site web est pour les voitures d’occasion, mais a tellement d’éléments différents, vous pouvez négliger le but du site. Le concepteur a inclus au moins une demi-douzaine d’éléments animés au-dessus du pli, ce qui rend incroyablement difficile la navigation sur la page.
Il est possible d’afficher beaucoup de contenu, sans encombrer la page. Pour un bon exemple de conception web qui comporte plusieurs produits, regardez Amazon ou AliExpress. Alors que les deux sites contiennent un rouleau sans fin de produits, ils sont organisés en grilles au lieu d’être jetés ensemble comme une mosaïque.,
en plus d’encombrer la page avec un méli-mélo de liens, certains sites sont encombrés de pop-ups, d’annonces flottantes, de vidéos à chargement automatique et d’autres éléments qui distraient les visiteurs.
Pages sans optimisation Mobile
la plupart du trafic internet aux États-Unis provient maintenant d’appareils mobiles, mais de nombreux sites Web sont toujours conçus pour les ordinateurs de bureau. Si le site web n’est pas optimisé pour les appareils mobiles, la plupart des visiteurs n’auront pas une bonne expérience utilisateur.,
de nombreux sites incluent désormais le responsive design, qui permet à la page web d’ajuster les éléments en fonction de la largeur de l’écran de l’appareil de l’utilisateur. Le site peut également masquer des éléments, modifier des polices ou supprimer des arrière-plans lorsqu’un écran plus petit est détecté.
Ces détails permettent au site de fonctionner sur n’importe quel appareil. Bien que les conceptions réactives soient courantes, il existe encore de nombreux sites illisibles sur les appareils mobiles.
presque tous les exemples déjà discutés n’ont pas de conception réactive. L’Université Deque a un exemple de conception web non réactive.,
Si vous lisez ceci dans votre navigateur web, essayez de visiter le site et d’ajuster la largeur du navigateur. Comme la fenêtre du navigateur devient plus petite, la page ne change pas sa mise en page. Le texte devient impossible à lire sans faire défiler vers la droite.
Si vous voulez voir un exemple de conception Web réactive, visitez presque tous les sites Web appartenant à une grande entreprise, comme Nike ou Microsoft.
manque de Navigation et de liens simples
lorsque les utilisateurs accèdent à un site, ils ne devraient avoir aucun problème à parcourir le menu et à trouver les informations dont ils ont besoin., Sur le site officiel de L’Université de technologie avancée, le haut de la page est recouvert d’un grand écran animé contenant des graphiques flottants.
les graphiques flottants sont des liens cliquables difficiles à cliquer et ralentissent la vitesse de chargement de la page. Bien que ce soit extrêmement innovant, il existe d’autres façons créatives de concevoir un site Web sans le rendre difficile à naviguer. Au lieu d’utiliser ces éléments flottants comme liens, L’Université de technologie avancée aurait dû se concentrer sur la création d’un menu facile à ouvrir et à parcourir.,
enfin, il existe de nombreux sites qui incluent le défilement parallaxe et des éléments vidéo intégrés qui ne surchargent pas la page et limitent sa navigabilité.
texte illisible ou boutons Non cliquables
en raison des exigences du navigateur web, le menu du site précédent est presque non cliquable. C’est aussi un problème lorsque les sites ne sont pas optimisés pour les appareils mobiles. Lorsque les éléments ne s’adaptent pas à l’écran plus petit, ils peuvent se chevaucher ou devenir trop petits pour être lus.,
éviter ce problème est facile si vous effectuez des tests détaillés avant de lancer votre site web. Utilisez des émulateurs ou des logiciels pour émuler la façon dont votre site apparaît sur divers appareils mobiles, y compris les derniers smartphones et tablettes.
Comment Éviter la Mauvaise Conception de Votre Site web
Les exemples présentés sont relativement faciles à éviter, maintenant que vous savez quoi chercher. Toutefois, la mise en œuvre des changements nécessaires peut nécessiter une expertise technique., Chez WANDR, vous obtenez l’aide de concepteurs UX expérimentés qui comprennent ce qu’il faut pour créer une meilleure expérience utilisateur.
Si vous voulez vous assurer que votre site ne contient aucun des mauvais exemples de conception discutés, envisagez de travailler avec des professionnels.