Salut,

Visuellement, il est mieux structuré que l'ancien, c'est déjà un très bon point.

Dans les choses négatives :

Sans rentrer dans quelque chose de flashy, vu le titre du site, on aurait attendu à voir des couleurs un peu plus vives et plus franches que des demi teintes de beige et de vert, donnant une impression très terne. Seul la couleur orange remplit cet office, mais étant la seul elle est trop flashy en comparaison. A mon avis il faudrait enrichir la couleur sur ce site, soit par des visuels, soit par une gamme de couleurs moins en demi teinte.

L'ancien site comme le nouveau, on ne sait pas de quoi on parle. La couleur, certes mais dans quel cadre ? S'agit-il d'un association, d'un entreprise qui vend de la peinture, etc. Pour le moment on ne le sait pas, il faudrait ajouter une précision en haut du site pour savoir de quoi traite le site.

Le contraste entre les liens bordeaux du menu et l'orange de fond est très minimal, je pense qu'il pourrait poser problème à des gens souffrant de déficience visuelle. De plus, aucun effet de survol n'est actif sur ce menu, ce qui manque un peu pour rendre la navigation plus interactive.

En revanche tu as une interactivité et la possibilité de cliquer sur les cadres de la page d'accueil, mais tous ne débouchent pas vers une autre page, c'est très trompeur !
Le choix de la couleur blanche comme pseudo classe active pour ces cadre détonne pas mal. Un blanc cassé serait de meilleur ton, encore que vu le peu de temps que l'effet s'affiche.

Le contraste textuel n'est pas très élevé non plus dans le corps du texte, je pense que ca peut vite devenir fatiguant à lire.

La page des liens est le genre de pages typiques que personne ne regarde présentée sous cette forme, une liste textuelle avec éventuellement un descriptif des sites proposés serait de meilleur goût.
D'ailleurs, le lien du menu s'intitule "des amis", pourquoi le titre "Liens" dans la page, alors que sur les autres pages le titre concorde avec le lien du menu ?
Oulala, je te remercie pour toutes ces critiques ! Je vais faire mon possible pour améliorer un maximum de chose avant de revenir et montrer le résultat Smiley smile

Encore merci Smiley cligne
Après la critique esthétique de Mikachu, je vais m'attaquer au code Smiley cligne

Pour commencer, tu as de nombreuses erreurs de code, il faudrait les corriger.

* Attentions aux titre des pages, il est bien meilleurs pour le référencement du site mais également pour le confort des utilisateurs d'avoir des titres différents pour chaque page du site est en accord avec le contenu de cette page.

* Ton site manque de meta description. Le contenu de cette meta est ce que les moteurs de recherchent affichent sous le titre d'une page dans les résultats de recherche. Cette description est ce que les potentiels visiteurs verront de ton site avant d'y acceder, cette description doit être "sexy", unique pour chaque page et décrire le contenu de la page.

* Les images DOIVENT toujours avoir un attribut alt duement remplis :
<li><a href="index.php?module=accueil" title="Accueil"><img src="images/accueil.png" border="0" /></a></li>
Ici le title est totalement innutile car redondant avec l'attribut alt qui devrait être sur l'image avec le même contenu textuel "Accueil".

* Ta hiérarchie de titre est incomplète. Elle commence par h2. La hiérarchie de titres d'une page doit être complète, logique et suivie. Tu ne peux, par exemple pas passer de h2 à h4 s'il n'y a pas un h3 entre les deux.

* Attention aux titres déguisés :
<div class="titre-menu">Edito :</div>
Pourquoi ne pas utiliser un Hn ?

* Je ne suis pas convaincue par la logique de ta liste de posts :
<ul id="posts">
Une liste est-elle absolument nécessaire ici ? Une suite de Hn et de paragraphes ne serait-elle pas suffisante ?

* Par convention, le soulignement DOIT êter réservé aux liens !

* Il serait bien d'ajouter un formulaire de contact.
Mikachu a écrit :

Sans rentrer dans quelque chose de flashy, vu le titre du site, on aurait attendu à voir des couleurs un peu plus vives et plus franches que des demi teintes de beige et de vert, donnant une impression très terne. Seul la couleur orange remplit cet office, mais étant la seul elle est trop flashy en comparaison. A mon avis il faudrait enrichir la couleur sur ce site, soit par des visuels, soit par une gamme de couleurs moins en demi teinte.

Je rejoins Mikachu sur ce point (et les autres). D'autre part ton logo est trop figé, monochrome et austère, on verrait d'avantage un logo haut en couleur avec un typo d'inspiration calligraphique (par exemple), bref quelque chose d'un peu plus vivant et gai.
Tu dois aussi penser à exploiter le blanc pour mettre en valeur certaines couleurs vives et alléger l'ensemble. Rien de t'interdit d'ajouter des couleurs pastel mais conserve un saturation importante de préférence.

> la colonne de droite est un peu étroite et les espaces intermot seront d'autant plus hétérogènes et excessifs que tes lignes de texte sont courtes lorsque tu fais le choix d'un texte justifié.

> Penser à ajouter des espaces vides plus importants autour de tes contenus, ça manque d'aération.

> Eviter de souligner tes titres, le soulignement étant réservé aux liens.
Modifié par Hermann (14 Sep 2009 - 14:44)
Je pense que Mikachu a fait le tour ! pourquoi le logo est si mort ? essaye de faire une maquette avec plus de vie et plus parlante, bien que tout ce que tu présente est bien calé mais c'est pauvre en identité visuel Smiley smile

Bonne continuation Smiley cligne