Ergonomie-Web.com

14 novembre 2003

Dans les sites que vous allez créer tout comme dans le monde qui nous entoure, les couleurs sont omniprésentes et sont pleines de sens, et ce, contrairement à tout ce que l’on pourrait croire. Ne vous sentez-vous pas doucement agressé lorsque vous vous trouvez dans une pièce rouge ? Tout comme ne vous relaxez-vous pas dans un champ vert ?

Il est important suivant le message que vous souhaitez faire passer d’adapter les couleurs, ou tout du moins de ne pas utiliser de couleur dont le sens serait inverse au propos que vous allez tenir… Elles vont provoquer chez le récepteur de votre message des sensations tant psychologiques que physiques. En gros, chaque couleur correspond à un goût, un parfum, un son ou une texture.

En exagérant un peu, et à titre d’exemple, un site de pompes funèbres ne doit pas être jaune, vous en conviendrez.

On peut départager deux types de couleurs : les couleurs froides (bleu) et les couleurs chaudes (orange ou rouge) et une infinité de combinaisons qui vont osciller entre ces deux types. Le noir et le blanc sont exclus.

On remarquera que, comme marqué ci-dessus, le rouge est la couleur la plus rapidement vue, qui saute le plus à l’œil. Il est donc intelligent de l’utiliser pour mettre en valeur les données importantes d’une page. Le bleu est le plus utilisé pour la création de sites, car c’est la couleur la moins choquantes de celles évoquées en amont.

Média : Interview-Webmaster.com | Lien permanent

01 novembre 2003

Même si l'architecture et le développement d'un site Web sont primordials dans la réussite d'un siteweb, le choix des couleurs est une étape importante qu'il ne faut surtout pas négliger dans la réalisation d'une charte graphique...

Vous qui créez des sites, vous vous êtes évidemment déjà posé la question : "bon, et là maintenant, je mets quelle couleur ?". Beaucoup malheureusement se disent : "ben là, ch'uis chaud pour le rouge, ça va faire bien". Evitez ce genre de réflexion, car cela vous mènera indubitablement à un truc qui n'a pas de sens.

Comment choisir la bonne couleur, prenons la question autrement, quelles couleurs ne pas choisir ? Les couleurs dites "pétantes" sont d'ores et déjà à proscrire, elle ne font que fatiguer les yeux du visiteur, et sont en général réservées aux sites warez, qui sont plus contenu que design. Le jaune est aussi à éviter car il est difficilement visible notamment sur les écrans LCD...

Il faut savoir que d'après des études, un visiteur placé dans une pièce aux couleurs chaudes (rouge, orange, etc.) donne une température de 4° plus élevée que lorsqu'on le met dans une pièce aux couleurs froides à la même température pourtant (source : www.admirabledesign.com). Les couleurs froides ont l'habitude d'amener plus de calme et de confort, cela explique pourquoi elles sont le plus souvent utilisées, cela dit, un peu de chaleur ne fait pas de mal et s'intègre bien parfois.

Ensuite, il faut accentuer les contrastes au maximum, ne pas hésiter sous photoshop® à utiliser des ombres très opaques, des contours d'1px d'épaisseur ou dupliquer le calque et réduire l'opacité de façon à faire un effet d'ombre très agréable.

Contrastes, oui, mais surtout éviter de mélanger certaines couleurs ensemble. le jaune et le rouge par exemple, mais cela, vous le verrez par vous-même de toutes façons. Nous vous mettrons en bas des exemples de couleurs qui peuvent aller ensemble, ce peut être pour vous une bonne source d'inspiration...

Pensez à définir une charte graphique et une ligne de conduite à suivre tout le long de la création de votre site, sans quoi celui-ci pourrait paraître incohérent et... rebuter le visiteur...

Média : Interview-Webmaster.com | Lien permanent

15 octobre 2003

Une question, réfléchissez à ce que vous faîtes lorsque vous arrivez sur un site et que la page met une heure pour s'afficher, qu'est-ce que vous faîtes ? "Click on the next on the google searchbot", vous allez voir le site suivant, non ? Et pourtant, peut-être que ce site aurait pu être intéressant et la présentation soignée, mais bon, on est de nature pressée et impatiente, nous les "homo habilis", et on veut tout, tout de suite.

Et vous, justement, il se trouve que vous avez un site magnifique... mais beaucoup trop long à charger. Excepté pour les sites design ou ayant des raisons particulières de faire patienter, le mieux est de mettre un minimum d'images sur votre site, ce qui va de paire avec le design sobre dont on parlait dans "les puérilités du web".

