le industrie de la conception de sites Web change constamment, en partie parce que les navigateurs Web et les appareils changent constamment. Étant donné que le travail que nous effectuons en tant que concepteurs et développeurs Web est visualisé via un navigateur Web quelconque, notre travail aura toujours une relation symbiotique avec ce logiciel.
Modifications apportées aux navigateurs Web
L'un des défis auxquels les concepteurs et les développeurs de sites Web ont toujours dû faire face n'est pas seulement les modifications apportées aux navigateurs Web, mais aussi la gamme des différents navigateurs Web qui seront utilisés pour accéder à leurs sites Internet. Ce serait formidable si tous les visiteurs d'un site étaient sûrs d'utiliser les logiciels les plus récents et les plus performants, mais cela n'a jamais été le cas (et cela ne le sera probablement jamais).
Certains des visiteurs de vos sites consulteront les pages Web avec des navigateurs très anciens et manquant des fonctionnalités des navigateurs plus modernes. Par exemple,
anciennes versions du navigateur Internet Explorer de Microsoft ont longtemps été une épine dans le pied de nombreux professionnels du web. Même si la société a abandonné la prise en charge de certains de ses navigateurs les plus anciens, il existe encore des personnes qui les utiliseront, des personnes avec lesquelles vous voudrez peut-être faire affaire et communiquer.Définition de « dégradation gracieuse »
La réalité est que les personnes qui utilisent ces navigateurs Web obsolètes ne savent même pas qu'elles ont un logiciel obsolète ou que leur expérience de navigation sur le Web peut être compromise en raison de leur logiciel choix. Pour eux, ce navigateur obsolète est simplement ce qu'ils utilisent depuis longtemps pour accéder aux sites Web. Du point de vue des développeurs Web, nous voulons nous assurer que nous pouvons toujours offrir une expérience utilisable à ces clients, tout en créant des sites Web qui fonctionnent à merveille dans les navigateurs les plus modernes et riches en fonctionnalités et appareils disponibles aujourd'hui.
La « dégradation gracieuse » est une stratégie de gestion de la conception de pages Web pour une variété de navigateurs différents, anciens et nouveaux.
Commencer avec les navigateurs modernes
Une conception de site Web conçue pour se dégrader gracieusement est d'abord conçue en pensant aux navigateurs modernes. Ce site est créé pour tirer parti des fonctionnalités de ces navigateurs Web modernes, dont beaucoup se « mettent à jour automatiquement » pour garantir que les gens utilisent toujours une version récente. Cependant, les sites Web qui se dégradent gracieusement fonctionnent également efficacement pour les navigateurs plus anciens. Lorsque ces navigateurs plus anciens et moins riches en fonctionnalités affichent le site, il devrait se dégrader d'une manière qui est toujours fonctionnelle mais peut-être avec moins de fonctionnalités ou des visuels d'affichage différents. Bien que ce concept de fournir un site moins fonctionnel ou moins beau puisse vous sembler étrange, la vérité est que les gens ne sauront même pas qu'ils manquent. Ils ne compareront pas le site qu'ils voient avec la "meilleure version", tant que le site fonctionne pour ce dont ils ont besoin et ne semble pas être cassé, que ce soit fonctionnellement ou visuellement, vous serez en bonne façonner.
Amélioration progressive
Le concept de dégradation gracieuse est similaire à bien des égards à un autre concept de conception Web dont vous avez peut-être entendu parler: l'amélioration progressive. La principale différence entre la stratégie de dégradation gracieuse et l'amélioration progressive est l'endroit où vous commencez votre conception. Si vous commencez avec le plus petit dénominateur commun, puis ajoutez des fonctionnalités pour des navigateurs plus modernes à vos pages Web, vous utilisez une amélioration progressive. Si vous commencez avec les fonctionnalités de pointe les plus modernes, puis que vous réduisez la taille, vous utilisez une dégradation gracieuse. En fin de compte, le site Web résultant peut probablement offrir la même expérience, que vous utilisiez une amélioration progressive ou une dégradation progressive. De manière réaliste, le but de l'une ou l'autre approche est de créer un site qui fonctionne parfaitement pour les navigateurs modernes tout en offrant une expérience utilisable pour les anciens navigateurs Web et les clients qui continuent à utiliser eux.
Une dégradation gracieuse ne signifie pas dire à vos lecteurs, « Téléchargez le navigateur le plus récent »
L'une des raisons pour lesquelles de nombreux concepteurs modernes n'aiment pas l'approche de dégradation gracieuse est qu'elle se transforme souvent en une demande pour que les lecteurs téléchargent le navigateur le plus moderne pour que la page fonctionne. C'est ne pas dégradation progressive. Si vous souhaitez écrire « télécharger le navigateur X pour que cette fonctionnalité fonctionne », vous avez quitté le domaine de la dégradation gracieuse et êtes passé à une conception centrée sur le navigateur. Oui, il est sans aucun doute utile d'aider un visiteur d'un site Web à passer à un meilleur navigateur, mais c'est souvent beaucoup lui demander (rappelez-vous, beaucoup de gens ne comprennent pas le téléchargement de nouveaux navigateurs, et votre demande de le faire peut simplement les effrayer un moyen). Si vous voulez vraiment leur entreprise, il est peu probable que leur dire de quitter votre site pour télécharger un meilleur logiciel soit le moyen de le faire. À moins que votre site n'ait des fonctionnalités clés qui nécessitent une certaine version de navigateur ou une version supérieure, forcer un téléchargement est souvent un obstacle à l'expérience utilisateur et doit être évité.
Une bonne règle de base consiste à suivre les mêmes règles pour une dégradation gracieuse que pour une amélioration progressive:
- Écrire valide et conforme aux normes HTML
- Utilisez des feuilles de style externes pour vos conceptions et votre mise en page
- Utilisez des scripts liés en externe pour l'interactivité
- Assurez-vous que le contenu est accessible même aux navigateurs de bas niveau sans CSS ou javascript
Avec ce processus à l'esprit, vous pouvez ensuite créer le design le plus avant-gardiste possible! Assurez-vous simplement qu'il se dégrade dans les navigateurs moins fonctionnels tout en continuant de fonctionner.
Jusqu'où devez-vous remonter?
Une question que se posent de nombreux développeurs Web est de savoir jusqu'où devez-vous prendre en charge les versions de navigateur? Il n'y a pas de réponse toute faite à cette question. Cela dépend du site lui-même. Si vous examinez les analyses de trafic d'un site Web, vous verrez quels navigateurs de sites Web sont utilisés pour visiter ce site. Si vous voyez un pourcentage notable de personnes utiliser un certain navigateur plus ancien, vous voudrez probablement prendre en charge ce navigateur ou risquer de perdre cette entreprise. Si vous regardez vos analyses et constatez que personne n'utilise une ancienne version de navigateur, vous êtes probablement en toute sécurité en prenant la décision de ne pas vous soucier de prendre pleinement en charge ce navigateur obsolète et de tester pour il. Ainsi, la vraie réponse à la question de savoir jusqu'où votre site doit être pris en charge est la suivante: « quelle que soit l'ancienneté de vos analyses vous indiquent que vos clients utilisent. »