Physical Graffiti : blog d’un webdesigner curieux

Les « 10 choses que chaque Webdesigner (débutant) doit savoir » est un article à l’origine de John Urban librement traduit et adapté par mes soins.
J’ai plusieurs autres choses à rajouter, mais je le ferai plus tard, dans un autre article lié à celui là … en avant !

Dans les nombreux aspects de création d’un site, le Webdesigner joue des rôles multiples, et doit avoir une connaissance approfondie sur la structuration de site.
La plupart des choses que l’on apprend viennent de ses propres expériences dans le travail. Apprendre est un processus graduel, il n’y a pas meilleur école que de commettre des erreurs et d’en tirer des leçons. Dans cet article, nous allons voir un exemple de 10 conseils essentiels pour tout bon Webdesigner.

1/ Optimiser le graphisme pour un chargement plus rapide :

Comment optimiser les images en sélectionnant le bon format de compression, et faire en sorte qu’elles soient aussi légères que possible ? Même si les connexions internet sont de plus en plus rapides, il faut penser aux internautes qui ne sont pas dans les grandes villes, qui ont encore une connexion lente et/ou de vieux modems. Avec l’émergence des technologies mobiles, il faut aussi penser aux utilisateurs qui n’ont pas forcément une large bande (3G), dont les terminaux ne chargeront même pas des images trop lourdes.
Une règle générale est de choisir le bon format de fichier : les images avec des couleurs pleines (en aplat) sont souvent meilleures (poids + qualité) en formats PNG ou GIF, alors que les images type photo, sont meilleures en format JGP. Il y a une petite exception pour les images contenant un dégradé, là il faut faire des tests, entre GIF , PNG et JPG, en mixant qualité d’image et poids du fichier, le résultat peut être meilleur dans tel ou tel format selon l’image, là il n’y a pas de règle, c’est le jugement personnel.
Lire la suite…

Pour que l’ergonomie de la navigation de votre site soit la plus facile possible, il faut faciliter le travail de l’internaute afin qu’il puisse repérer en un coup d’œil les choix qui lui sont possibles.
De la même façon, les liens doivent être très rapidement identifiables pour permettre leur sélection. Le cerveau humain est fait de telle façon (un peu feignant) que si l’information est rapidement repérable, il l’a mémorisera plus durablement. Cela nécessite de gérer intelligemment les menus, les barres de navigation et les liens.

Les menus :

Actuellement les sites web sont construits avec un menu horizontal, en haut des pages, que l’on pourrait appeler « menu principal », complété par des sous-menus verticaux (des rubriques secondaires ou les sous-catégories des rubriques principales). Ce type de présentation a le net avantage de bien délimiter visuellement les éléments du design, et de mettre en évidence les points forts du contenu.
Lire la suite…