avis sur site web (nouvelle version 23/07/06)

avis sur site web (nouvelle version 23/07/06) - Web design - Graphisme

Marsh Posté le 12-12-2005 à 20:27:58    

Bonjour,
 
Troisième message et dèja des questions  :sweat:...
Bref, je viens de faire un site web et j'aurais bien aimé avoir un avis de votre part:
sur le graphisme, l'ergonomie, si le site est pas trop lent... en gros si il est pas trop désagréable.
 
Sinon, le site est réalisé avec spip (pour ce qui connaissent pas c'est un outil de conception de sites web dynamiques, qui permet une fois la charte du site défini d'ajouter du contenu assez facilement). Le squelette du site et les boucles sont persos (mais faciles à refaire).  
Le but du site est de regrouper des articles, guides tests ou tutoriaux utiles sur des sujets précis (j'aime pas trop les annuaires de sites ou il faut chercher une heure pour trouver une info).  
Concernant le code mon css est pas top top (encore beaucoup de <div... )  mais c'est pour bientôt donc je cherche pas vraiment un avis dessus.  
 
J'en profite aussi pour vous demander si je peux indiquer l'adresse de la page dédiée au tutos photoshop (22 tutos ) dans le post épinglé en haut à droite de la rubrique?  :D  
 
Merci d'avance :) @+ le site: http://www.infetech.com
ps: merci darth21


Message édité par tyv le 23-07-2006 à 16:20:44
Reply

Marsh Posté le 12-12-2005 à 20:27:58   

Reply

Marsh Posté le 12-12-2005 à 20:49:34    

tant que tu y est (dans le post épinglé en haut à droite) lis les règles de présentation des demandes d'avis ;)


---------------
TZR un jour…  |  gamertag: cropNcut
Reply

Marsh Posté le 12-12-2005 à 20:57:33    

je trouve que c'est pas mal, c'est précis, ça va droit au but, on s'y perd pas comme cette floraison de CMS.
Dommage qu'il manque un peu d'anim et de couleurs!

Reply

Marsh Posté le 13-12-2005 à 13:55:17    

Bon, ça vient peut être de moi, mais j'ai toujours trouvé les polices Times et autres dérivées (exception: Georgia) une vraie merde pour les sites. C'est ce qu'il y a de plus moche. Penche pour du Arial, Verdana ou même Trebuchet (c'est à la mode ces derniers temps).
 
 
A+


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 13-12-2005 à 14:34:16    

Je suis du même avis, ce type de polices est assez pénibles à lire, peut-être une habitude...
Graphiquement, je pense que ce serait pas mal de l'étoffer un peu histoire de le rendre un peu plus attirant. ^^
La première chose qui m'a choqué étant l'espace entre le logo et le contenu, sur une grosse résolution, ton site est étirable, mais pas le logo. :)
 
Ergonomiquement sobre, efficace et cohérent. Très bien.
 
Côté code, ben c'est plutot bien ! Tu dis avoir trop de <div> mais peu importe s'ils sont utiles... Ce la dit, il y a toujours moyen d'améliorer, mais ce n'est franchement pas la priorité à mon avis.
 
Etoffer graphiquement (polices incluses), je pense que c'est là l'amélioration à faire, pour améliorer la présentation.


---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

Marsh Posté le 13-12-2005 à 23:11:09    

bonjour,
 
Merci pour vos conseils, je me suis un peu penché dessus (police, espaces), en revanche j'arrive pas à juger si c'est mieux ou pas (pas évident de faire un truc et d'avoir en même temps un avis critique...).
Prochaine étape: un peu plus de couleur  :p .

Reply

Marsh Posté le 14-12-2005 à 08:07:40    

Hmmm non c'est pas encore ça ^^
 
Si tu veux que ton site soit étirable, il y a moyen de feinter sur ta bannière en appliquant un fond pour qu'il complete les bouts gauche et droite.
Sinon, tu peux aussi fixer la largeur de ton site en fonction de ta bannière pour ne pas créer de disparités, mais là tu perd le côté étirable...
 
Exemple: http://www.materiel.net/
(c'est du tableau mais l'exemple graphique y est)
 
Côté graphique, il y a quelque chose d'assez important, c'est de rendre les écartements identiques, là je vois par exemple que de ton menu de gauche à la bordure gauche tu as un écartement différent de ton menu de gauche au contenu...
Je sais pas si je susi assez clair. ^^v
 
 
"Infetch est un site regroupant tous les articles informatiques qui vous interessent. Guides, tests, tutoriaux et comparatifs, vous retrouverez facilement ce dont v"
>> Font trop grosse en 1024, par rapport au reste du site. ;)


