Résolution d’écran et mise en page

Lors de la conception d’un site web , la question du dimensionnement de ses pages en fonction de la résolution d‘écran des internautes se pose souvent.

Les résolutions d’écran varient généralement de 800×600 pixels à 1280×960 pixels, en passant par 1024×768. Quelle est donc la résolution à privilégier ?

Actuellement, environ 60 % de tous les moniteurs sont configurés en 1024×768 pixels alors que seulement 17 % sont encore en 800×600.

L’objectif est donc de viser le plus grand nombre d’internautes sans pour autant ignorer les autres.

Optimisation pour 1024×768

Les pages ne doivent donc pas être conçues pour une taille de moniteur fixe mais optimisées pour qu’elles soient parfaites en résolution 1024×768 tout en restant consultable sur une résolution minimale de 800×600 pixels.

Pour cela, un site de structure “fluide”, dont la taille des pages s’adapte à la largeur du support d’affichage, est conseillé. Quelle que soit la résolution de l’écran ou la taille de la fenêtre, le site web occupe ainsi harmonieusement l’espace alloué.

Pour concevoir un site avec des pages optimisées, trois critères essentiels sont à vérifier pour chaque résolution :

  • Visibilité directe :
    est-ce que toute l’information essentielle est visible d’un seul coup d’oeil par l’internaute sans qu’il lui soit nécessaire d’utiliser la barre de défilement (scrolling) ?
    Aujourd’hui la plupart des internautes ont appris à scroller (utiliser la barre de défilement) pour découvrir tout le contenu et la longueur des pages n’est plus un obstacle à l’ergonomie, mais il reste cependant conseillé d’intégrer les informations les plus importantes (chapeau, outils de navigation,…) en haut de page.
  • Lisibilité : est-ce que l’information reste lisible malgré la variation de la largeur des différentes colonnes de la page en fonction de la résolution d’écran ?
  • Esthétique : Comment apparaît la page une fois que les éléments, titres, photos, etc, sont positionnés pour une taille d’écran donnée ? L’alignement de l’ensemble est-il respecté ?
    D’autre part, le redimensionnant successif de la fenêtre du navigateur en 800×600 puis en 1280×1024 restitue t-il convenablement la disposition des pages ?

Les petits écrans

Les pages doivent également être consultables sur de très petits écrans. En effet, un peu moins d’un pour cent des internautes utilisent encore des écrans en 640×480. Même si la qualité d’affichage est moins parfaite, ceux-ci doivent pouvoir accéder au site.

Quand est-il des périphériques mobiles ?

Le but du Web n’est pas de se limiter au seul média de l’écran d’ordinateur. Et, à condition qu’il ait été développé selon les standards, un site fluide peut également être consulté à partir de périphériques. Ces appareils, tels que les Palm et autres PPC, ou plus exactement les navigateurs s’exécutant sur ces outils, possèdent parfois un moteur spécifique qui gère le scrolling horizontal.
Mais il n’empêche que cet environnement est spécifique. Pour tenir compte au plus près des contraintes de ces outils, le développement d’un module spécifique d’affichage de page (feuille de style) doit être pensé.

Les grands écrans à très haute résolution

Le pourcentage d’utilisateurs de grands écrans à très haute résolution augmente régulièrement. Aujourd’hui 18% possèdent des écrans 1280×1024, et on tend de plus en plus vers des détenteurs d’écrans plats 1600×1200 et même 2048×1536.
Des études menées par Apple et Microsoft tenteraient même à prouver que les utilisateurs travaillant devant des grands écrans à très haute résolution auraient une meilleure productivité.

Quoiqu’il en soit ce type d’écran est essentiellement utilisé par des graphistes, des personnes manipulant des tableaux, des hommes d’affaire …

Les sites web n’étant pas encore conçus pour un affichage sur une aussi grande surface, les utilisateurs agrandissent rarement les fenêtres de leur navigateur au maximum pour les consulter. Ils préfèrent combler l’espace en multipliant les fenêtres.

Dans l’avenir, pour servir ces internautes qui possèdent ce type d’écrans vraiment très grands, nous devront probablement repenser la structure des pages Web.

En attendant, cela ne change en rien les recommandations actuelles :

Optimiser les sites un affichage 1024×768 en utilisant une structure fluide qui s’adapte à n’importe quelle résolution, de 800×600 à 1280×1024.

Source :
Jakob Nielsen’s Alertbox, July 31, 2006: Screen Resolution and Page Layout

2 août 2006

L’e-commerce se porte comme un charme

