3246 sujets
Critiques de vos sites: code et design
Bonjour,
Au niveau graphique, il serait bien d'ajouter des marges pour laisser respirer un peu le menu de droite, ainsi que la phrase d'accroches, qui sont un peu collées au bord du navigateur.
Tu devrais limiter la largeur de la colonne de texte au milieu, car sur un écran de portable en wide, les lignes sont très longues et il devient très pénible de les lire. Je suis en 1440x900 sur mon portable mac, et le premier paragraphe de ta page d'accueil n'est qu'une seule ligne...
Sur la page analyse de l'air, les photos d'instruments insérées dans le bandeau bleu font un peu tache avec leur fond blanc. Déja pourquoi sont elles sur ce bandeau de menu, alors que ce n'est pas le cas sur les autres pages ? Et si elles doivent vraiment être là n'y aurait il pas moyen de les détourer pour éviter ces gros carrés blancs ?
Je trouve le texte un peu pauvre, tout est noir c'est un peu triste. N'y aurait-il pas moyen d'ajouter un peu plus de couleur ou d'animation visuelle ?
Concernant la gamme de couleurs, il est dommage qu'il n'y ait pas de couleur d'opposition, qui égaye un peu le site, car même si on est dans le domaine environnemental, ca semble un peu trop aseptisé.
Concernant le code, des choses à redire aussi :
Si on désactive les styles et/ou images, le titre et sous titre du site disparait. C'est pas tip top. Faudrait gérer ton bandeau de sorte qu'on ait toujours accès à l'information du titre. De plus ton lien retour à l'accueil prends presque une importance énorme en raison de la balise <h1> utilisée (je sais pas si c'est bon ou mauvais, mais je serai partisan de séparer ce lien du titre du site)
Concernant la mise en page du texte, pourquoi ponctuer tes paragraphes par des
<p> </p>, qui rajoute du texte inutilement quand on sait qu'il suffit de gérer les espaces entre les paragraphes par les marges des paragraphes ?
Concernant ton footer, pourquoi ajouter une div inutile, alors qu'il suffirait d'attribuer ton id="textfooter" à ton paragraphe ?
Sais tu que la balise <font> est dépréciée par le W3C, car il s'agit de mise en forme dans le fond, alors que c'est tout aussi gérable par le biais de la feuille de style ? De plus je ne suis pas persuadé que la police Broadway soit une police courante, comme semble l'indiquer ce site qui référence les polices les plus communes avec leur pourcentage de présence sur les ordinateurs du monde entier. Sauf erreur de ma part, elle ne figure pas dans cette liste. Autrement dit, si tu ne choisis pas une police plus courante, tu risque de voir ce titre s'afficher de manière différentes sur différents ordinateurs/systèmes d'exploitations...
En matière de balises, tu devrais désormais aussi te passer des balises <i> pour l'italique <b> pour le texte en gras et <u> pour le texte souligné, qui sont elles aussi dépréciées, et utiliser les balises standards respectivement <em> pour l'italique, <strong> pour le texte en gras, et utiliser le text-decoration : underline comme propriété d'une balise <span> que tu veux souligner.
Entre nous, il est bien de mettre l'accent sur certaines choses dans un texte, mais je pense que le bold et l'italique suffisent, le soulignement correspondrait à un niveau de bold supplémentaire, qui à mon avis n'apporte rien de plus au fait que la personne fait DEJA attention plus précisément à cette partie du texte. A trop vouloir insister on rend l'impact caduque.
Voilà ce que je peux en dire présentement.
Au niveau graphique, il serait bien d'ajouter des marges pour laisser respirer un peu le menu de droite, ainsi que la phrase d'accroches, qui sont un peu collées au bord du navigateur.
Tu devrais limiter la largeur de la colonne de texte au milieu, car sur un écran de portable en wide, les lignes sont très longues et il devient très pénible de les lire. Je suis en 1440x900 sur mon portable mac, et le premier paragraphe de ta page d'accueil n'est qu'une seule ligne...
Sur la page analyse de l'air, les photos d'instruments insérées dans le bandeau bleu font un peu tache avec leur fond blanc. Déja pourquoi sont elles sur ce bandeau de menu, alors que ce n'est pas le cas sur les autres pages ? Et si elles doivent vraiment être là n'y aurait il pas moyen de les détourer pour éviter ces gros carrés blancs ?
Je trouve le texte un peu pauvre, tout est noir c'est un peu triste. N'y aurait-il pas moyen d'ajouter un peu plus de couleur ou d'animation visuelle ?
Concernant la gamme de couleurs, il est dommage qu'il n'y ait pas de couleur d'opposition, qui égaye un peu le site, car même si on est dans le domaine environnemental, ca semble un peu trop aseptisé.
Concernant le code, des choses à redire aussi :
Si on désactive les styles et/ou images, le titre et sous titre du site disparait. C'est pas tip top. Faudrait gérer ton bandeau de sorte qu'on ait toujours accès à l'information du titre. De plus ton lien retour à l'accueil prends presque une importance énorme en raison de la balise <h1> utilisée (je sais pas si c'est bon ou mauvais, mais je serai partisan de séparer ce lien du titre du site)
Concernant la mise en page du texte, pourquoi ponctuer tes paragraphes par des
<p> </p>, qui rajoute du texte inutilement quand on sait qu'il suffit de gérer les espaces entre les paragraphes par les marges des paragraphes ?
<div id= "footer">
<div id= "textfooter">
<p>Copyright © 2005-2006, Enviro-option. Tous droits réservés.</p>
</div>
</div>Concernant ton footer, pourquoi ajouter une div inutile, alors qu'il suffirait d'attribuer ton id="textfooter" à ton paragraphe ?
<h1><font face="Broadway">Enviro-option</font></h1>
Sais tu que la balise <font> est dépréciée par le W3C, car il s'agit de mise en forme dans le fond, alors que c'est tout aussi gérable par le biais de la feuille de style ? De plus je ne suis pas persuadé que la police Broadway soit une police courante, comme semble l'indiquer ce site qui référence les polices les plus communes avec leur pourcentage de présence sur les ordinateurs du monde entier. Sauf erreur de ma part, elle ne figure pas dans cette liste. Autrement dit, si tu ne choisis pas une police plus courante, tu risque de voir ce titre s'afficher de manière différentes sur différents ordinateurs/systèmes d'exploitations...
En matière de balises, tu devrais désormais aussi te passer des balises <i> pour l'italique <b> pour le texte en gras et <u> pour le texte souligné, qui sont elles aussi dépréciées, et utiliser les balises standards respectivement <em> pour l'italique, <strong> pour le texte en gras, et utiliser le text-decoration : underline comme propriété d'une balise <span> que tu veux souligner.
Entre nous, il est bien de mettre l'accent sur certaines choses dans un texte, mais je pense que le bold et l'italique suffisent, le soulignement correspondrait à un niveau de bold supplémentaire, qui à mon avis n'apporte rien de plus au fait que la personne fait DEJA attention plus précisément à cette partie du texte. A trop vouloir insister on rend l'impact caduque.
Voilà ce que je peux en dire présentement.
Hello,
Merci de bien vouloir afficher le nom de ton site dans le titre du sujet, comme cela est demandé dans le message d'annonce de ce forum : "A lire avant de poster : Ergonomie, Design et demandes de critiques", sinon 99% des sujets de ce salon auraient le même titre évasif
Merci de bien vouloir afficher le nom de ton site dans le titre du sujet, comme cela est demandé dans le message d'annonce de ce forum : "A lire avant de poster : Ergonomie, Design et demandes de critiques", sinon 99% des sujets de ce salon auraient le même titre évasif
c'est moi ou y'a un air de ressemblance?
hellgy a écrit :
c'est moi ou y'a un air de ressemblance?
En effet :
- même gabarit
- même taille de header, et mêmes frises
- mêmes puces
- etc
On ne peut pas dire que ce soit une copie conforme, mais ce n'est pas le fruit du hasard.
Mikachu, merci pour les commentaires, très apprécié! Je vais essayer de faire ce que tu me suggère.
hellgy, pour la ressemblance au site, je dois t'avouez que je n'en ai aucune idée. Le cadre de base m'a été fourni par un ami. A première vu tu sembles bien avoir raison, ca ressemble quand même pas mal surtout au niveau des noms de colonnes et la structure. Est-ce quelque chose de pas correct? Moi de toute facon je fais pas ca professionellement, je veux juste un bon site web pour offrir mes services et l'important pour moi c'est moins la facon que ca été fait que le look au final.
Je veux surtout pas avoir a recommencer tout ca, ca représente pas mal d'heure de travail pour moi, même si c'est assez drabe comme site
Modifié par ginodec (28 Sep 2006 - 19:24)
hellgy, pour la ressemblance au site, je dois t'avouez que je n'en ai aucune idée. Le cadre de base m'a été fourni par un ami. A première vu tu sembles bien avoir raison, ca ressemble quand même pas mal surtout au niveau des noms de colonnes et la structure. Est-ce quelque chose de pas correct? Moi de toute facon je fais pas ca professionellement, je veux juste un bon site web pour offrir mes services
et l'important pour moi c'est moins la facon que ca été fait que le look au final.Je veux surtout pas avoir a recommencer tout ca, ca représente pas mal d'heure de travail pour moi, même si c'est assez drabe comme site
Modifié par ginodec (28 Sep 2006 - 19:24)
Autre chose,
Concernant le texte
déja il manque un " avant iso, et l'utilisation d'un tel charset n'implique pas d'utiliser les caractères codés comme en UTF8. Ainsi, tu peux écrire ton texte normalement avec les accents. C'est quand même plus simple à lire et à corriger.
Concernant le texte
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />déja il manque un " avant iso, et l'utilisation d'un tel charset n'implique pas d'utiliser les caractères codés comme en UTF8. Ainsi, tu peux écrire ton texte normalement avec les accents. C'est quand même plus simple à lire et à corriger.
Ok, merci beacoup! Tout ca est assez nouveau pour moi. Je vais refaire le contenu en fonction d'un modele recommandé par Ghost. Je me sent mal de voir que le cadre de mon site est copié sur un autre, mon ami vient de me confirmer le tout et ca ne me plait pas dutout, je trouvais qu'il avait de bonnes idées, je ivens de comprendre . De toute facon, ca va me permettre de comprendre un peu plus comment tout ca fonctionne. 
Merci! en passant, j'ai refais mon site en entier. Ca l'air à bien fonctionner. J'ai résolut mon problème de navigation et bien d'autres problèmes. Il me reste plus qu'a travailler sur le style un peu et les recommendations de Mikachu (J'ai déjà fait la pluspart de celles-ci). En passant, J'ai mis un peu plus de couleur, est-ce mieux? J'ai pas l'oeil pour les couleurs malheureusement.
Un gros merci encore à tous.
Modifié par ginodec (06 Oct 2006 - 15:27)
Un gros merci encore à tous.
Modifié par ginodec (06 Oct 2006 - 15:27)
ginodec a écrit :
Un gros merci encore à tous.
Bravi.
Par contre je me permets une remarque par rapport à ton titre de sujet : tu l'as renommé "Résolut" (en passant, la bonne orthographe est "Résolu"), mais tu as complètement supprimé le reste du sujet.
En clair, on se retrouve avec un sujet nommé "Résolut", ce qui ne veut rien dire ! Comment va-t-on le retrouver via la recherche ?