bonjour!

en parcourant le web, j'ai commencé a m'intéresser à la création de sites Smiley smile
j'ai donc cherché à travers différents sites, à comprendre comment étaient faits les sites, comment en faire un, les bases etc...
aprés cette intéressante recherche, je me suis décidé à mettre la main à la pate.
j'ai donc commencé à travailler un "brouillon", avec pour théme mon ordinateur portable.
Donc j'ai opté pour le couple xhtml/css, et ca a donné ca : http://mysz1.free.fr
cependant, j'ai l'impression qu'il manque un petit quelque chose, j'ai un sentiment de "vide" quand je parcours ma page.
serait ce du au choix des couleurs? j'ai choisi le bleu, le blanc et le noir, afin de reprendre a peu près les couleurs des boites des vaio.

j'aimerai avoir des avis qui pourront m'aider à améliorer (et a m'améliorer) l'aspect esthétique.

merci de vos avis que j'attends avec impatience Smiley lol
les critiques sont les bienvenue sachant que je ne suis pas graphiste ni webmaster de formation Smiley sweatdrop


nouvelle version du 22/01/2008 : http://mysz1.free.fr/v2/
Modifié par tily (28 Jan 2008 - 22:18)
Allez je me lance... Smiley lol

Incipit : ceci ne sera qu'un avis de simple utilisateur sans compétences "techniques particulières", ni aucune légitimité professionnelle Smiley cligne
Je ne juge pas non plus du sujet, qui d'une part m'interpelle peu, et qui se noie un peu dans la masse des "sites techniques" (et souvent propriétaire) que l'on trouve abondemment sur le net, et qui sont pour bon nombre spécialisés dans la diffusion de ce type d'informations et dont certains sont réellement "pointus" Smiley cligne

Au niveau du code, je trouve cela plutôt bien pour un..."brouillon" (html et css ) Smiley cligne
Il y a, et il y aura toujours, matière à améliorer les choses au niveau de l'accessibilité, de l'ergonomie (plan du site, liens d'accès rapide, etcaetera...) tu trouveras bon nombre de références ici et ailleurs Smiley cligne

En ce qui concerne l'aspect général, force est de constater que "l'accroche" n'y est pas vraiment :
Ta démarche n'est pas réellement définie, même si l'on se doute de quoi tu veux nous entrenir, et le "produit" au final n'est pas réellement "mis en avant" :
Le nom du site, ta bannière (à ce propos la balise "alt" mérite autre chose comme information...de même, sur cette page d'accueil, deux photos d'ordinateurs assez similaires attirent de suite le regard, et détourne un peu l'attention ailleurs que sur cet entête qui à mon humble avis devrait véhiculer une info "capitale" : "qui, quoi, comment, pourquoi, de quoi" ?...), et le choix des couleurs y sont certainement pour quelque chose.

Le "traitement de l'image" (en général) peut sans doute lui aussi être amélioré (cadre, mise en exergue via un fond...) mais pourrait tout naturellement trouver sa place dans...une galerie peut-être ?

Le menu est un peu "tristoune", tu peux t'inspirer du site de VAIO Fr ou faire dans la "simplicité", pour exemple, Sony fait dans "le sobre" Smiley cligne )

La mise en forme du texte mérite sans aucun doute d'être revue (aération, mise en valeur, etc...les positions h1/h2 par exemple)
Si l'on regarde les sites qui parlent de VAIO, ou plus spécifiquement "le référenciel visuel " rattaché à la marque ou à cet ordinateur en particulier, nous sommes loin du compte en arrivant sur ton site; les couleurs sont d'ordinaire plus flashy, le bleu typique est lui aussi assez spécifique (je trouve le tien un peu pale Smiley cligne ) et le design plutôt tendance (pour ne pas dire "web2.0"...)

Sans jouer les copistes, ni renier ta personnalité et ta perception des choses, il y a peut-être un "compromis", un juste milieu à trouver ? Il peut être interessant d'aller dans l'excès inverse ("vieux design" pour un produit hightech, mais c'est une autre démarche... ) ce qui rendrait
ton site, plus "attractif".

Bref, en tant que rien du tout, il me semble que c'est du bon boulot, que le design et le traitement de l'info peuvent être améliorés, pour donner quelque chose de tout à fait convenable qui me donne envie de revenir, de bookmarker, de diffuser... Smiley cligne

A prendre pour ce que cela vaut Smiley cligne

Bonne continuation,
Cdt,
Sylvain
Salut,

Je rajouterais au constat de 6120 qu'il ne me parait pas opportun de réaliser des énumérations par des lignes suivis de <br />. La bonne sémantique est une liste non ordonnée <ul></ul>. Du point de vue de l'accessibilité ce n'en sera que plus clair. ceci s'applique également au menu : tu peux t'inspirer des tutoriaux d'Alsa ou http://www.jacorre.com/design/cssnavmenus.htm
bonsoir!

tout d'abord merci pour vos avis Smiley jap

@sylvain :
merci pour tes remarques, grâce à toi, je commence à percevoir les subtilités du jeu des couleurs, des polices, bref de la mise en page en général.

Il est vrai que je ne m'étais pas attardé sur l'accroche, cependant je me suis mis à la conception d'une page web parceque j'éprouvais de la curiosité. le premier probléme rencontré était le contenu, je ne savais pas quoi faire Smiley smile c'est ainsi que j'ai simplement pris le choix de mon ordinateur parceque je porte de l'intérêt pour les produits informatiques.
Tu as mis en avant quelque chose que je n'avais pas senti :
-"le "produit" au final n'est pas réellement "mis en avant""
>en effet, c'est en te lisant que je m'en suis rendu compte Smiley lol
je vais donc commencer par améliorer cet aspect la Smiley cligne

Concernant les couleurs, je pense que mon vide vient de la, en effet c'est pâle, mais lorsque j'ai fait ma page, je n'éprouvais pas le sentiment d'avoir besoin de plus de couleurs.

En fait j'avais souhaité en effet faire dans la sobriété, mais je me rends compte que pour cela, il y a quand même beaucoup de petits détails "qui font que" Smiley smile

En tout cas je trouve un énorme tremplin pour les améliorations dans ton avis Smiley jap

@papyjo

En effet, ce sera le premier changement à faire, utiliser plutôt les listes non ordonnées Smiley smile
cependant, une question me turlupine, dois je utiliser les listes uniquement pour le menu? ou alors dois-je aussi m'en servir pour les photos?


D'autres avis sur d'autres forums m'ont conseillé de passer sur du php.
mais... le php n'a rien à voir avec l'esthétique du site non? me trompe-je?
si oui que pourrais m'apporter php de plus?

En tout cas merci pour vos remarques, j'essayerai d'améliorer tout cela dans mon temps libre (et oui, travaillons plus.... pour gagner plus... mouarf Smiley langue ), et je posterai mes changements Smiley jap
Modifié par tily (18 Jan 2008 - 11:18)
bonsoir!
voila après quelques retouches, voila une deuxième version Smiley smile
visible sur http://mysz1.free.fr/v2/

j'ai essayé de prendre en compte vos remarques Smiley smile
les changements :
-nouvelle banniere
-remplacement des images de navigation par des liens classiques
-séparation de chaque sous partie en une page
-apparition de bordeau dans le visuel