Le secteur de la conception Web évolue constamment, en partie parce que les navigateurs Web et les périphériques changent constamment. Étant donné que le travail que nous effectuons en tant que concepteurs et développeurs Web est visualisé via un navigateur Web, notre travail aura toujours une relation symbiotique avec ce logiciel.
Changements dans les navigateurs Web
Un des défis que les concepteurs et les développeurs de sites Web ont toujours dû relever concerne non seulement les modifications des navigateurs Web, mais également la gamme de navigateurs Web utilisés pour accéder à leurs sites Web. Ce serait formidable si tous les visiteurs d’un site utilisaient à coup sûr 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 visionnent les pages Web avec des navigateurs très anciens et les fonctionnalités manquantes des navigateurs plus modernes. Par exemple, les anciennes versions du navigateur Internet Explorer de Microsoft ont longtemps été une source d'inquiétude pour de nombreux professionnels du Web. Même si la société a cessé de prendre en charge certains de ses plus anciens navigateurs, il reste encore des utilisateurs qui les utiliseront - des personnes avec lesquelles vous voudrez peut-être traiter et communiquer.
Définition de «dégradation progressive»
La réalité est que les personnes qui utilisent ces navigateurs Web obsolètes ne savent souvent même pas qu’elles ont des logiciels obsolètes ou que leur expérience de navigation Web peut être compromise en raison de leur choix de logiciel. Pour eux, ce navigateur obsolète est simplement ce qu'ils utilisent depuis longtemps pour accéder à des 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 et les appareils plus modernes, riches en fonctionnalités, disponibles à l’heure actuelle.
La "dégradation progressive" est une stratégie de gestion de la conception de pages Web pour une variété de navigateurs, anciens et nouveaux.
Commencer avec les navigateurs modernes
Un site Web conçu pour se dégrader gracieusement est conçu en premier lieu pour les navigateurs modernes. Ce site est créé pour tirer parti des fonctionnalités de ces navigateurs Web modernes, dont la plupart se "met à jour automatiquement" pour garantir que les utilisateurs utilisent toujours une version récente. Les sites Web qui se dégradent gracieusement sont également efficaces pour les navigateurs plus anciens. Lorsque les navigateurs plus anciens, moins riches en fonctionnalités, affichent le site, celui-ci devrait se dégrader de manière toujours fonctionnelle, mais avec éventuellement moins de fonctionnalités ou des visuels différents. Bien que ce concept consistant à proposer un site moins fonctionnel ou moins beau puisse sembler étrange, la vérité est que les gens ne se rendront même pas compte de leur disparition. Ils ne compareront pas le site qu’ils voient avec la "meilleure version", aussi longtemps que le site fonctionne pour ce dont ils ont besoin et ne semble pas être cassé, ni sur le plan fonctionnel, ni sur le plan visuel, vous serez en bonne forme.
Amélioration progressive
Le concept de dégradation progressive est semblable à 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 progressive et l’amélioration progressive est le point de départ de votre conception. Si vous commencez par le plus petit dénominateur commun, puis que vous ajoutez des fonctionnalités pour les navigateurs plus modernes de vos pages Web, vous utilisez l’amélioration progressive. Si vous commencez avec les fonctionnalités les plus modernes et les plus modernes, puis que vous effectuez une réduction, vous utilisez une dégradation progressive. 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, l’une ou l’autre approche consiste à créer un site qui fonctionne parfaitement pour les navigateurs modernes tout en offrant une expérience utilisable par les navigateurs Web plus anciens et les clients qui continuent à les utiliser.
Dégradation gracieuse ne signifie pas dire à vos lecteurs de télécharger le navigateur le plus récent
L'une des raisons pour lesquelles de nombreux concepteurs modernes n'aiment pas cette approche de la dégradation progressive est que les lecteurs doivent télécharger le navigateur le plus moderne pour que la page fonctionne. C'est ne pas dégradation progressive. Si vous avez envie d'écrire "télécharger le navigateur X pour que cette fonctionnalité fonctionne", vous avez quitté le royaume de la dégradation progressive pour passer à une conception centrée sur le navigateur. Oui, il est sans aucun doute utile d'aider un visiteur de site Web à passer à un meilleur navigateur, mais c'est souvent beaucoup de choses à lui demander (souvenez-vous que de nombreuses personnes ne comprennent pas le téléchargement de nouveaux navigateurs, et votre demande peut simplement effrayer les éloigner). Si vous voulez vraiment leurs affaires, leur dire de quitter votre site pour télécharger un meilleur logiciel ne sera probablement pas le moyen de le faire. À moins que votre site ne comporte une fonctionnalité clé qui nécessite une version de navigateur donnée ou une version ultérieure, forcer un téléchargement est souvent un obstacle à l'expérience de l'utilisateur et doit être évité.
Une bonne règle consiste à suivre les mêmes règles pour la dégradation progressive que pour l'amélioration progressive:
- Écrire du code HTML valide et conforme aux normes
- Utilisez des feuilles de style externes pour vos conceptions et votre mise en page
- Utiliser des scripts liés de manière 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 fonctionnant.
Jusqu'où devez-vous aller?
Une question que de nombreux développeurs Web se posent est de savoir jusqu'où faut-il prendre en charge les versions de navigateur? Il n’ya pas de réponse nette à cette question. Cela dépend du site lui-même. Si vous passez en revue 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 utilisant un certain navigateur plus ancien, vous voudrez probablement prendre en charge ce navigateur ou risquer de perdre cette entreprise. Si vous examinez vos analyses et constatez que personne n'utilise une version de navigateur plus ancienne, vous êtes probablement sûr de prendre la décision de ne pas vous inquiéter de la prise en charge complète de ce navigateur obsolète et de ses tests. La réponse réelle à la question de savoir jusqu'où votre site doit prendre en charge est la suivante: "quelle que soit votre analyse, vos analyses indiquent que vos clients l'utilisent".
Article original de Jennifer Krynin. Edité le 09/09/17 par Jeremy Girard.
