Critiques - World of Making

Bonjour,

je désire des critiques sur mon site World of Making, au niveau design. Il me plait dans l'actuel, mais mon avis n'est pas le seul à compter. Si vous pouviez aussi me donner des idées d'améliorations..

Merci d'avance

URL: http://www.worldofmaking.com/

Il est valide au XHTML et CSS. Il y a juste 3 erreurs due à un lien que j'ai du mettre..

Salut,

Rien ne t'empêche d'adapter ce lien imposé par ce site de référencement dans une forme plus standards, utilisant des balises reconnues et validables.
Je pense que ce qu'ils veulent c'est surtout que le lien vers leur site reste visuellement conforme à leur attente en réponse au service qu'ils t'offrent.
Je ne pense pas qu'ils t'en voudront d'avoir modifié ce code rendant impossible la validation de ton site. Si malgré tout celà te posais problème il serait temps de remettre le code original en supprimant le lien de validité w3c pour l'html, ou sinon supprimer carrément ce lien et te faire dé référencer de leur part.

"Je préfère avoir un site moins bien référencé mais conforme à ma liberté et mes idéaux plutôt que me laisser imposer ceux des autres."
Modifié par Mikachu (22 Jan 2007 - 16:46)

Re pour des commentaires sur le site,

Le premier reproche que je ferais à ton site, c'est que lorsqu'on arrive sur la page d'accueil, rien n'indique de quoi il s'agit vraiment. Il serait bon d'avoir un paragraphe d'intro en plus gras qui précise un peu de quoi traite ce site. En l'état il faut parcourir les pages pour comprendre ce que veux dire "marre de jouer ? créez !". Les sites sur lesquels je tombe et qui sont aussi peu précis ne retiennent que rarement mon attention. En général je ferme et je passe à autre chose.

Deuxième reproche, qui tend à devenir rédhibitoire chez moi, les gifs animées. A défaut d'en avoir, tu devrais toutes les avoir au même endroit, le plus en bas de page possible de manière à ce qu'elles ne soient pas visible ou le moins possible au démarrage de la page. Là ça attire l'attention sur un truc dont le visiteur moyen se fout éperdument.

Concernant le menu, je le trouve assez peu lisible en raison du dessin en trame de fond. L'image est trop visible et trop contrastée pour permettre une lecture aisée des liens. Ce n'est en général pas une bonne idée que d'avoir une image derrière du texte, et si c'est fait il faut avoir cette image le plus en transparence possible pour en réduire le contraste au maximum.

L'autre défaut du site, sont les filets utilisés de manière un peu abusive. Trop de filet tue la pêche à l'information pourrais-je dire... Tu enferme trop ton information dans des cadres de différentes épaisseurs et couleur, et à force le décryptage de la structure de la page devient complexe. Les marges de différentes tailles un peu partout amplifient cette impression.

Le texte est à mon avis un peu gros, je suis en 1280x960, ce qui est une résolution plus que honorable pour le web, et pourtant je ne vois que peu d'informations à la fois. Si c'était moi je réduirait la taille du texte de deux niveaux de [shift +molette] dans firefox, si tu tiens à avoir une taille un peu supérieure à la taille générale sur la plupart des sites, tu peux te contenter de réduire la taille d'un seul niveau de [shift +molette].

Le texte serait à retravailler, en l'aérant mieux entre les paragraphes et titres, en hiérarchisant plus l'information par la taille du texte (titres comme pour les paragraphes) en fonction de son importance.

La couleur manque peut être un peu de fantaisie, la dominante est froide, le bleu, et il suffirait d'un petit apport de couleur chaude (rouge, orange, jaune), hormis bien sur les smileys, pour rendre le tout plus attractif. Pourquoi pas dans les titrages ou les effets sur les titres ?

La navigation perd un peu :
<< Début < Précédente 1 2 Suivante > Fin >>
C'est pas très explicite, il faudrait séparer un peu les items pour qu'ils soient bien plus facile à repérer pour l'oeil. La présence de tous ces crochets rend la compréhension de cette barre -qui se voudrait pratique- assez difficile.
Modifié par Mikachu (22 Jan 2007 - 20:16)

Mikachu a écrit :
Re pour des commentaires sur le site,

