Pages :
Bonsoir à tous,

Je viens vous demander ce soir un avis sur ce nouveau site qui arrive à terme.

L'adresse : Site arrivant à terme
toutes les remarques concernant les couleurs, l'accessibilité, le graphisme ou autres sont les bienvenues.

Vos remarques positives et négatives ne pourront être que constructive.

J'attend avec impatience vos remarques.

Merci
Salut,

1) J'aime bien le menu à gauche : structuré, efficace
2) Tu pourrais obtenir le même, en améliorant la gestion de la largeur. Elle est appremment définie en fixe, alors que tu pourrais tout à fait la définir en em et mettre la courbe en background collé à droite, avec la couleur de fond définie à orange. A priori, ça devrait permettre à ceux qui le souhaitent de changer la taille de police de caractères sans problèmes de recouvrement.
3) Sur ce menu, je supprimerais le soulignement des liens au survol : il est superflu puisque tu changes déjà la couleur de fond
4) J'essaierai de terminet le bas du menu de façon moins abrupte
5) Le hover sur les liens à texte long provoque leur passage de 1 à 2 lignes, ce qui repousse le reste du menu vers le bas
6) Sur le menu haut, le hover pose problème : on se retrouve avec un fond blanc pour le lien, sur fond blanc de la page au dessus, sans séparation. L'effet "dissout" le lien dans la page.

NB : On ne voit toujours bien que ce qui vous gène, on ne prète jamais attention à ce qui est bien fait, donc ne m'en veut pas pour ces remarques un peu fortement négatives
Justement, je trouve ces remarques interessantes et qui vont être constructives.

Ma largeur de menu gauche est défini en % avec l'image en background pourtant ?

Pour le bas de l'image c'est vrai que c'est abrupte mais je n'arrive pas à mettre en bas de mon menu un arrondi avec les CSS Smiley decu car ma longueur de menu est différente selon les pages. Si quelqu'un peut me donner un coup de main Smiley cligne .
Pour ton menu gauche :

1) Tu définis la largeur en %, tu ne tiens donc compte que de la taille de la fenêtre, pas de la taille de police utilisée. Si tu definis la largeur en em (je te laisse trouver la bonne valeur), et que tu mets pour background du orange (celui qu'on voit sous tout le menu) + une image (l'ondulation avec la zone blanche à droite) calée à droite, la largeur de ton menu s'adaptera spontanément à la taille de police choisie.

2) Pour la fin de ton menu, tu pourrais essayer ça :
- tu positionnes ton menu (pas la peine de donner des valeurs, il faut simplement que position soit à absolute ou relative)
- tu mets à ton menu un padding dans lequel tu placeras ton terminateur bas grâce à un placement absolute ou un truc du style.
Salut,

J'ai pas lu les remarques de Marvin pour ne pas être influencé.
Désolé ; il y aura peut-être des redites.

1 - dans la liste déroulante des communes ; elles ne sont pas en ordre alphabétique
2 - les menus sont bien surlignés en jaunes si on est dessus mais ils "clignotent" si on est un peu sur la droite Smiley eek
3 - la bande de menu courbe de gauche ne va pas jusqu'en bas et je trouve que ça fait pas fini
4 - les news sont écrites trop petites (plus petit que le reste)
5 - les encarts à droite sont aussi très petits

Sinon, j'aime assez les couleurs et j'adore le trombone !

Je n'ai fait qu'un tour rapide ; je ne suis théoriquement pas connecté Smiley confused

Au fait, je suis sur un portable résolution 1024x768 fonctionnant avec Linux (FedoraCore2) avec FireFox 1.0
Bonjour,

Je me suis pratiquement limité à la page d'accueil. Equipement PC, écran CRT 17" 1024 x 768, IE6 et FF 1. Les remarques valent pour les deux browsers.

Le header fait très "fouillis" : la mention "syndicat mixte des vals d'Autmie, Nièvre et Somme" est répétée deux fois en image. Pourquoi?
Chacune des deux versions pose des problèmes de lisibilité. Dans la première (à gauche), Il n'est pas évident que le "v" de nièvre soit précisément un "v", ce pourrait aussi bien être un "u".
Dans les deux, c'est Authie (dans le texte) ou Autmie? En tout cas ce n'est clair dans aucune des deux mentions.
La mention "Syndicat Mixte" dans le logo de gauche est illisible.