Après de très bons résultats au premier trimestre, la progression du commerce en ligne reste au beau fixe au second.

L’Acsel, l’Association pour le Commerce et les Services en Ligne, fait état d’une progression de 30 % du chiffre d’affaires des 22 cybermarchands de son panel, et de 55 % pour le global des paiements en ligne pour le deuxième trimestre 2006.

Quant à la l’indicateur e-commerce des TPE-PME selon powerboutique, il indique une croissance moyenne du chiffre d’affaires par site actif de 46%.

Qu’attendez vous pour franchir le pas ? Easy-IT est là pour vous aider.

Source : communiqué Acsel

Technorati Tags : ,

28 juillet 2006

Google expérimente un moteur centré sur l’accessibilité

La nouvelle a été diffusée par Reuters, Google expérimente une nouvelle version de son moteur de recherche centrée sur l’Accessibilité dans l’objectif de faciliter la recherche d’information aux personnes malvoyantes.

Google Accessible Search .

Accessible Search” identifie et privilégie dans ses résultats les pages qui équilibrent données pertinentes et graphisme pur, au détriment de celles qui ne respectent pas les règles de base simple de l’accessibilité numérique ou qui présentent un contenu trop riche non exploitable par des internautes souffrant de problèmes de vue quels qu’ils soient.

Le moteur, explique T.V. Raman, chercheur au siège de Google, chef du projet et lui même aveugle, prend en compte des critères supplémentaires tels que la simplicité de la maquette, la conception et l’organisation des pages web.

L’objectif et louable, mais Raman estime que le World Wide Web est trop désordonné pour séparer clairement les pages accessibles de celles qui ne le sont pas.

Dans un monde idéal, chaque page web serait codée proprement. Le recours aux feuilles de style permettrait de dissocier clairement la mise en page du contenu. Les colonnes de données seraient identifiées. Les photos auraient des légendes.

Easy-It respecte les règles de base de l’accessibilité en utilisant des feuilles de style et en dissociant la mise en page du contenu lors de la conception de ses sites.
Pour en savoir plus sur la démarche vers l’accessibilité de Easy-IT, n’hésitez pas à nous contacter.


28 juillet 2006

La mémoire Flash serait l’avenir du disque dur

Selon une étude du cabinet d’études In-Stat, la mémoire Flash semblerait bien placée pour se substituer, d’ici à 2013, aux traditionnels disques durs des PCs.

Plus économe en énergie, offrant une meilleure densité et plus de performance, autant de critères qui peuvent favoriser son adoption sur les ordinateurs portables notamment, d’autant plus que les prix baissent en raison de la forte concurrence à laquelle se livre les fabricants de semi-conducteurs.

Source
Silicon.fr : Les mémoires flash vont envoyer le disque dur à la retraite


21 juillet 2006

Vous pourrez bientôt signaler vos spams à Signal Spam

Malgré divers filtres installés, nous recevons tous tous les jours , petites entreprises et particuliers, des spams, messages publicitaires abusifs ou messages malveillants, dans notre boîte à lettres et nous aimerions que cela cesse.

Le projet national Signal Spam travaille dans ce sens, en préparant la mise en place d’un centre national de signalement des pourriels. Ainsi, dans un très proche avenir, chaque internaute pourra transmettre automatiquement à ce centre technique tout message non désiré au moyen d’un bouton “signalez ce spam” ajouté à sa messagerie

Source : Le journal du Net - Lutte contre le spam : la France accélère le mouvement

JDN. Qu’est ce que Signal Spam ?
Eric Walter. Signal Spam est une association paritaire autonome financée à 50 % par l’Etat et à 50 % par les partenaires impliqués dans notre projet. En juillet 2003, une plate-forme de concertation publique-privée mise en place par le gouvernement a permis le développement d’un projet de centre national de signalement des spams, baptisé Signal Spam. Cette association a pour mission de centraliser le recueil et le traitement des “pourriels” au moyen d’une solution informatique dédiée. Les français pourront agir concrètement contre le spam en signalant les courriers non désirés à nos services. Ce point d’accès unique va permettre d’optimiser les actions de lutte contre le spam et d’engager des poursuites contre les émetteurs identifiés.


21 juillet 2006

Posts Suivants Posts Précédents


Catégories

Références

Easy-IT

Sous-Traitance

TMA

Consulting / Régie

Fils RSS

Thèmes


Fatal error: Call to undefined function wp_theme_switcher() in /var/www/easy-it/ssii-montpellier-web/wp-content/themes/easy-it/sidebar.php on line 234