Www.passionsansfrontieres.org

bonjour à toutes et à tous,
je viens vers vous pour une évaluation du site que je suis sur le point de finaliser :
www.passionsansfrontieres.org

Selon vous, quelles seraient les améliorations a apporter ?
Le graphisme vous semble t-il suffisament percutant mais pas trop ?
La charte de couleur est-elle cohérente avec le sujet ?
Et l'ergonomie et le code ?

Bien entendu cette liste de questions n'est pas limitative, et je reste ouvert à toutes suggestions de votre part. De même si vous détectiez quelques fautes d'orthographes, faites le moi savoir.

Merci
Modifié par fredmac (07 Jul 2006 - 21:39)

Pour commencer, c'est d'un bon niveau globalement, conception de qualité, tout ça. Les observations sont donc surtout de l'ordre du pignolage.

Petits problèmes techniques
– petit bug avec IE6 : les paragraphes de la div#articles sont un peu décalés vers la droite, ce qui agrandit le conteneur, et créer un décalage (rupture) dans la bordure.

– petite erreur (dans le tableau des contributeurs) :

<img src="images/2-coeur.gif" alt="Un cœurs" height="15" width="60">

Le texte alternatif ne correspond pas à l'image. De plus, je signale qu'au singulier « cœur » ne prend pas de S.

– pas bien grave, mais il y a un commentaire faux dans le code (ligne 21) :

<!-- Right Content -->
<div id="LeftContent">

Esthétique et ergonomie
– la fonte utilisée pour le titrage (bandeau de titre) ne me convainc qu'à moitié. Elle passe bien en taille moyenne pour le sous-titre, mais moins je trouve pour le titre du site. En grande taille, on voit peut-être un peu trop les régularités dans le dessin des lettres (beaucoup de S, de N, de A dans ce titre).

– titre + sous-titre + photos sont presque parallèles. Malgré le fait que le tout soit oblique par rapport à la page, ça a un côté un poil trop carré. Faut voir…

– au premier abord, le menu principal m'avait complètement échappé ! Mon regard s'était porté très vite sur le menu de droite, et j'ai zappé le menu principal. La couleur grise, ou encore le fait que ce menu soit très intégré graphiquement (par la typo) à la zone d'en-tête, sont sans doute des facteurs qui expliquent ça. Il faut peut-être envisager de le mettre un peu plus en valeur.

Sur ce dernier point, avant de se mettre martel en tête, il faut voir ce qu'en disent les autres.

Salut,

Globalement j'aime bien, même si j'avais vu le site dans un autre post récemment.
J'aurais comme reproche que je trouve les couleurs un peu ternes et peu innovantes dans le domaine humanitaire, ou on trouve souvent des couleurs de camouflage ternes, du gris au kaki en passant par des beige. Pourquoi ne pas sortir "un peu" de ces sentiers déja rebattus ? Pour moi passion ca évoque de toutes autres couleurs, un peu plus heureuses. Personnellement j'utiliserai une autre couleur pour le fond du site que ce beige verdatre, dans le style d'un ocre bien chatoyant, voir une texture pour le rendre encore plus riche.

Sinon je voulais te signaler que sur FF1.5, quand je clique sur un lien et que je change de page, le contenu de la colonne de droite, à partir de coordonnées, descend dans la page au moment du clic, et remonte quelques secondes plus tard à sa place originale. Ca fait un peu étrange et ca attire l'attention dessus inutilement je trouve.

Je plussoie Mpop pour le menu qui est trop discrêt.

Je trouve que le contenu des pages manque peut être un peu de visuel, et le texte gris sur fond blanc devient vite lassant.

Sauf erreur de ma part, bénévolat s'écrit avec un T à la fin (si j'arrivais à remettre la main sur mon dico qui doit être enterré quelque part chez moi)

a écrit :
Passions Sans Frontières et une association loi 1901 dont l’objectif est l’action humanitaires