Dans le second texte, "(s)yndicat mixte" en capitales noires grasses est funèbre.

L'ellipse bleue et les traits fauves obliques sont des éléments graphiques qui ne me paraissent pas signifiants, qui n'ont pas de rapport avec le site.

La mention "Accès Extranet", en jaune, du menu supérieur, déborde à gauche sur le fond blanc.

Trois menus : un au bord supérieur: une barre de menus, un menu à gauche... plus des blocs de texte avec des liens à droite, plus des blocs avec des liens en dessous... Le visiteur saura-t-il où donner de la souris? N'y a-t-il pas là une surcharge informative qu'il faudrait réduire, par exemple, avec des menus contextuels par section du site.

Une idée du type de hiérarchisation en question : http://www.zdnet.fr/builder/index.htm

"Quelle densité informationnelle sur votre page d'accueil ?"
http://www.redaction.be/exemples/densite_juil_04.htm

L'ondulation du menu gauche est masquée par la colonne centrale quand on affiche les Favoris/l'Historique (je surfe avec les Favoris affichés).

Le bord ondulé du menu gauche "tire" trop le regard et distrait du texte.

Le menu gauche est "coupé" dans sa partie inférieure.

Lors du passage du pointeur sur certains liens du menu gauche, le texte de ceux-ci passe sur deux lignes.

Les petites flèches decendantes à gauche des titres de la colonne centrale me paraissent inutiles, et surtout, il y a un trop grand espace entre celles-ci et les titres : le regard se cale d'abord sur les flèches, puis saute aux titre pour revenir à gauche et entamer le texte. C'est un petit truc que je trouve agaçant.

Pourquoi la date est-elle entre parenthèses dans les mentions "Edité le (jj-mm-aa)" à droite des titres de la colonne centrale?

Le fait d'avoir des textes de taille différente (blocs de droite) risque de poser des problèmes intéressants à des visiteurs devant zoomer.

Pour les blocs à coins arrondis, il faut éviter les couleurs trop claires ou leur donner une bordure plus sombre, pour éviter un effet de dilution d'une surface claire dans le fond blanc.

Un menu à bord ondulé à gauche, des blocs à coins arrondis à droite, des blocs à coins droits en bas. Les éléments de la page considérés individuellement sont très bien, mais n'y a-t-il pas un manque d'unité graphique?

Les titres des blocs du bas sont justifiés, de même que les mentions "La Communauté de Communes du Doullennais", "La Communauté de Communes du Bernavillois", "La Communauté de Communes de l'Ouest Amiens", "La Communauté de Communes du Val de Nièvre et Environs". Il serait préférable de les aligner à gauche (problème surtout sous IE, browser critiqué mais massivement dominant).

Le gigantesque trombone en bas de page n'a aucun sens dans le contexte de la page, et il "tire" également trop le regard.

Sinon, je le répète, c'est du beau travail, les élément sont jolis, bien finis, lisibles, il y a une recherche esthétique indéniable, mais une trop grande hétérogénéité graphique. Cet aspect peut sans doute être amélioré sans trop de difficultés. Un plus gros problème est peut-être la surcharge informative de la page.
Modifié le 04 Feb 2005 - 02:37
Bonjour Doomer,
J'aime bien l'ensemble de ton site que je trouve très lisible avec toute cette information.

J'aime aussi l'image du trombone qui m'apparaît être une aide visuelle forte pour se rappeler de ton site.

Je mettrais toutefois le même espace au-dessus de news qu'il y a au commencement au-dessus du bloc similaire.

Donc excellent pour moi. pierreandre

PS d'intérêt personnel. Comment fais-tu pour que ton image de trombone reste en bas. J'ai le problème d'une image qui «bouge».
http://ppzx.net/vignettes.php?theme=12automne&infoexpo=1
POur le trombone, un background:url(image.jpg) bottom right; suffit.

POur le lien extranet jaune il ne déborde pas sur le fond blanc, j'ai testé sous IE6,IE5.5, Opera, Firefox 1.0 sur PC et sur IE 5 sur Mac pas de probléme ??

