MoRia

Article très intéressant publié sur http://www.gwix.net/web_gwix/article.asp?filID=144 et qui est très utile lors du développement d’un nouveau site web, après avoir défini son public cible.

————————————————

Voici une question qui me turlupine depuis longtemps : est ce que disposer d’une résolution de 1024<768 signifie qu’on dispose d’une taille de browser équivalente? Ou autrement dit, est ce qu’on peut estimer queles utilisateurs surfent avec des tailles de fenêtre maximale par rapport à leur résolution?
Je me décide enfin à publier ces quelques chiffres après le post d’Imazine “1024 pixel” qui abordait pour une énième fois cette problématique.

On me pose souvent la question “au vu de nos dernières statistiques, le 800×600 devient inexistant !! est ce qu’on ne devrait pas passer au 1024×768?”

Je réponds invariablement : “Que veux dire cette statistique? elle exprime l’espace disponible sur les moniteurs de vos utilisateurs… elle n’exprime pas comment vos utilisateurs emploient cet espace disponible”

Je ne vous raconte même pas toutes les discussions sans fin avec des designer rêvant enfin de pouvoir disposer d’un espace aussi important.

Bref, face à ce mur et par manque d’infos sur le sujet… j’e me suis dit qu’il fallait absolument obtenir des statistiques sur les tailles des fenêtres de navigateur afin d’affiner un peu plus le raisonnement et pouvoir enfin décider si le 1024 pouvait enfin s’imposer comme le standard.

Métholodologie

Pour se faire, j’ai implémenté sur un site un script permettant de détecter la taille de la fenêtre du navigateur.

L’étude a porté sur une période d’1 mois en avril 2005 et sur 32.000 sessions utilisateurs.

La composition du public est très large et pas spécialement porté sur les technologies. Donc, on ne risque pas à mon sens d’avoir de déformation des stats dûes à un effet “geek”

Quelques précisions :

le script est cross browser Opera, MSIE, Firefox donc c’est représentatif
la marge de précision est de 15-20 pixels suivant les différences entre navigateurs : en effet, certains navigateur proposent une largeur d’écran incluant la scrollbar et et d’autres pas
Vu que c’est un script javascript / ECMAscaript, l’audit ne porte que sur les navigateur acceptant javascript (of course) mais je pense que c’est négligeable.
Pour les résultats, les pourcentages d’utilsateurs sont groupés par incréments de résolution de 25 pixels

Résultats largeurs de fenêtres avril 2005

Je vous laisse tirer le conclusions vous mêmes mais si vous réaliser un site pour une résouton d’écran de 1024px de large, vous aurez 43,79 % des utilisateurs qui verront apparaître une scrollbar horizontale.

Cela ne veut pas dire qu’une partie de ces utilsateurs ne pourront pas redimensionner leur taille de fenêtre à la taille de votre site mais en général, n’est pas au design à s’adapter à l’utilisateur plutôt que l’inverse?

Il existe bien sûr des nombreuses solutions intermédiaires mais en l’état des choses, il n’est pas encore opportun à ce jour de proposer 1024 x 768 comme une résolution standard.

SOURCE: http://www.gwix.net/web_gwix/article.asp?filID=144 et http://www.imazine.fr/2005-08/webmarketing/1024-pixels/

Fonctionne pour tous les navigateurs :

var doc_width = 0
var doc_height = 0;

function getSize(){
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var nn6up = (document.getElementById) ? 1 : 0;

if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
} else if (nn6up || ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.write(“Suface affichable : “+doc_width + “*” + doc_height) }

Taille du document (surface affichable) pour différents navigateurs ayant le panneau favori (gauche) fermé :

Résolution écran : 1280*1024
EditPlus : 1259*824
FireFox : 1280*847
I. explorer : 1259*842
Netscape : 1280*852
Opera : 1274*784
Netcaptor : 1238*810

Faut donc prévoir une surface utile maximum de 1230*800
——————————————————————————–
Résolution écran : 1024*768
EditPlus : 1003*568
FireFox : 1024*591
I. explorer : 1003*586
Netscape : 1024*596
Opera : 1018*528
Netcaptor : 982*554
Faut donc prévoir une surface utile maximum de 970*510
——————————————————————————–
Résolution écran : 800*600
EditPlus : 779*400
FireFox : 800*423
I. explorer : 779*418
Netscape : 800*428
Opera : 777*360
Netcaptor : 758*386
Faut donc prévoir une surface utile maximum de 770*380
——————————————————————————–
Source:
http://complet1.free.fr

——————————————————————————–

Voici le lien:

http://www.annecy.org/home/?Page_ID=603

S’il y a une manipulation simple à faire, c’est de renseigner les champs “Document Properties” de votre fichier .fla. Vous trouverez en effet, en plus des habituels champs “Dimensions”, “Frame rate”, …, les champs “Titre” ou “Title” et “Description”. Cela permet en effet à des moteurs de recherche comme Google de mieux référencer votre animation Flash.

Vous pouvez désormais commander les t-shirts à cette adresse: http://www.cancel.ch/shirts/ !

Pas cher évidemment :-)