Au comencement de la maquette d'un site web, la question de la largeur du site à réaliser arrive rapidement. Nous surfons sur le web essentiellement par trois moyens : par le biais de nos écrans d'ordinateur de bureau (de plus en plus grands), nos ordinateurs portables (plus larges que hauts) et nos ordiphones (assez petits). Quelle est donc la taille idéale des sites webs ?

1. Quelle est la résolution usuelle des écrans ?

Pour connaître la réponse il faut connaître la résolution la plus utilisée des écrans surfant sur le web à l'heure actuelle. Dirigeons-nous vers des outils d'analyse, tel que W3C Counter.

La plupart des écrans ont une résolution de 1024x768 ou 1280x800/1024. Ces statistiques datent de mai 2010, n'oubliez pas de vérifier l'évolution de ces données au moment où vous en avez besoin. Depuis quelques mois, la tendance est à l'écran plus large que haut. Les résolutions en position 2 et 3 étaient plus élevées en janvier 2010.

Toujours selon W3C Counter, les divers smartphones naviguant sur internet représentent au maximum 0.8%. Devons-nous prendre en compte la taille de ces petits écrans tactiles pour créer des sites allant aussi bien aux résolutions de nos écrans de bureau que nos smartphones ? Ou devons-nous réaliser des sites spécifiques pour ces derniers ?

Revenons à la taille idéale de notre site internet.

2. Comment calculer la largeur du site ?

Là encore posons-nous les bonnes questions.

Lorsque vous surfez, utilisez-vous la fenêtre de votre navigateur en plein écran ? Non, ou du moins, nombreuses sont les personnes qui préfèrent garder un oeil sur d'autres applications, comme une petite fenêtre d'un réseau social. Le bureau doit accueillir plusieurs fenêtres ouvertes, et bien souvent, le navigateur est la fenêtre la plus large.

Quelle est la taille des bordures potentiellement occupées par le thème graphique ? Ce paramètre est important à prendre en compte ! Tout utilisateur a le choix de son thème graphique. Certains thèmes ont des bordures très larges d'autres ultra fines. Il est d'usage de réserver 30 pixels au total au thème graphique. Cela inclut un ascenseur qui peut apparaître à l'affichage d'une longue page web.

Cela nous renvoie à un site ayant une largeur comprise entre 900 et 950 pixel. Vous pouvez designer sur de bonnes bases dorénavant.