De plus, il est maintenant possible, avec les désormais très connus logiciels tels que Adobe Photoshop®, d'optimiser au mieux ces images. Explication rapide, ouvrez votre image, faîtes "enregistrer pour le web" et apparaît alors une fenêtre dans laquelle vous pourrez indiquer soit la qualité du JPEG (échelle de 0 à 100) et trouver un compromis entre la qualité de l'image et la taille de l'image indiquée en bas de la fenêtre, soit si c'est un gif ou un png le nombre de couleurs et vous pourrez même choisir lesquelles garder (dans Image Ready®, tout ceci se fait dans la palette apparente nommée "optimisation").

Evitez également tous les JavaScript ou Java en trop grand nombre qui réduisent eux-aussi la vitesse de chargement. Idem pour les inserts flash.

Média : Interview-Webmaster.com | Lien permanent

01 octobre 2003

Création Web : attention aux animations !

Pour beaucoup, une première créa-web est synonyme de nombreuses découvertes, et l'on ne connaît pas forcément certaines règles de base, lesquelles on se doit de respecter lorsque l'on rentre sur la grande toile du côté "acteur". Ainsi, de nombreux "newbies" font de leurs pages un véritable catalogue de gifs animés en tous genres, utilisent des couleurs tape-à-l’œil (fluo, jaune, etc.) sans se soucier forcément du désagrément causé chez le visiteur.

Rappelons que le surnombre de gifs animés entraîne un surpoids considérable est ralentit de façon non-négligeable la vitesse de chargement de la page. L'utilisation de ces gifs doit se réduire au strict minimum et n'oublions pas que c’est peut-être un moyen de rendre le site plus attractif... en les utilisant à bon escient.

De même, les couleurs "flashantes" telles que le fluo notamment sont à proscrire et l'on doit toujours penser que le jaune, par exemple, ne se mélangera jamais avec du rouge... (voir l'article sur les mélanges de couleurs).

Last but not least, de tels scintillements sont dangereux pour les épileptiques.

Mais comment présenter sa page alors ?

Il est important de faire attention à la palette de couleurs utilisées sans quoi ces couleurs fatigueraient les yeux du visiteur, ce qui n'est pas forcément l'effet escompté au départ, n'est-ce pas ? Pensez toujours à laisser un design des plus sobres de façon à privilégier l'essentiel : le contenu (rédactionnel ou non).

Pensons, un instant, à nous mettre à la place de l'utilisateur. En entrant sur le site, je vois un joli design soit, mais si je ne vois que ça, et que je ne trouve pas rapidement ce que je cherche, je retourne sous google et prend le site suivant. Maintenant, j'arrive sur le site, joli design et menu à gauche, facile à repérer. Je vois les rubriques suivantes : actualités politique, aquariophilie, téléchargez des MP3 gratuits, tous nos gifs animés, les derniers résultats de l'Olympique de Marseille... Dans quel genre de site suis-je arrivé ? Sportif ? D'actualité ? L'exemple n'est que très peu exagéré au vu de certains sites persos que l'on voit fleurir un peu partout... On préfèrera donc un menu bien organisé autour d'une thématique de départ bien définie. Exemple : La chasse : menu : accueil, définition générale, quelques conseils de chasse, où chasser tranquillement, dates d'ouverture de la chasse, etc. Ceci peut paraître tout à fait normal à certains, mais il y en aura toujours qui s'imagineront pouvoir créer un "yahoo.fr" (parlant de tous les thèmes) en une semaine.

Présentation générale

Les JavaScript, Java, et un tas de choses qui pourraient faire de votre site un portail de la technologie sont aussi à réduire au strict minimum car eux aussi alourdissent la page et la rendent, contrairement à ce qu'on pourrait penser, moins attrayante.

Autre chose, les webmasters tentent d'uniformiser certains attributs du site de façon à faciliter le travail du visiteur. Logo, slogan et nom du site sont, par exemple, préférés en haut à gauche du site de façon à ce que le visiteur soit renseigné tout de suite en arrivant de la première chose qui l'intéresse : "où suis-je?".

Enfin, ne cachez pas votre code source, et mettez-le en forme de façon à ce que d'une part, vous vous y retrouviez facilement lorsque vous le modifiez (utilisation de commentaires, d'alinéas et de tabulations, etc.), et d'autre part pour donner une impression plus pro à ceux qui voudraient vous " piquer " des parties de code, j'insiste sur le fait que ce dernier point n'est pas quelque chose de négatif, "inventer" une portion de code et la divulguer contribuerons au développement rapide du web (voir aussi opensources, linux-ware, etc.). Dans tous les cas, il sera toujours possible, d'une manière ou d'une autre, d'accéder à la source, donc quel intérêt ?

Le respect de ces règles de base, ajouté à une orthographe correcte ,contribueront à améliorer l'image de marque de votre site Web (perso ou non).

Média : Interview-Webmaster.com | Lien permanent