Traiter avec des graphiques sur votre site web

L'aspect le plus difficile de l'y compris les graphiques dans vos pages Web est de résoudre tous les problèmes de conception qui accompagnent l'utilisation de graphiques. Création de graphiques efficaces et de les placer correctement par rapport à votre texte ne soit pas aussi facile que de l'eau bouillante. Certaines préoccupations supplémentaires surviennent lorsque vous utilisez graphiques sur le Web.

Sommaire

Accélérer pages lentes

Un des problèmes actuels du Web est vitesse de téléchargement - la quantité de temps une page Web prend à apparaître sur l'écran de l'utilisateur. Le temps de téléchargement sont particulièrement lente pour les pages riches en graphiques, qui, bien que plus intéressant de voir, peut être plus frustrant, car ils apparaissent plus lentement. Et le compromis est pas simple- beaucoup de variables interviennent. Par example:

  • Des vitesses d'accès: Différents utilisateurs accèdent au Web via des connexions qui fonctionnent à des vitesses différentes. Et le même serveur peut servir jusqu'à une page Web à des vitesses différentes, en fonction de la façon dont le serveur est occupé. Lorsque vous testez votre page flambant neuf graphiques riches sur votre machine locale, tout peut courir vite. Mais lorsque vous téléchargez cette même page sur un serveur et d'accéder à la page plus de 56 Kbps (kilobits par seconde) modem, la page se charge beaucoup plus lentement.
  • Bonnes et mauvaises graphiques: Si vous prévoyez de passer du temps de vos utilisateurs sur le téléchargement de grands graphiques, investir une partie de votre propre temps et argent à l'avance pour vous assurer que les graphiques sont aussi haute qualité que possible. Les gens ne me dérange pas d'attente pour un bon graphique presque autant que l'esprit qu'ils attendent pour une mauvaise. Un bon graphique peut être une photo de produit. Une mauvaise graphique peut être une bannière qui dit: "BONJOUR!" en six couleurs fluorescentes.
  • Niveau de frustration: Les mêmes utilisateurs qui aimez regarder votre page apparaissent dans la matinée tout en buvant une tasse de café peut être tenté de crier à leur navigateur quand ils essaient de vérifier rapidement sur votre page juste avant de rentrer du travail.



Que pouvez-vous faire pour répondre à tous ces facteurs, surtout quand ils se combinent pour faire votre page lente et vos utilisateurs grincheux? Soyez astucieux:

  • Limitez le nombre de couleurs de vos graphiques pour rendre la taille des fichiers afin qu'ils téléchargent plus rapidement.
  • Obtenez des conseils d'experts - de quelqu'un que vous connaissez ou un livre - ou de regarder chouettes sites en ligne pour vous aider à faire les graphiques vous utilisez plus intéressant à regarder.
  • Saupoudrer légèrement votre page avec de petits graphiques, plutôt que de l'encombrer avec plusieurs grands.

Éviter trois grosses erreurs

Ne pas faire ces trois grosses erreurs relatives aux graphiques sur le Web:

  • Aucun graphique: Ayant pas de graphiques sur vos pages Web signifie avoir des pages ennuyeuses.
  • Trop nombreux graphiques: Utiliser trop de grands graphiques-lent-à téléchargement peut être le plus grand débutant Web auteur erreur.
  • Pas de texte alternatif: Certains utilisateurs ne possèdent pas la capacité graphique du tout, et un nombre croissant de personnes ayant une déficience visuelle utilisent le Web. Vous devez tenir compte de ces utilisateurs en créant votre page d'une manière qui favorise l'accès de texte seulement ainsi que l'accès graphique.

Certains sites offrent un ensemble parallèle de pages Web qui sont purement textuel plutôt que graphique. Fournir des parallèles, des pages de texte seulement permet à l'utilisateur de choisir si vous voulez aller pour les pages graphiques de bande passante suceurs attractifs ou pour les pages de texte seulement très rapide, et permet à ceux qui ont une déficience visuelle de profiter pleinement des avantages du Web.

Parce que le pourcentage d'utilisateurs un accès non-large bande continue de baisser, fournissant un ensemble complet de pages de texte ne peut-être exagéré. Envisager de fournir une text-surtout version avec utilisation limitée des images, mise en page simplifiée, et le texte alternatif pour les images. Cette option peut être juste le billet pour les utilisateurs ayant une déficience visuelle.

Voici les règles les plus importantes pour soutenir le texte et l'accès graphique:

  • Lorsque vous concevez et créez votre page, pensez à comment votre page sera regarder avec tous les accès graphique éteint ainsi que sur.
  • Testez votre page avec des graphiques éteints.
  • Testez votre page dans différents navigateurs.
  • Inclure les balises ALT - en fait, l'attribut ALT dans la balise IMG - dans toutes les images afin que le texte explicatif apparaît chaque fois qu'un graphique est pas affiché.
  • Proposer des menus en texte seul, en plus des sélections basées sur l'icône pour et les cartes d'image.
  • Si vous voulez rendre tout le monde heureux, envisager de créer une, version texte séparé de votre site.

» » » » Traiter avec des graphiques sur votre site web