Votre visage au public

Le site web est le visage d'une entreprise, qui communique sur votre qualité et vos services aux visiteurs. Les gens ont l'habitude de consulter votre site non seulement depuis un ordinateur, car Internet est accessible partout avec des appareils sophistiqués. Nous utilisons désormais divers types d'appareils Internet comme des tablettes compatibles 3G et 4G, des ordinateurs portables équipés de dongles et des smartphones M2M. Chacun de ces appareils a également différentes tailles d'écran. Certains préfèrent également consulter Internet via de grands écrans, car il existe maintenant des moniteurs LCD et LED peu coûteux sur le marché. Le rapport de Cisco indique que le trafic de données mobiles a dépassé 10 Exabytes en 2017 et que le nombre de téléphones sera supérieur au nombre d'humains en 2013. Ce rapport montre à quel point il est important de prendre en compte le design sur les petits appareils également.

Le Facteur de Résolution

Vous ne pouvez pas dire que le visiteur utilise la même résolution que celle de votre système. La page web qui s'adapte bien à la résolution standard la plus basse, qui est de 544 pixels de large, s'adapte également à d'autres résolutions. Il y a 10 ans, la résolution d'affichage la plus courante était de 1024 × 768. De nombreux sites web ont été redessinés dans ce format à partir des formats 800 × 600. Mais les utilisateurs de CAO, les artistes graphiques et les joueurs de jeux vidéo utilisent leurs ordinateurs à une résolution de 1600 × 1200. Cette résolution est appelée UXGA. Nous savons que l'ordinateur a des résolutions plus élevées que les télévisions ; consultez les résolutions les plus utilisées ci-dessous.

Ce que les designers web doivent vérifier

Le designer web doit s'assurer que tous les écrans affichent son site web avec les bons alignements. Après avoir créé le site web, il doit vérifier l'apparence et la convivialité du site sur tous les écrans. Il est donc important de garder à l'esprit que le site web peut apparaître différemment sur différents ordinateurs et appareils, pendant qu'il conçoit le site. Une fois que vous avez terminé votre site web et qu'il est hébergé, si la page web ne s'adapte pas à l'écran de l'appareil, le navigateur ajoute un défilement horizontal. De même, le défilement vertical apparaît également si cela ne s'adapte pas à la longueur verticale. Il est très difficile de faire en sorte que l'ensemble du site web soit sous la longueur verticale, mais vous pouvez certainement concevoir la longueur horizontale.

 Conseils sur les graphiques et les tableaux

Les graphiques et les tableaux ont une largeur fixe.

Contrôlez la largeur de sorte que la longueur combinée soit inférieure à 750 pixels.

Évitez de spécifier la largeur minimale.

Laissez le navigateur ajuster la largeur du tableau pour accueillir le texte et les graphiques qui se trouvent à l'intérieur de la cellule.

Affichage complet

Spécifiez une largeur de table de 100 % ; si vous devez faire en sorte que la table soit complètement remplie avec la largeur.

Outils en ligne pour tester votre site web

Ces outils vous permettent de voir à quoi ressemble votre site Web sur différents écrans. Vous pouvez visualiser votre site Web dans différentes résolutions et apporter les modifications de design appropriées.

Responsive Design Checker.com

Browser Shots.org

Wave. Webaim. org / report

Quirk Tools. com / screenfly /