Message édité par Nigel_ le 14-12-2005 à 08:10:07

---------------
RPGamers, la passion du RPG : http://www.rpgamers.fr
Reply

Marsh Posté le 15-12-2005 à 19:46:27    

salut,
 
Merci pour les commentaires, j'ai égalisé toutes les marges et changé la taille des polices (mieux pas mieux?). Pour la bannière, j'ai fait des essais mais c'est pas encore ça...
Sinon, j'ai une petite question, sous IE la bordure que j'applique à toute la page (border dans la classe body du css) entoure bien tous les éléments de la page. Par contre, sous firefox, c'est pas le cas, la bordure s'arrete avant le bas de la page (par exemple en page d'accueil). Avez vous une idée?
merci  :)


Message édité par tyv le 15-12-2005 à 20:12:59
Reply

Marsh Posté le 10-01-2006 à 19:13:11    

Bonjour et bonne année  :hello:  (je sais ça fais dèja 10 jours...)
 
J'ai toujours pas vu d'où venait le problème du cadre sous firefox mais bon, à la limite ça passe. Sinon, je viens d'ecrire deux premiers tutoriaux et je voulais vous demander ce que vous en pensiez en terme de lisibilité, clarté bref si le tutorial peut se lire facilement.  
C'est un tutorial sur les gifs animés: ici.
 
Merci d'avance
A+


Message édité par tyv le 10-01-2006 à 19:23:30
Reply

Marsh Posté le 05-03-2006 à 13:51:37    

Bonjour,
 
Je viens de faire une grosse mise à jour sur mon site, aussi votre avis sur cette nouvelle version m'interesse beaucoup.
Voilà un screen de l'ancien site:
http://img115.imageshack.us/img115/7726/anciensitecustomcustom1yq.jpg
Et le nouveau: http://www.infetech.com
 
Merci d'avance pour votre avis  :)

Reply

Marsh Posté le 05-03-2006 à 13:51:37   

Reply

Marsh Posté le 05-03-2006 à 14:26:51    

Globalement c'est pas mal mais le logo n'est pas assez intégré au design. :/


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 05-03-2006 à 14:31:00    

salut tyv :hello:
 
je trouve le site clair et ergonomique, pas de souci la dessus.  
Maitnenant le choix des couleurs est de mauvais gout et tes dégradés sont assez basique, donc le design est presque inexistant.
 
A part ca il est sympa tant que c' est clair et lisible je suis preneur ;)


---------------
http://www.videos-nouvelle-star.fr/ : les meilleures vidéos de la nouvelle star 2007 à télécharger en haute qualité
Reply

Marsh Posté le 05-03-2006 à 20:44:15    

Merci pour vos commentaires (ai je si mauvais goût :sweat: ?), pour les couleurs, j'ai fait une petites mise à jour du fond.  
En revanche, si vous avez des suggestions de couleurs je suis preneur. En fait, je cherche trois couleurs principales:
une pour le fond et deux pour les dégradés des boites (couleurs chaudes).
 

Reply

Marsh Posté le 06-03-2006 à 16:15:22    

salut,
 
Déjà je trouve que c'est déjà bien d'essayer de faire une mise en page full CSS, mais il reste encore de nombreuses erreurs http://validator.w3.org/check?uri= [...] ech.com%2F
 
Sinon niveau design : c'est pas très sexy tout ca. Si tu veux voir les tendances : http://www.withstyle.biz/galeries/ ou http://www.thefwa.com/

Reply

Marsh Posté le 09-03-2006 à 07:45:04    

salut, merci pour les deux liens, c'est bien sympa tout ces sites. Pour la validation w3c, il faut que je regarde de plus près les erreurs ont pas l'air trop compliquée. Merci en tout cas :)


