Quel navigateur ou résolution d'écran minimum dois-je cibler pour mes applications Web?
Lorsque vous décidez des exigences minimales pour une application Web sur des ordinateurs clients:
- Navigateurs - Quels navigateurs devrait-on cibler au minimum
- Résolution d'écran - Quelle résolution d'écran devrait-on cibler au minimum
Pour assurer la convivialité de l'application n'est pas compromise
W3Schools (par exemple) a des statistiques sur les affichages du navigateur. En janvier 2010:
Higher 1024x768 800x600 640x480 Unknown
76% 20% 1% 0% 3%
Le chiffre plus élevé est lié à un nouvelle table . D'après les chiffres, il semble que la résolution d'écran minimale effective est de 1024x768. Cependant, vous devez vous rappeler que tout le monde n’exécute pas son navigateur en mode plein écran.
Il y a aussi une page Statistiques du navigateur . Les navigateurs sont ventilés par version (par exemple Firefox ). Avec des navigateurs comme Firefox et Chrome, il semble que la majorité utilise les dernières versions (non bêta). Je soupçonne que c'est parce qu'ils se mettent à jour automatiquement.
D'autres sites de statistiques, plus généraux, sont disponibles et vous devriez probablement consulter une série pour avoir une meilleure idée de l'utilisation du navigateur et des résolutions d'écran sur l'ensemble de l'Internet.
Au lieu de cibler un navigateur et une résolution spécifiques, je commencerais par l’hypothèse que vous voulez que votre site soit utilisable par le plus grand nombre possible d’utilisateurs. Essayez de faire en sorte que les choses s’adaptent à différentes tailles d’écran et fonctionnent dans tous les navigateurs. Cela dit, je pense que son coffre-fort suppose 1024x768 pour la navigation de bureau.
Un plus global ensemble de statistiques indique que 1024x768 est bien la résolution la plus populaire, mais la répartition des utilisateurs est très différente. Notez également que les netbooks, supposent-ils, aident 800x600 à se tenir debout.
Dans les navigateurs modernes, vous pouvez cibler des plages avec requêtes multimédia . Ils sont géniaux. En supposant que vous ne vous souciez pas de IE - bien que IE9 leur promette un soutien. Les commentaires conditionnels peuvent être utilisés pour envoyer une résolution du plus petit dénominateur commun à IE, ou JavaScript pour charger de manière dynamique des feuilles de style. Le chargement dynamique de CSS via JavaScript est, à mon avis, une idée terrible .
Un concepteur Web du nom de Jon Hicks récemment repensé son site Web les utilisant, allez-y et modifiez la taille de la fenêtre de votre navigateur pour voir un exemple de son fonctionnement. Il existe des dispositions de 1 à 4 colonnes, en fonction de la largeur maximale actuelle de votre fenêtre.
Les requêtes multimédia vous permettent de ne pas être stressé lors de choses telles que "Mon site sera-t-il compatible avec l'iPhone et l'iPad?" ou "Comment puis-je cibler la taille de l'écran du périphérique X pour maintenir la convivialité?". Vous ne créez que des conceptions pour autant de tailles d'écran que vous souhaitez prendre en charge et Media Queries se chargera du reste, en fonction du navigateur de l'utilisateur lorsqu'il y parviendra.
Vous pouvez baser votre décision sur les statistiques récentes relatives à l’utilisation de la résolution. Si vous voulez un numéro générique, vous pouvez en trouver parmi Net Applications et si vous souhaitez des données précises, vous pouvez utiliser Google Analytic sur votre site Web à cette fin.
Vérifiez les statistiques de part de marché des navigateurs dans le monde entier
Cette question fournit une liste complète de sources permettant de rechercher une part du marché des navigateurs dans le monde.
Voici les 3 meilleures moyennes de 2010 pour StatOwl :
1024x768 26.75%
1280x800 18.69%
1280x1024 11.57%
Voici les 3 meilleures moyennes 2010 pour Applications nettes :
1024x768 24.27%
1280x800 17.98%
1280x1024 10.83%
Selon les données, votre résolution minimale devrait être de 1024x768, mais cela dépend aussi de votre démographie.
Si votre site est destiné à un public plus corporatif, limitez-vous à 800x600. Un grand nombre de réseaux d'entreprise utilisent encore du matériel très ancien avec Windows 2000. Si c'est la base d'utilisateurs que vous ciblez, l'utilisation de la "norme actuelle" de résolutions d'écran peut aliéner votre public.
La première chose à faire est de déterminer le groupe cible qui utilisera votre application Web. Par exemple, si vous ciblez un public américain/européen majoritairement riche (par exemple, en vendant des produits haut de gamme ou un site de magazines à la pointe de la technologie), vous aurez des exigences bien différentes de celles que vous utiliseriez par exemple. application destinée aux personnes âgées, aux pays moins développés, etc., où prédominent encore les vieux PC et les basses résolutions. Je sais par expérience, par exemple, que de nombreux clients de gouvernements locaux au Royaume-Uni utilisent encore (honteusement) IE6 comme seul navigateur, ce qui pourrait être un facteur majeur s’ils sont vos clients.
Vous devez ensuite prendre en compte le fait que de nombreuses personnes accèdent à des sites Web sur des appareils mobiles - smartphones, netbooks, tablettes, etc. Ceux-ci peuvent avoir des résolutions "étranges" ou avoir un pourcentage plus élevé d'utilisateurs de navigateurs tels que Safari, Chrome et Opera Mobile. Ils peuvent également avoir des exigences d'accessibilité différentes ou des feuilles de style différentes.
L'un des meilleurs moyens consiste à utiliser Google Analytics (peut-être à partir d'un site existant) pour déterminer votre public réel. Vous pouvez ensuite obtenir des chiffres réels pour voir les pannes de navigateur et les résolutions qui vous aideront à décider ce qui est correct pour vous .
Le contenu de votre site mérite également d’être pris en compte. Si vous proposez un forum d'assistance technique aux personnes rencontrant des problèmes avec les cartes vidéo ou les moniteurs, par exemple, vous voulez probablement qu'il soit utilisable à 640x480.
Si beaucoup de vos utilisateurs sont plus âgés ou ont probablement une vision plus faible, ils ont peut-être un écran haute résolution, mais avec des polices très volumineuses. Vous devez donc le permettre.
http://isie6dead.com/ Même si ce lien était plus dynamique il y a une semaine environ, le point qui sous-tend son existence est toujours valable: il y a beaucoup trop de navigateurs IE6 et continueront à l'être probablement pour la prochaine décennie .
Pour mes projets personnels, si vous utilisez IE6, je me moque de savoir si mon site force les singes à voler hors de votre postérieur. Pour un emploi, les exigences peuvent être différentes et, en général, plus votre public cible est grand et âgé, plus votre site risque de voir IE6 sur 640x480x4.
Il est impossible de répondre correctement à cette question sans un public spécifique et ignore complètement les hordes naissantes d'appareils iPhony.
Comme mentionné dans un ancien post , le article de Wikipedia sur la part de marché des navigateurs regroupe les informations provenant de 6 sources principales et les statistiques sont probablement les plus efficaces pour déterminer les navigateurs importants à cibler. .