Quelle est la résolution de votre écran ou de vos écrans si vous êtes chanceux? Les designers et développeurs de site ont très souvent un écran supérieur au commun des mortels. Il faut se rappeler que la résolution d'écran la plus populaire est encore 1024 x 768. Il est important lors de la conception d'un site de tester le visuel dans cette résolution pour voir les éléments qui sont visibles 'above the fold'.
Mon outil favori pour tester ' l'expérience ' 1024x768 est window resizer. Cet outil s'intègre à Firefox (3.0) et permet de simuler les résolutions suivantes : 640x480, 800x600, 1024x768, 1280x800, 1280x1024 et 1600x1200.
À ne pas oublier :
- Il est recommandé de positionner les éléments les plus importants de la page en haut du 'fold' (vous pouvez aussi les répéter plus bas dans la page)
- Il reste environ 600 pxl de visibles en hauteur une fois la barre d'outils prise en considération
- Il ne faut pas dépasser 990 pxl de larges pour considérer la barre de défilement du navigateur
- Certains sites s'adressent à une clientèle qui a un équipement informatique encore archaïque
- Pour une question de confort visuel, un utilisateur peut régler son écran à une résolution de 800x600
N'oubliez pas de consulter les résolutions d'écran utilisé sur votre site avant de faire une refonte. Cette information peut être obtenue grâce à des outils de mesure de performance.
La barre d’outil web developper pour Firefox offre cette option depuis bien longtemps et beaucoup d’autres en plus.
Oui la barre web développeur pour Firefox comme David le mentionne fait bien le travail et l’ont peu configurer les grandeurs à souhait. Les conseils concernant les résolutions est un point à ne pas perdre de vue puisque la multiplication des grandeurs d’écrans est d’actualité.