Humanitaire au singulier, je pense.

bonjour,
je vous remercie pour vos remarques.
Concernant les fautes d'orthographes, je les corrige de suite... .

tout à fait d'accord avec vous sur le menu en mode mineur. Je vais augmenter la taille du corps de cette typo (Louise Script) pour ce dernier.

Mika, je pense avoir résolu le problème de décalage sur la colonne de droite. Pourrais tu me le confirmer ?

Sinon, concernant le choix des couleurs, les avis sont partagés. Ma possition est la suivante; une certaine neutralité compte tenu du sujet... Par ailleurs le choix du rouge profond correspond bien à l'idée de "Passions", non ?

Pour la couleur du texte, après différent essais, il apparaît qu'un texte avec un gris plus foncé diminue la lisibilité des titres (H2 et H3); je souhaitais concerver un bon niveau de contraste. Quelles seraient vos propositions en la matière ?

Merci pour vos interventions.
De plus je suis ravi de la qualités de vos interventions ; spécialement pour toi mpop (cf notre prise de becs )

PS : mika pour l'ocre (que j'adore par ailleurs) pourrais tu me faire une propal en valeur hexa ?
Modifié par fredmac (08 Jul 2006 - 19:00)

Salut,

Concernant le décalage il se produit encore malheureusement.

Pour la couleur, c'est pas évident de tester, disons qu'il faudrait juste qu'elle tire plus vers les orange rouges que vers le bleu ou vert pour qu'elle soit un peu plus chaleureuse.
Donc je vais t'en donner une totalement arbitrairement, mais c'est pas pour ca qu'elle sera bonne ; par exemple #B99F66, qui se veut un peu plus chaude que celle originale.
Mais en réalité l'utilisation des couleurs dans les gammes marrons, kaki, ocres, etc. sont très délicates à utiliser seules.
Ce qui les rend riche, c'est la matière, donc le mélange de plusieurs couleurs.
Pour prendre une exemple concret, c'est comme quand tu regarde une bague en or. Les enfants vont la colorier en jaune, alors qu'en fait si tu regarde bien, ce qui fait la richesse et la beauté de la bague en or, c'est le fait qu'elle a une énorme gamme de couleur, allant du blanc des reflets, au gris-jaune de l'or, en allant vers des marrons quasiment noirs dans les ombres.
Peut être qu'il sera mieux d'avoir une texture mélangeant plusieurs couleurs différentes qui créeront une teinte plus riche et plus dans l'esprit "terre", qui n'est jamais une teinte uniforme, mais un mélange.

J'espère que ce que je t'explique te semblera clair.

Concernant le choix de la neutralité dont tu parle, je ne te suggérais pas de mettre des couleurs de samba brésilienne, ou de madras antillais... Je parlais juste d'avoir une gamme de couleur plus chaleureuse, qui peut être dans un camaïeux légèrement plus vif et contrasté que présentement. Mais il ne s'agit que d'un sentiment personnel, il est vrai que ces couleurs sont parfaitement celles reconnues dans ce domaine, et je trouve dommage que le domaine humanitaire ne sache pas se rendre plus attractif, et ca tiendrait à des détails comme celui la. Ne change pas tout bien sur, mais essaye d'apporter ce petit plus qui va démarquer ta charte des autres chartes d'autres organisations humanitaire.

Pour la couleur des textes, elle n'est pas la plus contrastée possible mais elle ne me géneait pas particulièrement car elle est assez grosse. C'est plutôt le noir des titres <h2> qui me gène en réalité. Trop noir trop triste.

Salut,
Concernant les couleurs, je me suis dirigé vers quelque chose de plus "tonic" (h3, menu hover) et ai ramené le H2 vers une teinte plus "bleutée". Cette association de couleurs me semble plus punch... plus novatrice aussi dans ce domaine.

Sur la question du comportement de décalage au chargement de la page, je cherche du coté d'un interaction entre deux règles css...