Le premier reproche que je ferais à ton site, c'est que lorsqu'on arrive sur la page d'accueil, rien n'indique de quoi il s'agit vraiment. Il serait bon d'avoir un paragraphe d'intro en plus gras qui précise un peu de quoi traite ce site. En l'état il faut parcourir les pages pour comprendre ce que veux dire "marre de jouer ? créez !". Les sites sur lesquels je tombe et qui sont aussi peu précis ne retiennent que rarement mon attention. En général je ferme et je passe à autre chose.

Je l'avais mis, et enlever au passage à Joomla. C'est arranger

Mikachu a écrit :
Deuxième reproche, qui tend à devenir rédhibitoire chez moi, les gifs animées. A défaut d'en avoir, tu devrais toutes les avoir au même endroit, le plus en bas de page possible de manière à ce qu'elles ne soient pas visible ou le moins possible au démarrage de la page. Là ça attire l'attention sur un truc dont le visiteur moyen se fout éperdument.

Arranger.

Mikachu a écrit :
Concernant le menu, je le trouve assez peu lisible en raison du dessin en trame de fond. L'image est trop visible et trop contrastée pour permettre une lecture aisée des liens. Ce n'est en général pas une bonne idée que d'avoir une image derrière du texte, et si c'est fait il faut avoir cette image le plus en transparence possible pour en réduire le contraste au maximum.

Mikachu a écrit :
L'autre défaut du site, sont les filets utilisés de manière un peu abusive. Trop de filet tu la pêche à l'information pourrais-je dire... Tu enferme trop ton information dans des cadres de différentes épaisseurs et couleur, et à force le décryptage de la structure de la page devient complexe. Les marges de différentes tailles un peu partout amplifient cette impression.

Je ne voit pas trop quoi mettre à la place

Mikachu a écrit :
Le texte est à mon avis un peu gros, je suis en 1280x960, ce qui est une résolution plus que honorable pour le web, et pourtant je ne vois que peu d'informations à la fois. Si c'était moi je réduirait la taille du texte de deux niveaux de [shift +molette] dans firefox, si tu tiens à avoir une taille un peu supérieure à la taille générale sur la plupart des sites, tu peux te contenter de réduire la taille d'un seul niveau de [shift +molette].

Comment baisser toute les polices du site d'un coup? C'est possible niveau CSS?

Mikachu a écrit :
Le texte serait à retravailler, en l'aérant mieux entre les paragraphes et titres, en hiérarchisant plus l'information par la taille du texte (titres comme pour les paragraphes) en fonction de son importance.

J'ai la flemme de le faire la, je doit analyser le CSS de Joomla puis le travailler, je le ferait plus tard.

Mikachu a écrit :
La couleur manque peut être un peu de fantaisie, la dominante est froide, le bleu, et il suffirait d'un petit apport de couleur chaude (rouge, orange, jaune), hormis bien sur les smileys, pour rendre le tout plus attractif. Pourquoi pas dans les titrages ou les effets sur les titres ?

Tu pense que les titres des pages serait mieux en orange, voir rouge?

Mikachu a écrit :
La navigation perd un peu :
<< Début < Précédente 1 2 Suivante > Fin >>
C'est pas très explicite, il faudrait séparer un peu les items pour qu'ils soient bien plus facile à repérer pour l'oeil. La présence de tous ces crochets rend la compréhension de cette barre -qui se voudrait pratique- assez difficile.

J'ai mis un espace de 5 pixels en chaque.


He bien merci beaucoup pour ton avis! Je t'invite à voir l'évolution et me redonner un nouvel avis si tu en as le courage

a écrit :

Trop de filet tu la pêche à l'information ....

... même pas honte !?

kzone a écrit :

Trop de filet tu la pêche à l'information ....

... même pas honte !?
Si, j'ai oublié le "e" à "tue", c'est corrigé

a écrit :
Mikachu a écrit :
Deuxième reproche, qui tend à devenir rédhibitoire chez moi, les gifs animées. A défaut d'en avoir, tu devrais toutes les avoir au même endroit, le plus en bas de page possible de manière à ce qu'elles ne soient pas visible ou le moins possible au démarrage de la page. Là ça attire l'attention sur un truc dont le visiteur moyen se fout éperdument.

Arranger.
Je vois pas de différence.

a écrit :
Mikachu a écrit :
Le texte est à mon avis un peu gros, je suis en 1280x960, ce qui est une résolution plus que honorable pour le web, et pourtant je ne vois que peu d'informations à la fois. Si c'était moi je réduirait la taille du texte de deux niveaux de [shift +molette] dans firefox, si tu tiens à avoir une taille un peu supérieure à la taille générale sur la plupart des sites, tu peux te contenter de réduire la taille d'un seul niveau de [shift +molette].

