Liste de contrôle pour l’utilisateur lambda
Il peut être difficile pour les personnes extérieures au développement de comprendre quels sites web sont bien conçus et lesquels n’en ont que l’air.
Nous avons demandé à notre développeur, Oleg, de partager les points clés à prendre en compte lors de l’analyse des sites web des concurrents ou du choix de prestataires.
1. Adaptabilité
Chaque année, de plus en plus d’utilisateurs accèdent aux sites web depuis leurs smartphones.
Un contenu mal affiché, des éléments de navigation trop petits, des barres de défilement horizontales : ces problèmes ne concernent pas uniquement les personnes très intéressées par l’offre d’une entreprise. Tous les autres préféreront sans doute un site web à l’interface plus conviviale.
Il est également important de noter que les moteurs de recherche analysent le comportement des utilisateurs sur un site web. Si la plupart des visiteurs le quittent rapidement, cela entraîne une baisse du positionnement dans les résultats de recherche organiques. Par conséquent, un site web mal conçu perd toute chance d’apparaître en haut des résultats de recherche organiques.
Par conséquent, le propriétaire du site web perdra une partie de son public cible et le coût d’acquisition de clients sera plus élevé.
Pour vérifier la compatibilité de votre site web avec les appareils mobiles, faites un clic droit n’importe où sur le site → « Inspecter le code de l’élément » (ou une option similaire). Repérez les icônes de smartphone et de tablette, cliquez dessus, puis observez l’affichage du site sur différents appareils mobiles.
2. Vitesse de chargement des pages
L’importance de ce critère croît d’année en année. Dès 2019, une étude d’Unbounce révélait que la vitesse de chargement d’un site web influençait la décision d’achat de 70 % des utilisateurs. Ce paramètre devient particulièrement crucial lors de l’accès au site depuis un smartphone. Parmi ceux qui refusent d’attendre plus de trois secondes, 36 % sont des utilisateurs Android et 64 % des utilisateurs iOS.
L’outil le plus populaire pour vérifier la vitesse de chargement d’un site web est Google PageSpeed Insights: https://developers.google.com/speed/pagespeed/insights/
Ce service évalue la vitesse des ordinateurs et des appareils mobiles sur une échelle de 100 et indique les modifications susceptibles de l’améliorer. Ses résultats sont utiles, mais il est déconseillé de viser un score parfait de 100. Pour une page d’accueil ou une boutique en ligne standard, un score supérieur à 80-90 est considéré comme suffisant.
La vitesse de chargement est importante pour évaluer les sites web standards. En revanche, pour les sites plus complexes, axés sur l’image, ce critère perd de son importance.
3. Nombre d’erreurs
Lorsqu’on navigue sur un site web en tant qu’utilisateur lambda, on ne remarque généralement que les erreurs les plus graves, comme un formulaire de contact défectueux ou une section qui ne s’ouvre pas. Et encore, seulement si l’on teste toutes les options disponibles sur la page.
La console de développement, que vous connaissez bien, vous permettra de gagner du temps et d’accéder aux informations invisibles pour l’utilisateur. Passez de la section de code à la console. Vous verrez des marques rouges : une marque indique une erreur.
La console affiche les erreurs dans les scripts. Ces scripts gèrent les éléments dynamiques du site web, la soumission des formulaires, le chargement des produits sans rechargement de la page, etc.
Des erreurs peuvent survenir soit parce qu’un élément du site web ne fonctionne pas correctement, soit si vous avez installé une extension telle que AdBlock.
La simple présence d’erreurs n’est pas toujours critique. Nombre d’entre elles sont totalement imperceptibles et ne causent aucun désagrément. Mais s’il y en a plus de cinquante, il y a lieu de s’inquiéter.
Cette situation se produit souvent lorsqu’un projet passe d’un développeur à l’autre, chaque développeur travaillant indépendamment, ou lorsqu’il est entre les mains d’un programmeur inexpérimenté ou simplement désintéressé.
4. Vérification de la validité de la mise en page
La validité de la mise en page correspond à la conformité du code HTML à des critères établis. Ce contrôle peut être comparé à la vérification d’un texte classique : respect des normes de la langue littéraire ou style plus informel.
Plus le code est valide, plus il est probable que le site s’affiche de la même manière dans tous les navigateurs.
L’évaluation par validation était autrefois très importante, mais avec le développement de la technologie et les exigences croissantes concernant les aspects fonctionnels et esthétiques d’un site web, l’élimination complète des erreurs de validation est devenue impraticable, car elle prend beaucoup de temps mais n’a pratiquement aucun impact sur le résultat.
Il est donc toujours recommandé de vérifier la validité d’un site web, mais comme indiqué précédemment, il est préférable de se concentrer non pas sur l’absence d’erreurs, mais sur leur nombre. Moins de 100 est considéré comme normal.
Vous pouvez vérifier sa validité sur le site web https://validator.w3.org/
5. Chargement différé – chargement lent des images
Une petite fonctionnalité qui permet de reconnaître un développeur à la pointe de la technologie : le chargement différé. Les images ne sont chargées que lorsqu’elles apparaissent dans le champ de vision de l’utilisateur ou à proximité, au lieu d’être chargées toutes en même temps. Ainsi, les utilisateurs accèdent plus rapidement aux informations dont ils ont besoin.
Parallèlement, le chargement de la page doit être le plus fluide possible pour le visiteur. Si chaque image ne se charge qu’après son affichage à l’écran, même s’il y en a beaucoup et qu’elles sont importantes, cela sera plutôt agaçant.
Bien sûr, ces 5 points ne vous donnent qu’une idée générale, mais ils vous aideront tout de même à vous fier à plus que la simple apparence du site. Vous trouverez de l’aide professionnelle ici. Je peux vous aider.
