Discussion :

[10_GOTO_10]

Alors voilà, c'est mon tour. J'ai un petit site que j'ai commis et que je soumet à vos critiques fournies mais néanmoins constructives.

C'est ici: Le troc d'opinions

Je répond par avance aux premières critiques probables:

• Ya pas d'images, de jolis boutons en relief, de dégradés. Ce n'est pas que de la flemme, c'est aussi voulu. Après tout, Google a le succès qu'on lui connait avec une interface ultra-simplifiée.

• La dominante bleue: Il parait que c'est une couleur rassurante. Dites-moi si ça vous semble trop moche.

• Les capchas seraient à améliorer, je vous l'accorde. J'ai des problèmes pour construire dynamiquement une image en PHP. Mais j'y travaille.

[Xunil]

Hello,

Il aurait peut-être été judicieux de fournir un compte test pour éviter que l'on ne s'inscrive (ce que je n'ai pas fait).

Quelques critiques néanmoins après un premier constat.

- Les tables c'est le mal pour une mise en page.
- Il serait bon que tu te penches sur la sémantique des balises, pour exemple ta FAQ qui devrait utiliser une liste ainsi que des titres h1-6.
- Quel intérêt d'utiliser des pop-ups et target ? ...
- Même si ta mise en page est dépouillée, il est tout de même nécessaire d'utiliser des fichiers css, ne serait-ce que pour définir les propriétés des polices.
- un charset en windows-1252,on ne peut pas dire que ce soit le meilleur utilisé...
- Ton background est vraiment très moche, affaire de goûts sans doute.
- « Ce site nécessite que vous autorisiez le java-script ! » Hors de question !

[HiRoN]

Bonjour,

Je rejoins Xunil sur l'ensemble des points...

• Image Background du site sans plus (fais plutôt vieillot)
• Image titre "Le troc d'Opinions" fais pixelisé
• En fait, si on est pas inscrit, toutes les autres pages sont des popups, c'est un peu dommage, un non-inscrit pourrait finalement venir s'inscrire s'il avait accès à plus de pages (la, ça donne pas vraiment envie)
• CSS à externaliser
• Balise obsolètes à changer
• Title sur liens manquants
• Mettre plusieurs polices si utilisation de font-family
• Trop de <br />
• Pas de label pour les formulaires
• Javascript intrusif

[10_GOTO_10]

Merci à vous deux de être penchés sur mon site,

Il aurait peut-être été judicieux de fournir un compte test pour éviter que l'on ne s'inscrive (ce que je n'ai pas fait).

En fait, si on est pas inscrit, toutes les autres pages sont des popups, c'est un peu dommage, un non-inscrit pourrait finalement venir s'inscrire s'il avait accès à plus de pages (la, ça donne pas vraiment envie)

Je ne vois pas bien ce qu'on pourrait faire sans être identifié ? Saisir un questionnaire qui ne pourra pas être enregistré ? Il y a déjà un exemple de questionnaire pour les non inscrits.

- Les tables c'est le mal pour une mise en page

C'est peut-être mal, mais c'est le seul truc qui marche. Je viens encore d'y passer un samedi pour les transformer en DIV, impossible d'avoir la même mise en page avec tous les explorateurs. Tant que le W3C n'interdit pas les tableaux, je continue à les utiliser si je ne peux pas faire autrement.

- Il serait bon que tu te penches sur la sémantique des balises, pour exemple ta FAQ qui devrait utiliser une liste ainsi que des titres h1-6.

Balise obsolètes à changer

Je note.

- Quel intérêt d'utiliser des pop-ups et target ? ...

Ben comme toutes les popups, la possibilité de consulter une page sans sortir de la page en cours (et de façon moins intrusique qu'une nouvelle fenêtre).

- Même si ta mise en page est dépouillée, il est tout de même nécessaire d'utiliser des fichiers css, ne serait-ce que pour définir les propriétés des polices.

CSS à externaliser

Là aussi, ça ne me paraît pas totalement indispensable pour mes trois ou quatre pauvres div. Mais c'est en cours.

- un charset en windows-1252,on ne peut pas dire que ce soit le meilleur utilisé...

Judicieuse remarque. J'ai tout mis en UTF-8.

- Ton background est vraiment très moche, affaire de goûts sans doute.

Image Background du site sans plus (fais plutôt vieillot)

Soit. Je l'ai changé.

- « Ce site nécessite que vous autorisiez le java-script ! » Hors de question !

Javascript intrusif

... Sans javascript, vous ne devez pas voir grand-chose ? Même votre forum préféré l'utilise largement ???

Image titre "Le troc d'Opinions" fais pixelisé

Parce que c'était du GIF. Je l'ai mis en PNG, tant pis pour ceux qui ont encore IE6.

Title sur liens manquants

Ok. Ajouté.

Mettre plusieurs polices si utilisation de font-family

Là, je ne saisis pas la remarque ? Que veux-tu dire ?

Trop de <br />

Tu aurait préféré tout sur une seule ligne ???

Pas de label pour les formulaires

Non, juste quand il y en a besoin.



En encore merci pour vos conseils.

[HiRoN]

Je ne vois pas bien ce qu'on pourrait faire sans être identifié ? Saisir un questionnaire qui ne pourra pas être enregistré ? Il y a déjà un exemple de questionnaire pour les non inscrits.

Effectivement, je n'avais pas vu l'exemple...

... Sans javascript, vous ne devez pas voir grand-chose ? Même votre forum préféré l'utilise largement ???

Personnellement, je ne fais pas de javascript intrusif.
Le Javascript vient une fois le développement fini côté serveur. Rien ne vaut un contrôle côté serveur. Question de choix technique...

Parce que c'était du GIF. Je l'ai mis en PNG, tant pis pour ceux qui ont encore IE6.

Tu peux corriger cela avec PNGFix par exemple...

Là, je ne saisis pas la remarque ? Que veux-tu dire ?

Au niveau de l'utilisation de font-family, tu mets :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

font-family:Times New Roman;

Il vaudrait mieux mettre plusieurs choix (de substitution, au cas ou la police ne serait pas trouvée).

Tu aurait préféré tout sur une seule ligne ???

Nul besoin de <br />.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="divintroduction">
<div id="introduction"></div>
<br/>
Cliquez sur le bouton "Suivant" pour commencer.<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>

J'aurais personnellement fais :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div id="divintroduction">
    <div id="introduction"></div>
    <p>Cliquez sur le bouton "Suivant" pour commencer.</p>
</div>

En jouant sur les marges du <p> afin de créer l'espace correspond aux <br />.

Non, juste quand il y en a besoin.

L'avantage de mettre des labels et qu'ils permettent de sélectionner direction le bon choix.
Il y a pas mal de radio dans le questionnaire test, pouvoir les sélectionner en cliquant sur le label correspond apporte un plus confort de saisie et améliore l'accessibilité.

C'est dans tous les cas déjà bien mieu (logo et image de fond déjà plus sympa). Améliorer le menu ne serait aussi un plus.
Bonne continuation