3239 sujets
Critiques de vos sites: code et design
Salut,
Niveau design, je trouve que c'est un peu austère et dense.
Tant qu'à avoir un conteneur qui de toute manière dépasse de la résolution 800x600 en provoquant un scrolling horizontal, tu devrais exploiter au mieux l'espace offert par la résolution standard supérieure, à savoir 1024x768, qui te laisserait jusqu'à 980 pixels de largeur contre les 800 et quelques que tu utilises présentement. Cela permettrait déjà d'aérer un peu le contenu.
Une aération ainsi qu'un rythme vertical plus prononcé ne ferait pas plus de mal, ainsi qu'un peu plus de couleurs (tant qu'à vouloir un site dans les gris, autant avoir des gris teintés et au lieu de neutres, pour donner un peu plus de dynamique et d'ambiance).
Niveau code ça semble propre, mais je ne suis pas spécialiste du html5 pour en dire plus.
Niveau design, je trouve que c'est un peu austère et dense.
Tant qu'à avoir un conteneur qui de toute manière dépasse de la résolution 800x600 en provoquant un scrolling horizontal, tu devrais exploiter au mieux l'espace offert par la résolution standard supérieure, à savoir 1024x768, qui te laisserait jusqu'à 980 pixels de largeur contre les 800 et quelques que tu utilises présentement. Cela permettrait déjà d'aérer un peu le contenu.
Une aération ainsi qu'un rythme vertical plus prononcé ne ferait pas plus de mal, ainsi qu'un peu plus de couleurs (tant qu'à vouloir un site dans les gris, autant avoir des gris teintés et au lieu de neutres, pour donner un peu plus de dynamique et d'ambiance).
Niveau code ça semble propre, mais je ne suis pas spécialiste du html5 pour en dire plus.
Bonjour Patidou,
Quelques éléments en vrac:
* le contraste des caractères du texte est trop pâle à mon avis. Je n'ai pas de problème de vision et je trouvais la lecture difficile.
* les caractères des titres et l'onglet "previsualiser" en bas de page ne sont pas net
* je suis d'accord avec Mikachu sur l'austérité
* le hover jaune et les caractères rouge sur les liens du menu rapide, j'aime plus ou moins
Quelques éléments en vrac:
* le contraste des caractères du texte est trop pâle à mon avis. Je n'ai pas de problème de vision et je trouvais la lecture difficile.
* les caractères des titres et l'onglet "previsualiser" en bas de page ne sont pas net
* je suis d'accord avec Mikachu sur l'austérité
* le hover jaune et les caractères rouge sur les liens du menu rapide, j'aime plus ou moins
Merci Mabelle, je vais voir tout ça… 
Quel navigateur et système d'exploitation utilises-tu? Chez moi les caractères sont net dans IE6/windows XP, sur mac. Il y a juste Safari sur XP qui pose problème (bug AMHA).
Pour le hover, c'est un code du thème par défaut que j'ai oublié de changer.
Modifié par Patidou (24 Oct 2010 - 14:32)
Quel navigateur et système d'exploitation utilises-tu? Chez moi les caractères sont net dans IE6/windows XP, sur mac. Il y a juste Safari sur XP qui pose problème (bug AMHA).
Pour le hover, c'est un code du thème par défaut que j'ai oublié de changer.
Modifié par Patidou (24 Oct 2010 - 14:32)
J'ai testé avec Chrome 7 et Firefox 3.6.11.
Voici ce que ça donne avec Chrome et cela est similaire avec Firefox
upload/17103-titrepatid.jpg
Modifié par Mabelle (24 Oct 2010 - 18:36)
Voici ce que ça donne avec Chrome et cela est similaire avec Firefox
upload/17103-titrepatid.jpg
Modifié par Mabelle (24 Oct 2010 - 18:36)
Bonjour Patidou
Quelques remarques :
- les "g" de tes titres à droite (navigation, catégories...) sont rognés en bas, a priori, c'est le font-size : 1.4em qui passe mal, j'ai testé 1.39 et à partir de 1.46 c'est ok (sur FF 3.6.11)
- il me semble que sur grand écran ton menu d'aide doit être loin du contenu de la page
- je trouve le titre de l'article un peu gros et trop collé à "Par Ombre etc..."
- j'aime bien la gestion des champs du formulaire commentaires sur Chrome, par contre la bordure des boutons prévisualiser, envoyer "bavent" un peu (sur FF aussi)
- le code me semble bien mais bon, je ne suis pas une grande spécialiste
Quelques remarques :
- les "g" de tes titres à droite (navigation, catégories...) sont rognés en bas, a priori, c'est le font-size : 1.4em qui passe mal, j'ai testé 1.39 et à partir de 1.46 c'est ok (sur FF 3.6.11)
- il me semble que sur grand écran ton menu d'aide doit être loin du contenu de la page
- je trouve le titre de l'article un peu gros et trop collé à "Par Ombre etc..."
- j'aime bien la gestion des champs du formulaire commentaires sur Chrome, par contre la bordure des boutons prévisualiser, envoyer "bavent" un peu (sur FF aussi)
- le code me semble bien mais bon, je ne suis pas une grande spécialiste
Mabelle a écrit :
J'ai testé avec Chrome 7 et Firefox 3.6.11.
Voici ce que ça donne avec Chrome et cela est similaire avec Firefox
upload/17103-titrepatid.jpg
Je viens de regarder avec Firefox XP, effectivement il y a un léger crénelage sur le grand titre. Sur Chrome XP le lissage me semble meilleur. Sur IE6, c'est nickel.
À part Mabelle, d'autre personnes sont dérangées par ce crénelage?
Modifié par Patidou (25 Oct 2010 - 09:55)
cilou a écrit :
Bonjour
J'ai aussi le crénelage sur FF et IE7 et IE8 (Windows 7)
Mmmfff.
Dans XP je ne trouve pas ça très gênant. Je vais peut-être changer de fonte…cilou a écrit :
Tu as passé ton menu aide à gauche ? en regardant le style, il devrait être au milieu?
Dans le flux du document, il se trouve en dessous du titre, j'ai dû le positionner en absolu et je ne sais pas comment faire pour le centrer.
cilou a écrit :
J'aime mieux les boutons mais celui du champ de recherche (en dessous) me fait un peu bizarre, tu ne pouvais pas le mettre à coté ?
Ok je vais voir ça…
Modifié par Patidou (25 Oct 2010 - 15:32)
Bonsoir
Pour le gris, je ne sais pas trop... en fonction de l'inclinaison de l'écran, c'est plus ou moins foncé et tirant vers le bleu.
Pour le menu d'aide, tu peux peut être mettre nav (en absolu) dans header (en relatif), j'ai fais comme cela sur mon site.
Pour la fonte, je l'ai remarqué parce que vous en avez parlé avant... c'est surtout le e qui a un décrochage.
Oups, trop tard
Modifié par cilou (26 Oct 2010 - 00:13)
Pour le gris, je ne sais pas trop... en fonction de l'inclinaison de l'écran, c'est plus ou moins foncé et tirant vers le bleu.
Pour le menu d'aide, tu peux peut être mettre nav (en absolu) dans header (en relatif), j'ai fais comme cela sur mon site.
Pour la fonte, je l'ai remarqué parce que vous en avez parlé avant... c'est surtout le e qui a un décrochage.
Oups, trop tard
Modifié par cilou (26 Oct 2010 - 00:13)
Encore bonjour Patidou, le crénelage c'est sur Vista, IE8 cleartype activée ou pas ça change rien de mon côté.
Un commentaire: je préfère le menu rapide à droite. Là, il est mal centré...
C'est drôle, les changements se font en temps réel !
La barre de recherche: seulement sur Chrome, le mot recherche est déjà écrit dans l'input des mots clés et comme il se répète dans l'input submit ça fait bizarre. Je sais, c'est un détail...
En passant, j'aime mieux le submit à droite qu'en dessous...
Un commentaire: je préfère le menu rapide à droite. Là, il est mal centré...
C'est drôle, les changements se font en temps réel !
La barre de recherche: seulement sur Chrome, le mot recherche est déjà écrit dans l'input des mots clés et comme il se répète dans l'input submit ça fait bizarre. Je sais, c'est un détail...
En passant, j'aime mieux le submit à droite qu'en dessous...