Message édité par tyv le 09-03-2006 à 07:47:48
Reply

Marsh Posté le 04-06-2006 à 00:36:15    

Bonjour,
 
Déjà trois mois depuis le dernier message, j'ai enfin eu un peu de temps pour revoir le design de mon site.
Pour info, l'ancien site était comme ça: http://img226.imageshack.us/img226/1933/sanstitre9ax1.th.jpg
 
Que pensez vous de la nouvelle version? (pour la validation w3c, il ya encore un peu de taf)
Merci d'avance  :)

Message cité 1 fois
Message édité par tyv le 04-06-2006 à 00:37:16
Reply

Marsh Posté le 05-06-2006 à 10:44:03    

tyv a écrit :


 
Que pensez vous de la nouvelle version? Merci d'avance  :)


 
C'est si mauvais ?  :sweat:  
Pour info, la base du site est la même qu'avant (site spip).
Les modifications apportées sont sur le css (couleurs et bannières), le squelette des pages (rajout d'une frise cliquable, balises alt sur les images etc...).

Reply

Marsh Posté le 06-06-2006 à 09:12:15    

c'est pas si mauvais, mais il y a des recettes quasi incontournables pour donner une allure pro à un site :
 
- éviter le texte noir comme la peste... efficace sur papier, ça fait tristos sur ecran.... donc, un gris lisible ou la dominante de charte en foncé (bleu). En passant, éviter les couleurs trop saturées (le fluo qui claque fait plouc) (belle assonnance en passant)
- pour les bordures de cadres, idem qu'avec le texte.. le noir est casse-gueule...
- ta  police est sobre, mais boite un peu... dans le doute : verdana (police web idéale, surtout en petite taille) voire arial...  
- soigner les marges intérieures... si le texte touche le bord : 10 points en moins pour la crédibilité... (rubrique : "Les tutoriaux The gimp" par ex)
- idem pour les marges extérieures d'images (vignettes qui touchent le texte dans les 10 dernièrs articles...)
- Infetech.com dans le bandeau fait un peu lège à côté du design futuriste du fond... prendre une police plus fine, et éventuellement jouer de la transparence...
- donner un peu de look aux titres : puces, soulignement.. c'est pas les exemples qui manquent sur le web...
- les effets d'ombre font sales dans les dégradés... pourquoi ? probablement la cohabitation du bleu avec ce gris trop terne... donc, rendre le gris plus bleu.. tester des dégradés plus légers voire des aplats ? la transformation du bord noir en bord bleu aidera bcps....
 
voilà.... bonne chance...

Reply

Marsh Posté le 06-06-2006 à 11:54:57    

Je rejoins l'avis de localmacfly concernant la police ( couleur )
Il y'à trop de dégradés différents et trop marqués ( ou trop de contrast entre les bords et le millieu) ça nuis à la lisibilité
Idem local quand il parle des marges entre vignette et texte...
 
Quand au header, rien ne justifie qu'il soit si haut puisque le fond n'est pas a proprement parlé un logo, si tu le reduis à un peu plus qua la taille du titre, on gagne en contenu visible en hauteur et il n'y à pas toute cette place perdue ( a moins que tu ne prévois d'y mettre un bandeau pub?
 
Pour So_Pony le premier lien "tendance" est un blog... ( ca oui c'est tendance) le second un site full Flash... donne plutot des exemples de site html  
 
Just my 2 cents
 
Cordialement.

Reply

Marsh Posté le 06-06-2006 à 18:54:49    

salut,
merci pour ces bonnes critiques, prochaine version (en essayant tout ça) le week-end prochain.

Reply

Marsh Posté le 11-06-2006 à 14:28:22    

J'ai essayé de suivre à peu près tout vos conseils.
changements: polices (verdana, taille et couleur), alignements, dégradés, bannière supérieure.
Qu'en dites vous?

Reply

Marsh Posté le 23-07-2006 à 16:20:10    

Bonjour,
 
Je viens de faire une nouvelle mise à jour de mon site ( http://www.infetech.com), qu'en dites vous?
Merci d'avance :)


Message édité par tyv le 23-07-2006 à 16:21:43
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed