ÉVitant les Web Design Blunders - les mannequins

Naviguez simplement sur le Web - en particulier dans les zones comportant de nombreuses pages personnelles, comme le site GeoCities ou la ville natale d'AOL. peut trouver de nombreux exemples de pages mal conçues. Mais qu'est-ce qui fait que ces pages sont mauvaises? Parmi les nombreuses erreurs de conception que vous pouvez faire, trois sont courantes parmi les nouveaux créateurs de pages Web: les pages à chargement lent, les combinaisons de couleurs moche et les petits textes.

Pages à chargement lent

C'est le fléau n ° 1 de la conception de pages Web, amateur ou professionnel. Les gens pensent qu'ils conçoivent un magazine et lancent de grands graphiques non compressés, plusieurs par page. Ensuite, ils ajoutent de jolis petits éléments de conception, chacun d'eux doit être envoyé en tant que fichier séparé par le serveur Web. Au fur et à mesure que les différents éléments entrent en jeu, le design de la page change et se transforme en une sorte de mal de mouvement garanti. Quand une de vos pages se charge lentement, c'est généralement dû au fait que vous commettez l'une des deux erreurs majeures.

• L'erreur # 1 implique un manque de soin avec un ou deux graphiques individuels. En conservant ces fichiers graphiques volumineux, vous condamnez toute la page pour ralentir le chargement.
• L'erreur n ° 2 consiste à utiliser les graphiques de manière généreuse. Les pages très bien conçues peuvent contenir beaucoup de petits éléments graphiques qui provoquent de nombreux transferts de fichiers distincts au fur et à mesure du chargement de la page. À moins que la page ne soit soigneusement conçue, la page change un peu à mesure que chaque graphique entre en jeu. L'effet global peut être assez déconcertant.

Les graphiques peuvent non seulement ralentir le chargement de votre page, mais créer des problèmes de droits d'auteur, créer des problèmes de conception et de mise en page. Gardez l'utilisation de graphiques sur votre page simple jusqu'à ce que vous soyez vraiment bon à la conception avec des graphiques, ou jusqu'à ce que vous puissiez obtenir de l'aide de quelqu'un qui a ce talent lui-même.

Combinaisons de couleurs laides

De nombreux éditeurs de pages Web ne se soucient guère de savoir si les combinaisons de couleurs qu'ils utilisent sont attrayantes ou non. D'autres se soucient, mais ne peuvent pas évaluer de manière critique leur propre travail et voir à quel point le résultat est laid et / ou difficile à utiliser.

Vous pouvez comprendre que certaines combinaisons de couleurs peuvent être moche, mais il peut sembler étrange que nous disions que de mauvaises couleurs peuvent mener à des pages difficiles à utiliser. La raison en est que sur le Web, la couleur identifie les hyperliens, avec des liens inutilisés et des liens récemment utilisés ayant des couleurs différentes. Les couleurs standard pour les liens sont le bleu pour les liens non visités et le violet pour les liens visités. Si vous changez ces couleurs, vos visiteurs ont du mal à identifier les liens qu'ils ont visités et les liens qu'ils n'ont pas.

Si vous devez simplement modifier les couleurs des liens, essayez d'utiliser des combinaisons de couleurs similaires aux couleurs standard - une couleur plus claire et accrocheuse pour les liens non visités, et une couleur terne pour les liens visités.Ceci est au moins similaire, conceptuellement, aux couleurs standard. Ensuite, tester le design sur quelques personnes et voir si elles peuvent rapidement déterminer quels liens sont qui.

Maintenant, revenons à laide. Juste parce que le Web permet d'utiliser différentes combinaisons de couleurs ne signifie pas que vous devriez le faire. Le texte noir sur un fond blanc ou blanc cassé est ce à quoi les gens sont habitués, et c'est toujours le choix le plus sûr. Et avec cette combinaison, les couleurs de lien standard apparaissent vraiment bien. Vous pouvez utiliser une barre graphique à un emplacement cohérent sur la page pour donner à vos pages Web un aspect graphique coloré sans sacrifier la prévisibilité et la lisibilité dans le corps de chaque page.

Quelques autres combinaisons de couleurs fonctionnent assez bien, mais beaucoup ne le font pas. Souvenez-vous également que certains utilisateurs exécutent leurs moniteurs en mode 256 couleurs et que seules 216 couleurs sur 256 (la palette de couleurs Web-safe) sont identiques sur les PC et les Mac. Ainsi, une combinaison de couleurs qui semble bonne sur votre système peut sembler médiocre sur un système avec moins de couleurs; De même, les couleurs qui semblent bonnes sur un PC peuvent ne pas avoir l'air si chaudes sur un Mac.

Petit texte (et texte volumineux, aussi)

Les gens font souvent une erreur en utilisant un petit texte sur leurs pages Web. Le petit texte a l'air cool, et il vous permet d'ajouter beaucoup d'informations. En raison de ces tentations, même les grands sites Web, tels que les premières versions du site Microsoft, ont fait cette erreur. Le problème est que ce petit texte devient très petit texte lorsqu'il est affiché sur un moniteur haute résolution. Si petit, en fait, que beaucoup de gens qui visitent votre site Web peuvent ne pas être en mesure de lire facilement le texte sur votre page.

Moins commun, mais tout aussi nuisible, le texte est trop volumineux. Vous n'avez pas besoin de concevoir des pages Web avec du texte lisible à 20 pieds de distance. Vraiment. (Les personnes ayant de vrais problèmes de vision commutent Windows et / ou leur navigateur pour afficher du texte de très grande taille, ce qui leur permet de lire du texte dont la taille est normale.) Cela a l'air horrible, surtout sur un système relativement faible résolution, telle que la résolution 800 x 600.

Ces deux problèmes sont aggravés par la tendance croissante à intégrer une grande partie du texte d'un site dans des images graphiques. Ce texte a toujours un aspect cohérent, car il est traité par le navigateur comme une image graphique, mais cet aspect peut facilement être trop petit ou trop grand. Lorsque vous enregistrez du texte en tant que fichiers image, le navigateur ne peut pas redimensionner le texte pour prendre en compte les différents paramètres du navigateur. L'utilisateur ne peut donc pas résoudre les problèmes rencontrés avec le texte affiché graphiquement.

Alors, qu'est-ce qu'un texte de "taille normale"? Content que tu aies demandé. Il n'y a pas une taille normale exacte, mais il y a une plage normale. Pour le trouver, faites correspondre la taille du texte dans votre page Web à la taille du texte dans quelques pages Web que vous aimez. Puis demandez à plusieurs personnes - pas toutes jeunes et aux yeux de faucon, ni toutes plus âgées et moins visuellement aigues - de vous dire si elles peuvent facilement lire le texte tout en restant confortablement à quelques pas de l'ordinateur. Si non, corrigez le problème avant qu'il ne devienne un fardeau pour les visiteurs de votre site Web.