Traitant des graphiques sur votre site Web - mannequins

L'aspect le plus difficile de l'inclusion de graphiques dans vos pages Web est la résolution de tous les problèmes de conception qui accompagnent l'utilisation de graphiques. Créer des graphiques efficaces et les placer correctement par rapport à votre texte n'est pas aussi facile que de faire bouillir de l'eau. Certaines préoccupations supplémentaires se posent lorsque vous utilisez des graphiques sur le Web.

Accélération des pages lentes

L'un des problèmes persistants du Web est la vitesse de téléchargement , c'est-à-dire la durée d'affichage d'une page Web sur l'écran de l'utilisateur. Les temps de téléchargement sont particulièrement lents pour les pages riches en graphiques, qui, bien que plus intéressantes à voir, peuvent être plus frustrantes car elles apparaissent plus lentement. Et le compromis n'est pas simple; beaucoup de variables interviennent. Par exemple:

• Vitesses d'accès: Différents utilisateurs accèdent au Web via des connexions qui tournent à des vitesses différentes. Et le même serveur peut servir une page Web à différentes vitesses, selon l'importance du serveur. Lorsque vous testez votre nouvelle page riche en graphiques sur votre ordinateur local, tout peut fonctionner rapidement. Mais lorsque vous téléchargez cette même page sur un serveur et accédez à la page via un modem 56 Kbps (kilobits par seconde), la page se charge beaucoup plus lentement.

• Bons et mauvais graphismes: Si vous prévoyez de consacrer du temps à vos utilisateurs à télécharger de gros graphiques, investissez du temps et de l'argent à l'avance pour vous assurer que les graphiques sont aussi hauts. qualité possible. Les gens ne craignent pas d'attendre un bon graphisme autant qu'ils le désirent en attendant un mauvais. Un bon graphique peut être un coup de produit. Un mauvais graphique peut être une bannière qui dit "BONJOUR! "Dans six couleurs fluorescentes.

• Niveaux de frustration: Les mêmes utilisateurs qui aiment regarder votre page apparaître le matin tout en buvant une tasse de café peuvent être tentés de crier sur leur navigateur quand ils essaient de vérifier rapidement votre page juste avant de rentrer du travail.

Que pouvez-vous faire pour répondre à tous ces facteurs, en particulier lorsqu'ils se combinent pour rendre votre page lente et vos utilisateurs grincheux? Soyez malin:

• Limitez le nombre de couleurs de vos graphiques pour réduire la taille des fichiers afin qu'ils soient téléchargés plus rapidement.
• Obtenez des conseils d'expert - de la part d'une personne que vous connaissez ou d'un livre - ou consultez les sites en ligne pour vous aider à rendre les graphiques que vous utilisez plus intéressants à regarder.
• Saupoudrez légèrement votre page de petits graphiques, plutôt que de la surcharger de plusieurs gros.

Éviter trois grosses erreurs

Ne faites pas ces trois grosses erreurs concernant les graphiques sur le Web:

• Pas de graphiques: Ne pas avoir de graphiques sur vos pages Web signifie avoir des pages ennuyeuses.
• Trop de graphiques: L'utilisation d'un trop grand nombre de graphismes trop longs et trop lents peut être la plus grosse erreur de l'internaute débutant.
• Pas d'alternative textuelle: Certains utilisateurs n'ont aucune capacité graphique et un nombre croissant de personnes malvoyantes utilisent le Web. Vous devez adapter ces utilisateurs en créant votre page de manière à prendre en charge l'accès en mode texte uniquement et l'accès graphique.

Certains sites proposent un ensemble parallèle de pages Web purement textuelles plutôt que graphiques. La mise à disposition de pages parallèles, en texte seulement, permet à l'utilisateur de choisir entre les pages graphiques attrayantes à bande passante ou les pages texte très rapides, et permet aux personnes malvoyantes de profiter pleinement des avantages du Web.

Étant donné que le pourcentage d'utilisateurs n'ayant pas accès à large bande continue à baisser, il peut arriver que la fourniture d'un ensemble complet de pages contenant uniquement du texte soit excessive. Envisagez de fournir une version texte, principalement , avec une utilisation limitée des images, une mise en page plus simple et un texte alternatif pour les images. Cette option peut être juste le ticket pour les utilisateurs ayant une déficience visuelle.

Voici les règles les plus importantes pour la prise en charge du texte et de l'accès graphique:

• Lorsque vous concevez et créez votre page, pensez à l'aspect de votre page avec tous les accès graphiques désactivés.
• Testez votre page avec des graphiques désactivés.
• Testez votre page dans différents navigateurs.
• Inclure les balises ALT - en fait, l'attribut ALT dans l'étiquette IMG - dans toutes les images afin que le texte explicatif apparaisse chaque fois qu'un graphique n'est pas affiché.
• Fournissez des menus en mode texte uniquement, en plus des sélections basées sur des icônes et des images cliquables.
• Si vous souhaitez rendre tout le monde très heureux, envisagez de créer une version distincte, en texte seul, de votre site.