3246 sujets

Critiques de vos sites: code et design

The Planet Needs Help: page d'accueil

Bonjour,
Je suis nouveau sur ce forum mais il me semble très intéressant pour les web-designeurs.
Je suis l'administrateur et fondateur du site The Planet Needs Help (http://www.tpnh.eu).
J'ai refait la page d'accueil du site dans un soucis d'ergonomie.
Cependant, je ne sais pas si elle sera très pratique.
Le module des idées est en javascript, il change l'aperçu de l'idée au passage de la souris.
Voilà, je sais pas ce que vous en pensez, moi j'aime bien mais je sais pas si c'est pratique...

Merci d'avance de votre avis.

Gp2mv3
Modifié par Gp2mv3 (27 May 2009 - 16:38)
Hello Gp2mv3,

malheureusement ton sujet ne respecte pas les critères demandés dans l'annonce : A lire avant de poster : Ergonomie, Design et demandes de critiques.

A savoir :
a écrit :
La condition obligatoire est que ce projet doit être finalisé et pas sous forme d'ébauche.

Veuillez placer le nom de votre site dans le titre de votre sujet afin de le retrouver plus facilement.
En clair tant que la nouvelle version de ton site n'est pas en ligne nous ne pouvons tester ni la validité du code, ni l'accessibilité, ni l'ergonomie. En bref ça n'est pas très utile.

Lorsqu'elle le sera demande à un modérateur de rouvrir ton sujet.

Bonne continuation. Smiley smile
Modifié par Heyoan (18 May 2009 - 17:02)
Bonjour,

Le design du site est clair et en accord avec son sujet. Par contre le bandeau qui m'annonce que mon navigateur est "ancien" (même pas vrai, il est installé que depuis 6 mois !) est relativement gênant : 1. parce que je sais qu'IE6 c'est MAL (*effet sonore terrifiant*) 2. parce qu'il mange sur le titre du site et qu'il n'a pas de bouton "fermer".

Pour le code :
* Tu pourrais rajouter une meta content-language dans ton head, c'est pas obligatoire, mais c'est bien Smiley cligne

* L'attribut title c'est bien, mais ça sert à apporter des précision sur un lien quand son intitulé et/ou le contexte ne sont pas assez explicite : 
<a href="http://www.tpnh.eu" title="Sauvons la terre !">

Là il est redondant et donc innutile.

* Alt c'est un peu pareil : 
<img src="./CSS/design2/tpnh1.png" alt="The planet needs help"></img>
Tu as une image qui comporte le texte : "The planet needs held Sauvons la terre !" Le alt devrait contenu toute certe portion de texte.
Attention également aux changements de langue. Essaye d'installer Jaws (la version d'évaluation est gratuite et utilisable pendant 40minutes (après il faut rebooter pour le réutiliser)) et regarde le résultat, la voix française qui lis de l'anglais, c'est marrant, mais pas compréhensible.

* Un label doit être associé à un élément de formulaire grave aux attributs for et id : 
<label>Où chercher ?</label><br/>
Laurie-Anne a écrit :

* Alt c'est un peu pareil : 
<img src="./CSS/design2/tpnh1.png" alt="The planet needs help"></img>


Oui d'ailleurs c'est rigolo comme syntaxe, la balise img est auto-fermante et ce code s'écrit donc :

<img src="./CSS/design2/tpnh1.png" alt="The planet needs help" />
Laurie-Anne a écrit :
Par contre le bandeau qui m'annonce que mon navigateur est "ancien" (même pas vrai, il est installé que depuis 6 mois !) est relativement gênant :


Moi j'ai un beau Firefox tout neuf et pourtant j'ai le message... Smiley eek
C'est peut etre l'ordi qui est vieux alors Smiley cligne

[EDIT] Pour le design j'aurais tendance a dire que le menu ne se detache pas asse du reste. Pour le contenu, le site me paret plutot bien fourni... Smiley smile manquerai juste quelques sources pour que je soi convaincu de tous.
PS : Clavier anglais = Sans accents Smiley cligne
Modifié par Dim (02 Jun 2009 - 10:59)
Patidou a écrit :
Oui d'ailleurs c'est rigolo comme syntaxe, la balise img est auto-fermante et ce code s'écrit donc :

<img src="./CSS/design2/tpnh1.png" alt="The planet needs help" />

C'est également ce que je me suis dit, mais ça ne fait pas tiquer le validateur...

Dim a écrit :
Moi j'ai un beau Firefox tout neuf et pourtant j'ai le message... Smiley eek
C'est peut etre l'ordi qui est vieux alors Smiley cligne

Si tu est encore sur FF2, effectivement c'est "vieux". Le message apparaitra également avec IE7 et opéra 9...

Un peu extrémiste, non ?

Dim a écrit :
PS : Clavier anglais = Sans accents Smiley cligne

p.s. : Alt+130 ;p
Modifié par Laurie-Anne (02 Jun 2009 - 11:37)
Laurie-Anne a écrit :

Si tu est encore sur FF2, effectivement c'est "vieux". Le message apparaitra également avec IE7 et opéra 9...

Un peu extrémiste, non ?


p.s. : Alt+130 ;p


Heuuu, j'ai firefox 3.0.10, c'est plus qu'etre extremiste... Smiley murf

Pour les accents ca ne fonctione pas... Smiley confus mais merci...
Ah ? bah le script doit être buggé (pas regardé en détail ^^; )

Bizare que les codes ne marchent pas... J'ai utilisé ça pendant 2 ans à la fac, c'est long, mais ça marche ;p
Salut,
Merci pour vos commentaires.
La balise image, je sais pas, c'est une habitude que j'avais au début quand je faisais encore du html avec Web Expert et je l'ai gardée mais je la supprime tout doucement.

En ce qui concerne le script, je devrais l'améliorer, là il fait simplement une condition contenant les dernières versions des différents navigateurs. Mais bon, au niveau de la croix pour l'enlever, j'y penserai. Smiley cligne

Voilà, j'ai juste une petite question...

Quand on regarde la page avec certains navigateurs (IE 7 avec un 1024x768), le texte de description d'une idée passe au dessus des boutons...
Vous ne savez pas comment régler ce problème ?

Merci d'avance.

Gp2mv3
Gp2mv3 a écrit :
En ce qui concerne le script, je devrais l'améliorer, là il fait simplement une condition contenant les dernières versions des différents navigateurs. Mais bon, au niveau de la croix pour l'enlever, j'y penserai. Smiley cligne


Si tu pouvais le supprimer tout simplement, ça serait fantastique.
Sujet clos
Aller à