Quelle résolution d'écran ou de navigateur minimale dois-je cibler mes applications Web?

Lors de la prise de décision sur les exigences minimales pour une application Web sur les ordinateurs clients:

1. Navigateurs - Quels navigateurs doivent être ciblés au minimum
2. Résolution d'écran - Quelle résolution d'écran doit viser au minimum

Pour garantir que la convivialité de l'application n'est pas compromise

W3Schools (par exemple) a des statistiques sur les affichages du navigateur. Depuis janvier 2010:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

Le chiffre supérieur renvoie à une nouvelle table . D'après les chiffres, il semble que 1024x768 soit la résolution d'écran minimale effective. 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 de 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 gamme pour obtenir une meilleure image de l'utilisation du navigateur et des résolutions d'écran sur Internet dans son ensemble.

Au lieu de cibler un navigateur et une résolution spécifiques, je commencerais par l'hypothèse que vous souhaitez que votre site soit utilisable par une aussi grande variété d'utilisateurs que possible. Essayez de faire en sorte que les choses s'adaptent aux différentes tailles d'écran et fonctionnent dans tous les navigateurs. Cela dit, je pense qu'il est sûr de supposer 1024x768 pour la navigation sur le bureau.

Un ensemble de statistiques plus global indique qu'il 1024x768s'agit bien de 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 à 800x600tenir le coup.

Dans les navigateurs modernes, vous pouvez cibler des plages avec des requêtes multimédias . Ils sont géniaux. En supposant que vous ne vous souciez pas d'IE - bien qu'IE9 promette un support pour eux. Les commentaires conditionnels peuvent être utilisés pour envoyer une résolution de dénominateur commun la plus basse à IE, ou JavaScript peut être utilisé pour charger dynamiquement des feuilles de style. Le chargement dynamique de CSS via JavaScript est, à mon avis, une idée terrible .

Un concepteur de sites Web nommé Jon Hicks a récemment repensé son site Web en les utilisant, allez-y et changez la taille de la fenêtre de votre navigateur pour voir un exemple de leur fonctionnement. Il existe des dispositions de 1 à 4 colonnes, selon la largeur maximale actuelle de la fenêtre d'affichage.

Les requêtes multimédias vous permettent de ne pas avoir à vous soucier de choses comme "Mon site prendra-t-il en charge 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 construisez simplement des conceptions pour autant de tailles d'écran que vous souhaitez prendre en charge et les requêtes multimédias se chargeront du reste, selon le navigateur de l'utilisateur lorsqu'il y arrivera.

Vous pouvez baser votre décision sur les statistiques récentes sur l'utilisation de la résolution. Si vous voulez un numéro générique, vous pouvez en trouver dans Net Applications et si vous voulez des données précises, vous pouvez utiliser Google Analytic sur votre site Web pour cela.

La première chose que vous devez faire est de déterminer le groupe démographique cible qui utilisera votre application Web. Par exemple, si vous ciblez un public américain / européen principalement riche (comme la vente de produits haut de gamme ou un site de magazine de haute technologie), vous aurez des exigences très différentes de celles que, par exemple, vous créez un site Web. application destinée aux personnes âgées, aux personnes des pays moins développés, etc., où les vieux PC et les basses résolutions prédominent encore. Je sais par expérience, par exemple, que de nombreux clients des gouvernements locaux au Royaume-Uni utilisent encore (honteusement) IE6 comme leur seul navigateur, ce qui pourrait être un facteur majeur s'ils sont votre client.

Vous devez ensuite tenir compte du 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 peuvent nécessiter 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 audience réelle. Vous pouvez alors obtenir des chiffres réels pour voir les pannes du navigateur et des pannes de résolution qui vous aideront à décider ce qui est bon pour vous .

Consultez les statistiques de part de marché des navigateurs mondiaux

Cette question fournit une liste complète de sources pour rechercher la part de marché mondiale des navigateurs.

Voici les 3 meilleures moyennes 2010 pour StatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

Voici les 3 meilleures moyennes 2010 pour les 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, restez fidèle à 800x600. De nombreux réseaux d'entreprise utilisent encore un 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.

http://isie6dead.com/ bien que ce lien ait été plus dynamique il y a environ une semaine, le point sous-jacent à son existence est toujours valable: il y a beaucoup trop de navigateurs IE6 et il continuera probablement de l' être pour la prochaine décennie .

Pour mes propres projets personnels, si vous utilisez IE6, je me fiche que mon site fasse voler des singes hors de votre postérieur. Pour un travail, les exigences peuvent être différentes et, en général, plus votre public cible est public et âgé, plus votre site verra IE6 sur 640x480x4.

Cette question ne peut être répondue avec précision sans un public spécifié et ignore complètement les hordes en plein essor des appareils iPhony.

Comme mentionné dans un article plus ancien , l'article de Wikipedia sur la part de marché des navigateurs consolide les informations provenant de 6 sources principales et que les statistiques sont probablement les plus efficaces pour décider quels sont les navigateurs importants à cibler.

Le contenu de votre site mérite également d'être pris en compte. Si vous fournissez un forum de support technique pour les personnes ayant des problèmes avec les cartes vidéo ou les moniteurs, par exemple, vous voudrez probablement qu'il soit utilisable en 640x480.

Si beaucoup de vos utilisateurs sont plus âgés ou autrement susceptibles d'avoir une vue plus faible, ils peuvent avoir des écrans haute résolution, mais avec de très grandes polices, vous devez donc autoriser cela.