Pour le logo Authie Nievre et Somme en haut à gauche, je ne peux le changer car c'est le logo de la structure
Modifié le 04 Feb 2005 - 09:43
Salut,

Vite fait un test depuis le PC du boulot.
Etant au travail pour ... travailler ; je ne serais pas bavard.

http://site.voila.fr/dieteticien.fr/vrac/capture_doomer_petit.png J'ai entouré en rouge les problèmes sur une capture d'écran.

Au boulot (clinique) je suis sous NT04 avec Crazy Browser 1.05 (sur un IE 5.5) (car FF ne passe pas Smiley decu )
Ecran de 15' en 800x600.

Je reste à ta disposition pour en reparler plus en détail.
Modifié le 04 Feb 2005 - 11:43
Merci Marvin pour tous ces remarques cependant je viens d'essayer ce que tu m'as dis avec le background et l'utilisation de em au lieu de % mais cela pose probléme j'ai bien fait quelquechose du type :

background:#fa9b15 url(xxxx.gif) right; mais je n'arrive pas à ce que tu dis.

Si tu as une idée, elle sera la bienvenue.
J'ai effectivement fais cela comme tu peux le voir sur le site.

Mais lorsque j'agrandis la police, cela ne change rien.

Je ne sais pas si l'effet d'ondulation est si facile à gérer, je commence à galérer pour gérer les zoom.
La largeur de ton div est toujours définie en %, définis la en em.
Sinon, la taille du div ne sera pas recalculée lors du changement de taille de police, puisque la largeur en % est fonction de la largeur du document.
Bonjour,

J'y travaille mais je crois que je vais l'abandonner car je n'arrive pas à l'adapter à toutes les résolutions malgré les conseils de Marvin.

Malgré que je rajoute un width:15em; mon menu gauche reste bien fixe mais lorsque je fais un zoom alors cela fonctionne mais le bas de mon contenu (les 4 block) passe en dessous de mon menu gauche ondulé.

Sinon, quelqu'un a t'il une idée pour remanier un peu ce menu gauche au niveau couleur de lien, de fond, etc , si je n'utilise plus l'image ondulé ?

Merci
Salut,

Quand j'ai vu ton "footer" (#pied), je me suis dit: quel dommage, sous Gecko, il pourrait être mieux mis en valeur. position: fixed; ça te dit quelque chose ? Smiley cligne


Ajoute ça:
html>body ul#pied {
position: fixed;
width: 100%;
bottom:0;
}


après ton ul#pied. Ainsi, sous Gecko (hack valide mais empêchant la reconnaissance des attributs par IE), ton #footer reste toujours en bas de l'écran (!= page), ce qui rend ton "contact", ton "plan du site", etc. Beaucoup plus rapidement accessible.

M'enfin, tu prends ce qui te plais, mais moi, j'aime bien ça...

Sinon, avis général: bon Smiley cligne

@+, HoPHP

EDIT: P.S. Y'a un truc que je n'ai pas bien compris. Pour quoi il faut un code pour accéder à l'"Extranet" ? Extra = Dehors, non ? Il faudrait plutôt un code pour un "Intranet", non ? De plus, le lien pour Extranet donne une page en frames Smiley fache Smiley angry Smiley rale Smiley kaboom Smiley frappe Smiley pee Smiley suspect Smiley omg Smiley guillotine (c'est l'éclate ces smilies, il sont trop cool et j'ai pas su choisir)
Modifié le 05 Feb 2005 - 10:37
La frame pour l'extranet c'est juste un test.

En fait l'extranet va être développé aprés et chaque utilisateur possédera son propre compte avec des informations confidentiels. D'où l'utilisation de mot de passe.

Je vais tester ton hack pour voir ce que cela donne. Merci encore pour ces remarques qui me permettent d'améliorer ce site.
Smiley cligne

Mais est ce que cela ne gêne pas la navigation d'avoir son ped de page en position fixed ?
Modifié le 05 Feb 2005 - 10:42
Et bien intranet c'est bien esapce réservé à l'intérieur d'une entreprise par exemple et extranet un espace accessible pour les personnes de l'extérieur , non ?

Je viens de faire une nouvelle mise à jour, que pensez vous de la nouvelle version ?
Modifié le 05 Feb 2005 - 11:21
Pages :