Qualité web, conformité et navigateurs
La notion de qualité web est étroitement liée à la notion de compatibilité navigateur. En sachant qu’il existe plus de 10 000 marques de navigateurs, versions et configurations et que ce nombre est en constante augmentation, comment faire pour que le site, l’application internet soit conforme sur tous les navigateurs aux souhaits de nos clients. Ne rêvons pas, c’est impossible à moins d’avoir une structure simplissime, pas de javascript, du HTML 3.2 et du CSS 1.0… et encore !
Ce constat étant fait, qu’en est-il vraiment ? Selon les dernières statistiques que j’ai pu trouver, celles d’AT Internet (ex Xiti Monitor) de mai 2009 ou celles de Médiamétrie de juin 2009, les parts de marché, en France, se découperaient comme suit (je vous passe le chapitre sur la précision des chiffres, là n’est pas la question, nous n’aurons besoin que de tendance générale) :
- Internet Explorer : environ 65%
- IE 8 : 15%
- IE7 : 35%
- IE 6 : 15%
- Firefox : environ 28%
- Safari : 3.4%
- Google Chrome : 1.7%
- Opera : environ 1.3%
- Autres : environ 0.6%
Bon, nous sommes loin des 10 000 marques et versions mais c’est déjà largement suffisant pour commencer. En matière de qualité web et de conformité de produits, nous sommes également obligé de prendre en compte le système d’exploitation sur lequel tourne le navigateur. Effectivement, des différences, certes parfois infimes, existent selon l’OS. En nous penchant, à nouveau, sur les études de nos fournisseurs de chiffres français, nous remarquons :
- Windows : environ 94%
- Vista : 31%
- XP : 61%
- 2000 : 1.2%
- Autres : 0.8%
- Mac OS X : environ 4.4%
- Linux : 1%
- Autres : 0.6%
Maintenant, vous prenez ces derniers chiffres auxquels vous incorporez délicatement les premiers. Une fois le mélange homogène , battez fermement le mélange ! Vous obtenez l’incroyable mixture avec laquelle il faut jongler constamment lorsqu’on teste et recette un site.
Cependant, nous ne pouvons pas assurer une conformité totale sur l’ensemble des navigateurs. Il faudrait un budget colossal et plus d’une vie de développeur pour réaliser un tel prodige.
Yahoo! a introduit la notion de grade dans son Graded Browser Support de la Yahoo! UI Library. Cette notion permet finalement de s’orienter vers des niveaux de conformité et de compatibilité. Ainsi, nous pourront limiter et graduer la prise en charge des versions de navigateurs. Yahoo! propose, bien évidemment, son propre tableau de compatibilité pour sa bibliothèque mais on peut s’en inspirer pour offrir une vision correcte des problématiques de garantie de résultats sur un projet.
Au final, il en résulte un autre tableau que je soumets à votre sagacité. Dans cet arrangement, le niveau de garantie prend 2 valeurs :
- totalement compatible (Support Total – ST) : cas des dernières version stables des navigateurs. On assurera une correction complète des bugs
- partiellement compatible (Support Partiel – SP) : on pourra parler de dégradation propre (essentiellement visuelles), sur lesquelles on s’efforcera de corriger les bugs (il s’agit essentiellement de versions anciennes et plus développées de navigateurs)
J’ai opté pour le choix de ne plus ne plus assurer le support total d’IE 6 dans la mesure où il n’est plus développé et suivi par Microsoft. A ce propos, la fronde anti-IE6 se fait de plus en plus virulente. En témoignent les différentes actions menées de part la toile : IE 6 no more relayé par Mashable, le collectif SaveTheDevelopers dont je parlais justement ici ou l’analyse de CNN, Web citizens trying to kill Internet Explorer 6 d’aujourd’hui.
J’ai également opté pour le support de Safari 4 (pas de safari 3.x qui ne représente qu’une portion congrue), Firefox 3.x (pas de Firefox 2.x qui ne représente qu’environ 1.5%). Pas plus de support pour le moment d’Opera 9.x (moins de 1.5%) ni de Google Chrome 2.x qui peine à percer (avec moins de 2 % de part de marché en disposant d’un colossal vecteur de propagation). Nous verrons bien si la version 3 de Google Chrome et le support du HTML 5 viendra inverser cette tendance.
| Win XP | Win Vista | Mac 10.4.x | Mac 10.5.x | |
|---|---|---|---|---|
| Firefox 3.x | ST | ST | ST | |
| IE 8 | ST | ST | ||
| IE 7 | ST | ST | ||
| IE 6 | SP | |||
| Safari 4.x | ST | ST | ST |
Avec cette adaptation, on arrive à couvrir plus de 96% de la population des internautes, pas 96% de la cible de votre projet.
Il est bien évident que ce genre de tableau n’est qu’une base de travail et qu’il conviendra de le modifier selon la typologie de votre projet. En effet, nous n’aurons pas le même tableau pour l’intranet d’une société dont la DSI pré-colombienne ne veut pas changer les navigateurs de ses 2500 postes et le site e-commerce de vente de gadgets pour geeks ou encore un site avec une problématique de mobilité importante.
Je n’ai pas fait mention des navigateurs mobile mais cela dépend toujours de la typologie de votre projet. Nous retiendrons quand même 3 navigateurs parmi les plus importants sur le marché mobile actuellement : Iphone Safari, Nokia Web et Opera mini.
Ps : Je me suis également appuyé sur un sondage que j’ai lancé sur Twitter avec moults RT (merci à tous) et même un billet de Fred de Villamil “Quels sont les navigateur sur lesquels vous garantissez une conformité totale ?“, qui je le rappelle est toujours à la recherche d’un appartement sur Paris ou RP. La demande devient urgentissime !
Articles relatifs
Pas de commentaire »
RSS feed for comments on this post. TrackBack URL
Plaxo