Voilu

mpop a écrit :
Passions Sans Frontières et une association loi 1901 dont l’objectif est l’action humanitaires

Humanitaire au singulier, je pense.


Petit clin d'œil : tu auras remarqué que dans le titre, "sans frontières" et écrit avec un "s". J'en ai fait part au commanditaire, mais il souhaite laisser les choses en l'état.
Modifié par fredmac (09 Jul 2006 - 00:39)

fredmac a écrit :
De plus je suis ravi de la qualités de vos interventions ; spécialement pour toi mpop (cf notre prise de becs )

Content de te revoir par ici.

Moi, je trouve les couleurs plutôt agréables à l'oeil mais pour le menu, je rejoins les autres commentaires. Je ne l'ai pas vu tout de suite moi non plus. Je crois qu'il serait bon de le mettre un peu plus en évidence (même si tu en as changé la grosseur comme tu dis).

Pour le reste, je vais y aller par déformation professionnelle (je suis prof) et te signaler que les textes du site contiennent plusieurs fautes de français. Il faudrait vous trouver un correcteur sinon, ça ne fait pas très sérieux, surtout lorsqu'on cherche à collecter des fonds.

À titre d'exemple, voici les 2 premiers paragraphes recopiés avec les corrections appropriées.

"Au moment où vous lisez ces quelques lignes, quelque part dans le monde, une personne gravit une montagne, descend une rivière, court dans le désert à bout de souffle et cherchant à dépasser l’autre mais surtout elle-même"

Passions Sans Frontières est une association loi 1901 dont l’objectif est l’action humanitaire par la participation à des événements sportifs.

fredmac a écrit :
tu auras remarqué que dans le titre, "sans frontières" et écrit avec un "s". J'en ai fait part au commanditaire, mais il souhaite laisser les choses en l'état.

Bonjour Fred,

Dans « Médecins Sans Frontières » également il y a un S.
S'il s'agit de la même association que celle-ci, ils ont apparement souhaité ajouter un S y compris à « Passions » (d'ailleurs je remarque que dans le nom de domaine, le S final de Passions a fusionné avec celui de Sans. Je suppose que c'est volontaire mais je ne suis pas sûr que ce soit une bonne idée. Enfin bon, pas très important..)

L'ensemble me parait réussi, tout en partageant certaines remarques faites plus haut.
Je trouve regrettable qu'il n'y ait pas véritablement de logo. Ca me semble important pour ce genre d'association.

J'ajouterais un véritable formulaire de contact (un lien mailto ce n'est pas toujours l'idéal) ainsi qu'une feuille de style pour l'impression (pas le plus important pour ce genre de site, mais ça prend 2 minutes à faire, alors...). Egalement un favicon.

Dans la page « Actions », avec IE 6, les imagettes ne s'affichent pas l'une à côté de l'autre, mais l'une sous l'autre.

Sinon il reste encore des fautes d'orthographe.
En haut à droite du site : « Faite [Faites] un don ».
Voir par exemple les deux premiers paragraphes de la page « L'association » (4 fautes)

Je n'ai pas regardé le code mais j'ai vu que tu utilisais TEXTAREA pour afficher du code (pas très approprié il me semble.)
Modifié par Alan (09 Jul 2006 - 11:35)

...

bonjour à tous !!

J'aime vraiment bien la mise en page claire .... mais je trouve la couleur de fond ( un peu comme les autres ) trop terne (comme la souligné mikachu).
Et je verrait bien également une couleur ocre ( couleur sable ) ... ca met
un lien symbolique avec le 1/3 monde-sable en ayant un coté +
"chaleureux" ...

Concernant les 's' de passions et frontières, on peut le lire comme " les
passions au-delà des frontières" et le pluriel me semble approprié .

un autre dernier point : je n'aime pas du tout la couleur bleu lors du
survol de la colonne droite ... on dirait une couleur choisie au hazard !!!

