Que pensez-vous du design de mon site ?
Que pensez-vous du design de mon site ? • le Ven 29 Fév 2008 23:08
Bonjour
Bonjour
Je suis étudiant en informatique, j'ai donc un site présentant rapidement mes projets...
L'adresse est : 
http://jgosme.perso.info.unicaen.fr/
Au niveau programmation web : pas de problème (Python fait l'affaire !)
Par contre, au niveau design, je ne suis pas au top.
Si quelqu'un pouvais me donner quelques conseils d'ordre général (les couleurs, le placement des bandeaux, ...)
Bonjour
J'ai quelques propositions d'améliorations pour toi.
J'y vais franchement ....
Le fond de page :
- il est sympa, bonne couleur le fond est beau motif
Logo :
- je suis pas super fan du logo doublé droite + gauche
- je verrais mieux un seul, pourquoi pas le placer dans un cadre, ou un cartouche un peut design
Police :
- Il y a beaucoup trop de tailles, styles et décorations différentes
Le footer (pied de page) :
Il me semble trop gros et important. Il faut diminuer sa hauteur
- prends une seule et unique taille de caractères
- rassemble plusieurs infos par ligne
- Les imagette : le jaune est trop criard
Le corps :
- beaucoup trop peu d'informations, la partie "utile" de ta page d'accueil se limite à 3 liens.
- Il faut que tu rajoutes un minimum de texte.
J'espère que certains de mes conseils te seront utiles.
n°2 : Restez informé, suivez toutes les actualités du référencement et des moteurs de recherches
J'espère ne pas t'avoir mis le cafard en te sortant toutes les améliorations à effectuer (ou défauts à corriger 
, c'est selon).
Le dicton "cent-fois-sur-le-métier-tu-remettras-l'ouvrage." correspond bien au travail du graphisme.
personnellement. Ou même "Quand il n'y en a plus, il y en a encore."
J'ai été surpris la première fois que l'on ma sorti une longue liste de choses qui n'allaient pas après avoir longtemps "fignolé" mon graphique. 
Les fois suivantes cela m'a moins surpris.
n°2 : Restez informé, suivez toutes les actualités du référencement et des moteurs de recherches
Bonjour,
Je daveloppe aussi des sites internets, et je peux juste te dire un truc c'est que le design de ton site c'est pas encore ça c'est sur !! Ma copine est graphiste et j'ai bossé pour des boites de creation de site et dis toi que en général un site est créé en partie par un graphiste (image) et l'autre (tout le code derriere) c'est un développeur qui s'en occupe, c'est 2 metier différent donc si tu as du mal niveau graphisme c'est po grave!! on peut etre bon partout!
Sinon pour mon avis : graphisme et ergonomie
- ton menu doit absolument etre accessible sur la 1ere page directement, on doit pouvoir naviguer en cliquant directement d'une page à une autre (economiser le nombre de clic).Ta navigation n'est pas claire du tt, il n'y a pas de sens de lecture dans ta page d'acceuil, on ne sais pas vraiment ou on doit cliquer.
- un logo est en général en haut à gauche car c'est le premier endroit qui est lu dans un site (sens de lecture des occidentaux)
- il faut eviter les couleurs trop différentes : garder au max 3 couleur différentes (mais dans le meme ton si possible), ton logo est dans les rouges orange vert donc reste dans ces couleurs pour réaliser ton site.
- le ./Accueil est à éviter car il est en plein milieu et on se doute bien que la premiere page du site est celle de l'accueil, essaye de le placer à un endroit plus discret
- idem pour le pied de page : là il prend presque plus de place que ton espace d'accueil. Fait plutot sur une ligne ou met un liens vers une page infos ou fait un popup. = je parle du texte, d'ailleur cela a t il un grand interet de mettre le type d'encodage, le tps de generation de la page...
- pense qu'une personne viens sur ton site pour chercher des infos précises, les infos du genre tps de génération d'une page ne sont pas tres interessentes, par contre tes denieres mise a jr ou recherche devrait etre placées en 1er page avec un lien (par ex)
- enfin utilise des feuille de style pour améliorer ton design, si tu peux evite les surplus de puce... (fait tes propres puce si tu a la motiv c'est vraiment plus sympa).
Voila tout, j'espere t'avoir aidé et pas trop découragé, voici qq lien qui pourront t'etre bien utiles :
- 
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/design-css
- 
http://www.tuteurs.ens.fr/internet/web/html/css.html
- 
http://www.aidenet.com/pageperso05.htm
-
asonvb Admin - Nouveau
Tu dis tout haut ce que je ne faisais que présentir!
Oui je le reconnais volontiers, je ne suis pas graphiste. Seulement le nombre de couleurs à utiliser semble déjà un point intéressant.
Je vais m'y mettre dès que j'aurais un peu temps. Je solliciterais de nouveau vos conseils dès que j'estimerais avoir assez travaillé.
Merci pour tout.
Bonjour,
Mêmes remarques que les autres : tu devrais revoir le découpage, la maquette de tes pages.
Fais-toi un bandeau dans le haut de page, qui incluerait ton logo (à gauche), le titre, et éventuellement des accès à un menu secondaire (d'habitude les pages "contact", "plan du site", "à propos", "téléchargements"... ce genre de trucs, à dissocier de préférence du menu principal qui présente les rubriques de contenu).
Ton menu principal, il te faut l'ajouter sur toutes les pages, dans une zone fixe. Idéalement, une barre de navigation horizontale ou verticale).
Le fil d'Ariane (Vous êtes ici : Accueil >...>...) c'est très bien d'y avoir pensé, et sa place est effectivement en haut de page, sous le bandeau. Mais décale-le à droite ou à gauche. C'est une petite aide à la navigation (et un coup de pouce à l'accessibilité), pas un titre...
L'image d'arrière-plan, je suis pas fan du concept. Un fond de couleur unie est plus agréable, et te permettra de définir des CSS qui seront validés sans avertissement.
Ton footer prend trop de place. y serait même mieux SOUS la page, pas inclus dedans.
Ha oui c'est vraiment plus beau.
Bien sûr, ce n'est pas parfait.
Beaucoup de grand artiste peintre ou sculpteur on travaillé leur vie entière, sur quelques ou plusieurs de leurs oeuvres, pour approcher cette perfection.
Au cas où tu aurais l'intention d'améliorer ton design, je te donne de nouveau quelques éléments.
- Le titre est trop gros par rapport au corps du texte, (et même tout seul)
- Les polices complexes du type Times new roman ne sont très belles sur le web (encore plus pour un titre). Choisit plutôt verdana, arial , .. courrier)
- les bords des cadres sont un peu trop épais
- la partie verticale gauche et droite des logos W3C, etc. paraisses obliques.
Diminue l'arrondi et même triche un peut pour contrecarrer illusion d'optique.
- les couleurs et le type de dégradé ne sont pas identiques dans le cadre d'en-tête et les logos W3C
Le haut : il est trop gros est imposant.
Je verrai mieux le texte en noir (car tu n’as déjà pas mal de tons gris, blanc, noir).
Fonce un peu plus la partie droite.
Diminue la taille de la section titre.
exemple 1 : diminue la largeur de cette section
exemple 2 : diminue la hauteur en laissant dépasser le logo du cadre (comme 
http://www.alsacreations.fr/ )
exemple 3 : sort le logo du cadre
.... Bonne refonte
PS : Mois aussi je suit en plein dedans.
n°2 : Restez informé, suivez toutes les actualités du référencement et des moteurs de recherches
Ha-oui aussi ,c'est trop vert.
Mets plutot du gris sur le fond (si ton chois de seconde couleur est le gris, comme la bordure), .
Exemple 1 : dégradé du gris clair vers le blanc, du haut vers le bas
Exemple 2 : Un fond gris clair de largeur fixe 100 ou 200 pixels plus large que les cadres, et le background de la page en blanc.
n°1 : Essayez SEO Soft, le logiciel de référencement open source
Je m'attendais à cette remarque sur le vert! 
Je vais essayez de rendre moins vert le fond, et le bandeau d'en-tête ça vas?
En fait je m'aperçois que la couleur est beaucoup plus fade sur mon écran de portable que sur d'autres écrans. (J'ai fais tout les graphiques en testant sur mon portable.)
Sinon pour le bandeau, je pense qe je vais jouer sur ça hauteur plus que ça largeur.
Merci
C'est déjà nettement mieux ! 
Va falloir soigner le bandeau, quitte à aller chercher l'inspiration à droite et à gauche.
Tu n'as pas beaucoup de contenu, c'est pour ça qu'il est difficile de définir une charte graphique. Tu la feras évoluer à mesure que tu ajouteras des choses.
Fais-toi quand-même un vrai menu de navigation... Le lien vers le plan du site, c'est pas la même chose.
Ta barre de nav, ça peut être des <ul><li> en display horizontal, alignés sur la base du bandeau, par exemple. Quelque chose de discret mais de clean, pas de gros boutons moches.
Salut,
Si je puis me permettre AMHA:
Graphisme: Bah le vert n'est pas trop top mais c'est ton site fais toi plaisir
l'image du logo reste pour moi assez hermétique...
Utilise une font un peu plus ... enfin un peu moins ... carrée (tahoma, verdana...)
Agrémente un peu la chose graphiquement... là tu es un peu brut de décoffrage (puces graphiques... petits effets de transparence...)
Code:
Valide html (c'est bien) CSS il y a un problème ...
vire le prologue <?xml version='1.0' encoding="utf-8" ?> il ne te sert à rien et en plus il fait passer ie en mode Quirck.
Utilise des doubles cote (") dans ton code (si un jour tu passes en php ça va être la misère 
)
Tu devrais insérer ta page dans un bloc global, ce qui t'éviterait de devoir dimensionner les width de tout tes blocs et peut être songer à optimiser pour du 1040px (960 utilisables).
Evite de fixer les height de tes blocs, ils suivront ainsi leur contenu en cas d'agrandissement des polices.
Si il n'y a pas de positionnement relative ou absolute top, left, right, bottom ne sont pas implémentés et le positionnement en relative (et absolute) supporte les margin et pour plus de robustesse utilise margin ou top... évite les 2
Balise meta keywords, ça ne mange pas de pain et un titre plus explicite ...
Si ton logo contient une information, placer cette image dans le code avec une balise alt qui va bien.
Contenu:
Bah on ne sait pas trop à quoi s'en tenir en fait, peut être 4 explications nan?
Pour le contenu du site, j'aurais appelé ça menu, placé et différencié de manière adéquate (c'est fou ce que je peux être conservateur )
Sinon du rédactionnel encore et toujours !!
Voilou, bon courage
Voilà, je viens de finir un nouveau style « neo » (je laisse l'ancien « green »).
J'ai essayé de prendre en compte un bon nombre de vos remarques.
Dites-moi si c'est vraiement à coté ou si c'est mieux.
Les URLS :
Nouveau style : *** URL obsolète ***
Ancien style : *** URL obsolète ***
Encore merci.
Je préfère la version "neo"
Plus belle et sobre que la première.
J'aime bien l'unité des formes* et couleurs, même les puces y sont passées.
*Quasi-unité, car les bordures du cadre ne sont pas exactement de la même couleur.
Et les épaisseurs non plus (soit toutes de la même épaisseur, soit à chaque fois, une épaisseur paraissant proportionnel aux dimensions de l'élément)
n°2 : Restez informé, suivez toutes les actualités du référencement et des moteurs de recherches
15 messages • Page 1 sur 1
Retourner vers Demande de conseils ou parler de son site
• Comment choisir le domaine d'un site? 11/05/2009
• Recherche site très visité pour afficher ma bannière. 23/10/2009
• Que pensez-vous de cette optimisation ? 13/09/2008
• Référencer un nouveau site 16/08/2009
• Le referencement de mon site, j'en perds mon latin !! HELP 29/01/2010
• Pour bien référencer mon site 26/02/2010
• Réseau de site échange de lien 08/03/2010