Bonjour à tous,

Voila je me jette dans la fosse aux lions Smiley sweatdrop , j'attends énormément de vos critiques, du code au design en passant par l'ergonomie, je suis tout ouïe. Si vous deviez évaluer sa conception "professionnelle", quelle serait votre note ?

http://www.reflexeau.com

je vous remercie d'avance Smiley smile
Modifié par PixaLock (18 Oct 2007 - 08:17)
Salut,

Le menu est sympa dans le principe, mais il souffre d'un petit soucis ergonomique qu'il sera malheureusement difficile de palier en cherchant un peu d'originalité comme ici. Lorsqu'on navigue sur un menu parfaitement horizontal, il est très simple de faire passer le curseur d'un menu à l'autre. Là, il faut faire une gymnastique particulière pour aller rapidement d'un menu à l'autre, cela peut être perturbant pour certains visiteurs.

L'autre soucis ergonomique, bien plus important, c'est la taille de texte des liens, qui est bien trop petite, et qui risque de pousser les visiteurs à agrandir la taille dans leur navigateur, au risque de provoquer des bugs d'affichage (chevauchement du mot "professionnel" sur l'onglet "le concept" dès le premier agrandissement sur firefox).

Les menus déroulant mériteraient de se finir de manière plus élégante que celle actuelle, en ajoutant un bas de bloc rond, plutôt que le laisser s'achever sur la forme carrée du bloc.

Ton menu est totalement inaccessible sans javascript, il serait bien que les liens principaux débouchent sur les pages génériques permettant d'accéder aux pages secondaires !

Je modifierai l'ombre de la courbe qui passe sur les onglets du menu, au lieu qu'elle soit noire je lui donnerai une teinte plus adaptée à la page. bleu sur la page d'accueil, verte sur la page domestique, etc. Ca gagnerait terriblement en élégance !

Le pied de page est à mon avis à refaire par contre, car autant la bannière apporte une certaine élégance, autant le pied de page est lourd et inutile.
Je ferais un pied de page beaucoup plus simple.
Déja la répétition du menu ne se lit pas car peu contrasté, et semble complètement coincé entre les icones de validation (dont tout le monde se fout), et la courbe.
La forme coupée à droite et à gauche et la courbe collée au bas du navigateur lui donnent un aspect brouillon, c'est dommage.

La forme d'eau de la bannière fait très rigide détourée comme çà, elle serait mieux s'il y avait des gouttes d'eau qui sortaient et animait un peu çà, on dirait une forme en verre présentement.

Sur certaines pages, tu as fait des mises en exergue textuelles, je trouve que la police est plutôt inadaptée à l'élégance du reste. et n'est pas parfaitement lisible.

Sur la page "le matériel", les liens des fichiers pdf sont à reformuler "téléchargez le" sous entend qu'on a lu ce qui précédait, ce qui n'est pas forcément le cas de quelqu'un qui navigue en synthèse vocale en sautant de lien en lien. "téléchargez la fiche technique de nos cuves en béton (pdf / xxx ko)", serait plus adapté.

Je trouve que les pages dont le contenu est inséré dans des filets rectangulaires fonctionnent mieux que celles ou tu utilises un fond de couleur courbe. Le filet horizontal accompagné du titre souligne l'élégance du haut de page, la courbe l'alourdit considérablement, car elle affronte celle du haut.

Voilà, un site pas trop mal, mais dans lequel il faudrait petit à petit garder une plus grande cohérence. Pour l'instant coexistent différents styles pour les pages, qu'il serait bon d'unifier. Certaines pages on des listes numérotées dans des bulles de formes arrondies, d'autres ont des images publicitaires avec un lien télécharger sous forme de flèche verte, etc...
Bref un petit manque de cohérence qui sera relativement simple à corriger car il y a déja une bonne base de site. Smiley cligne
Bonjour,

le code :

Il manque lang="fr" sur l’accueil (balise html)

Les ligne suivante sont inutiles puisque les moteurs de recherche de les prennent plus en compte, excepté le meta robots mais étant donné que « index,follow » ou « all » est sa valeur par default, cette ligne est inutile.


<meta name="robots" content="index, follow" />
<meta name="identifier-url" content="http://www.reflexeau.com/" />
<meta name="subject" content="Site sur la récupération et la valorisation de l'eau de pluie" />
<meta name="expires" content="never" />
<meta name="location" content="France, FRANCE" />


Les h5 suivis du h1 devraient être des h2, la cohérence de structuration doit primer sur la présentation.


Accessibilité :

Ça pêche surtout à ce niveau là.
Pour commencer il te manque un menu d’accés rapide (Voir le tuto sur les liens d’évitement)
Si les image ne sont pas chargées pour une raison ou une autre, ou en l’absence de couche CSS, le nom du logo et sa baseline sont inaccessible
Sachant que par conséquent cela sera aussi inaccessible aux moteurs de recherche.

La structuration de ton menu en liste de définition n’est pas pertinente et celui-ci n’est pas suffisamment accessible. S’inspirer de ce modèle. Smiley cligne


Autre remarques (ergonomie…) :

Tes haut de page gagneraient à être agrémentés d’un petit gleche pour être un peu plus visible.

Les passages de texte en vert ne sont pas des citations, ils ne devrait donc pas être balisés de guillements.

Les titre h1 ne correspondent pas toujours à leur background.
Le titre devrait toujours correspondre au libellé du sous menu suivis éventuellement d’une info supplémentaire.

Pour la mise en forme des texte dans l’ensemble c’est propre et agréable.
Seul bémol : le texte gris sur fond pastel manque un peu de contraste.

Mêmes remarques que Mikachu à propos du footer.


Il manque un lien accueil. Les utilisateurs peu expérimentés n’auront pas forcément le reflexe de cliquer sur le bandeau.

Il manquerait un menu de navigation interne en haut de page correspondant aux sous menu.

Graphisme :

Le traitement graphique du bandeau identitaire (header) manque de pertinence :

Ce qui est domage, c’est que la référence à la pluie est complètement occultée au profit d’une eau qu’on dirait tout droit sortie du robinet et dont l’aspect un peu trop publicitaire (sur-contrasté…) n’est pas vraiment approprié. Le bleu est trop saturé, celui du logo est bien plus adapté.
Ceci dit la vague est à conserver amha.

Malgrés toutes ces remarques c’est du sérieux (contenu, rubriquage, belle initiative Smiley cligne )
Alors bon courage et bonne continuation Smiley cligne
Modifié par Hermann (18 Oct 2007 - 15:22)