++
Modifié par kilzon40 (09 Jul 2006 - 12:08)

largowin a écrit :
...

À titre d'exemple, voici les 2 premiers paragraphes recopiés avec les corrections appropriées.

"Au moment où vous lisez ces quelques lignes, quelque part dans le monde, une personne gravit une montagne, descend une rivière, court dans le désert à bout de souffle et cherchant à dépasser l’autre mais surtout elle-même"

Passions Sans Frontières est une association loi 1901 dont l’objectif est l’action humanitaire par la participation à des événements sportifs.

Bonjour,
Merci pour la relecture, je corrige de suite. Par contre pour le mot "évènement" mon dictionnaire me donne les deux orthographes "évènement" et événement".
Merci encore une fois.
Modifié par fredmac (09 Jul 2006 - 13:08)

fredmac a écrit :


Merci pour la relecture, je corrige de suite. Par contre pour le mot "évènement" mon dictionnaire me donne les deux orthographes "évènement" et événement".
Merci encore une fois.

Ah ben tiens! Je viens d'apprendre un nouveau truc N'oublie pas, c'est tout le site qui est à revoir au niveau de l'orthographe.

fredmac a écrit :
Merci pour la relecture, je corrige de suite. Par contre pour le mot "évènement" mon dictionnaire me donne les deux orthographes "évènement" et événement".

Cf la réforme de l'orthographe de 1990 (en France), qui valide certains usages « phonétiques » des accents (on accentue comme ça se prononce, et pas nécessairement suivant l'accentuation traditionnelle).

Bonjour,

J'aime le design sobre et travaillé ... ça fait pro et soigné.

Mais j'ai un petit problème avec le format, je suis en 1680x1050 et la page n'occupe que la moitié de mon écran. Avec la coupure franche à gauche, j'ai l'impression qu'il manque un morceau hors de la fenêtre de mon navigateur ! Je pense que tu pourrais facilement ajouter un joli bandeau latéral gauche et rendre le corps extensible tout en centrant le tout ... .
De nos jours, il se vend surtout des écrans en 1024x768 et 1280x1024 ... et les 20" et plus, en format wide, poussent comme des petits pains !
Un dernier point : tu arbores fièrement le logo du W3C alors que ta page n'est pas valide ...

@+

largowin a écrit :
.. N'oublie pas, c'est tout le site qui est à revoir au niveau de l'orthographe.

Oui, oui. Il faut que je m'y colle sérieusement. A ce sujet, une petite aide serait la bien venu... compte tenu des mes lacunes importantes en la matière.
Modifié par fredmac (09 Jul 2006 - 19:23)

VirtualFred a écrit :
Bonjour,

J'aime le design sobre et travaillé ... ça fait pro et soigné.

Mais j'ai un petit problème avec le format, je suis en 1680x1050 et la page n'occupe que la moitié de mon écran. Avec la coupure franche à gauche, j'ai l'impression qu'il manque un morceau hors de la fenêtre de mon navigateur ! Je pense que tu pourrais facilement ajouter un joli bandeau latéral gauche et rendre le corps extensible tout en centrant le tout ... .
De nos jours, il se vend surtout des écrans en 1024x768 et 1280x1024 ... et les 20" et plus, en format wide, poussent comme des petits pains !
Un dernier point : tu arbores fièrement le logo du W3C alors que ta page n'est pas valide ...

@+

bonjour,
Pour ce qui est du "morceau manquant", il faut effectivement que je trouve une parade pour les écrans dont tu parles (résolutions "exotiques"). Je m'y attèllerais lorsque je disposerais de davantage de temps ; j'espère qu'en attendant cela ne gâche pas trop ta visite.

Pour la validation W3C, il me semble que c'est réglé .

Merci pour ta contribution.

@ mika
Le problème du décalage semble résolu, cela t'ennuierait-il de me le confirmer ?
Merci