Comment baisser toute les polices du site d'un coup? C'est possible niveau CSS?
Si toutes tes polices sont en caractères relatifs, tu peux tout réduire d'un coup en modifiant la taille de police relative du body, qui réduira par conséquent la taille de toutes les polices dépendant de celle là.

a écrit :
Mikachu a écrit :
La couleur manque peut être un peu de fantaisie, la dominante est froide, le bleu, et il suffirait d'un petit apport de couleur chaude (rouge, orange, jaune), hormis bien sur les smileys, pour rendre le tout plus attractif. Pourquoi pas dans les titrages ou les effets sur les titres ?

Tu pense que les titres des pages serait mieux en orange, voir rouge?
C'est ce qu'il m'avait semblé dire

Voila, j'ai tout arranger sauf la taille des textes. Je ne connais pas ta méthode.. Encore merci pour ton aide

Salut,

C'est déja mieux car plus simple.

Attention petit bug, le lien de validation de ta CSS comporte une erreur qui la rend introuvable si on clique sur le lien en bas de page.

Pour l'histoire du texte je vais expliquer en gros. Prenons l'exemple suivant :

[b]Html[/b]
<body>
  <h1>Ici mon titre de niveau 1</h1>
  <p>Un paragraphe de texte car tout site valable se doit d'avoir du texte</p>
</body>

[b]Css[/b]
body {font-size: 1em;}
h1 {font-size: 1.2em;}
p {font-size: 0.8em}

Dans ce code on spécifie que la taille de caractère de tout le document fait 1em (spécifié pour body).
Ensuite on modifie en fonction des éléments : tu veux le titre plus gros, donc tu lui attribue une taille de 1.2em, et le texte plus petit, donc 0.8em.

Ces valeurs fonctionnent comme des indices. La valeur donnée au titre h1 dans ce cas la lui donnera comme taille 1.2 fois la taille définie par défaut, en l'occurence 1em.
Si par contre la taille de typo par défaut définie dans le body avait été de 2em, on aurait multiplié par 2, soit une taille pour le titre h1 de 2.4em.

Ainsi, si tous tes éléments dans ton document ont une taille définie, il te suffit de définir une taille inférieure à 1em à ton body pour réduire tout d'un coup la taille de tous le texte de ton site, et si tu donne une valeur supérieure à 1em à ton body, tu vas au contraire tous les agrandir. En l'occurrence dans ton cas, il s'agirait de les réduire.

J'espère que ca te semblera clair

Voila, j'ai tout arranger, merci beaucoup pour ton aide

Salut !

Dans ta bannière, le mot "creez" est difficile à lire, en blanc sur fond blanc Je l'aurais changé de couleur. Quoique, de toutes façons, je l'aurais mis en dur dans le code HTML, et pas en image !

Placer le titre de la page et le texte d'introduction en image d'arrière-plan est une vraie mauvaise idée : les visiteurs qui ne peuvent pas les voir ne sauront pas où ils sont tombés, et risquent de faire demi-tour aussitôt

Il doit y avoir quelque chose à l'intérieur de ta balise <h1>. Soit du texte, soit une image <img />.

Fais attention à l'orthographe ! Un page d'accueil truffée de fautes, ce n'est pas très crédible.

Dans ta bannière, "Marre de jouer", par exemple. Et on écrit "j'ai tout arrangé"

C'est mieux pour référencement en html en effet, mais ce n'es pas très beau

Merci pour la faute, je corrige tout à l'heure

Aelis a écrit :
C'est mieux pour référencement en html en effet, mais ce n'es pas très beau

A la limite, tu pourrais mettre toute ta bannière comme titre :

<div id="#header">
   <h1><img src="maBanniere.jpg" alt="World of Making : marre de jouer ? Créez !" /></h1>
</div>

te donnera exactement le même résultat visuel que maintenant (en corrigeant marges & dimensions, of course) tout en ajoutant les informations nécessaires dans le fichier HTML.

.... salut !

Il est vraiment chouette je trouve maintenant .... c'est Vraiment dommage
le 'paquet ' de partenaires en bas de pages qui 'tue' un peu l'ensemble ...

Je trouve aussi, seulement, je ne peux pas les retirer, ils me valent des visiteurs