Éviter les erreurs de conception web

Il suffit de croisière sur le Web - en particulier les zones avec beaucoup de pages personnelles, comme le site GeoCities ou la zone de la ville natale de AOL - et vous pouvez trouver de nombreux exemples de pages mal conçues. Mais qu'est-ce qui rend ces pages mauvais? Parmi les nombreuses erreurs de conception que vous pouvez faire, trois sont fréquents chez les nouvelles pages web créateurs: lenteur de chargement des pages, combinaisons de couleurs laides, et un petit texte.

Lenteur de chargement des pages

Ceci est le n ° 1 fléau de conception de page Web, qu'il soit amateur ou professionnel. Les gens pensent qu'ils sont la conception d'un magazine et jettent de grands graphiques non compressés autour, plusieurs par page. Puis ils ajoutent mignons petits éléments de conception, dont chacun doit être envoyé dans un fichier séparé par le serveur Web. Comme chacun des différents éléments vient, la page des changements de conception et vibre d'une manière garantis pour causer le mal des transports. Quand une page du vôtre se charge lentement, il est généralement dû au fait que vous commettez une des deux erreurs majeures.

• Erreur n ° 1 implique un manque de soins avec un ou deux graphiques individuels. En gardant ces fichiers graphiques grand, vous condamnez la page entière à ralentir le chargement.

• Erreur n ° 2 est d'utiliser des graphiques d'une manière éhontée en général. Hautement pages conçues peuvent avoir beaucoup de petits éléments graphiques qui causent de nombreux transferts de fichiers séparés que la page se charge. Sauf si la page est soigneusement conçu, la page se déplace en fait un peu comme chaque graphique entre en jeu. L'effet global peut être assez déconcertant.

Graphiques non seulement peuvent causer votre page pour charger lentement - ils prennent aussi beaucoup de temps pour créer, ont tendance à avoir des problèmes de droits d'auteur, et présentent des problèmes de conception et de mise en page difficiles. Gardez l'utilisation de graphiques sur votre page simple, jusqu'à ce que vous obtenez vraiment bon à la conception avec des graphiques, ou jusqu'à ce que vous pouvez obtenir de l'aide de quelqu'un qui a ce talent eux-mêmes.

Combinaisons de couleurs laides

De nombreux éditeurs de pages web ne le font pas beaucoup de soin si les combinaisons de couleurs qu'ils utilisent sont attrayants ou non. D'autres soins, mais ne peuvent pas évaluer de manière critique leur propre travail et voir comment laid et / ou difficiles à utiliser le résultat est.

Vous pouvez comprendre que certaines combinaisons de couleurs peuvent être laid, mais peut-être il semble étrange pour nous de dire que les mauvaises couleurs peuvent conduire à des pages difficiles à utiliser. La raison en est que sur le Web, la couleur identifie des hyperliens, des liens et des liens non utilisés récemment utilisés ayant des couleurs différentes. Les couleurs standard pour les liens sont en bleu pour les liens non visités et violet pour les liens visités. Si vous modifiez ces couleurs, vos visiteurs ont du mal à identifier quels liens ils ont visité et quels liens ils ne l'ont pas.

Si vous devez simplement changer les couleurs des liens, essayez d'utiliser des combinaisons de couleurs qui sont analogues à celles standard -, une couleur accrocheur plus léger pour les liens non visités, et une couleur terne pour ceux visités. Ceci est au moins similaire, conceptuellement, les couleurs standard. Puis tester la conception de quelques personnes et voir si elles peuvent rapidement déterminer quels liens sont qui.

Maintenant, retour à laide. Juste parce que le Web, il est possible d'utiliser différentes combinaisons de couleurs ne signifie pas que vous devriez le faire. Texte noir sur un fond blanc ou blanc cassé est ce que les gens sont habitués, et est toujours le choix le plus sûr. Et avec cette combinaison, les couleurs de liens standard montrent vraiment bien. Vous pouvez utiliser une barre graphique à un endroit 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. Rappelez-vous également que certains utilisateurs exécutent leurs moniteurs en mode 256 couleurs et que seulement 216 couleurs sur 256 - la palette de couleurs Web-safe - sont les mêmes sur PC et Mac. Ainsi, une combinaison de couleurs qui semble bon sur votre système peut sembler pauvre sur un système avec moins couleurs- même, les couleurs qui semblent bonnes sur un PC ne peuvent pas regarder si chaud sur un Mac.

Petit texte (et grand texte, aussi)

Une erreur commune des gens font est d'utiliser un petit texte sur leurs pages Web. Petit texte a l'air plutôt cool, et il vous permet d'emballer dans un grand nombre 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 petit texte devient le texte très petit lorsqu'il est vu sur un écran haute résolution. Si petit, en fait, que la plupart des gens qui visitent votre site Web peut ne pas être capable de lire facilement le texte sur votre page.

Moins commun, mais tout aussi nuisible, est un texte qui est trop grande. Vous ne devez pas concevoir des pages Web avec le texte qui est lisible à partir de 20 pieds de distance. Vraiment. (Les personnes ayant de véritables problèmes de vision passer de Windows et / ou de leur navigateur pour afficher du texte en très grand format, de sorte qu'ils ont une façon de lire le texte qui commence taille normale.) Cela ressemble horrible, surtout vu sur un système relativement faible résolution, telle que la résolution 600 x 800.

Ces deux problèmes sont aggravés par la tendance croissante à intégrer une grande partie de 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 ce regard peut facilement être trop petit ou grand. Lorsque vous enregistrez le texte sous forme de fichiers d'image, le texte ne peut pas être redimensionnée par le navigateur pour accueillir différents paramètres du navigateur. Ainsi, l'utilisateur ne peut pas résoudre tous les problèmes qu'ils ayant avec le texte graphiquement.

Alors, quel est le texte "taille normale"? Heureux vous avez demandé. Il n'y a pas un exact taille normale, mais il ya une plage normale. Pour le trouver, correspondre à la taille du texte de votre page Web à la taille du texte en quelques pages Web que vous aimez. Ensuite, demander à plusieurs personnes - pas tout jeune et hawk yeux, ni tous plus âgés et moins visuellement aiguë - pour vous dire si elles peuvent facilement lire le texte alors qu'il était assis confortablement un couple de pieds de l'ordinateur. Si non, corriger le problème avant qu'il ne devienne un fardeau pour vos visiteurs du site Web.