Ergonomie-Web.com

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