3239 sujets

Critiques de vos sites: code et design

Merci de bien vouloir me donner vos avis sur mon site scbm.fr

Bonjour à tous,

Etant nouvelle sur ce forum, je viens vous demander un regard neuf et extérieur sur mon site.
N'hésitez pas à me dire ce que vous pensez, ce que je peux améliorer etc... !
Des critiques sérieuses et des commentaires (sur le code, le design etc...) m'aideront à avancer.
Voici l'url : http://www.scbm.fr

Merci par avance à tous,
Bonne journée,

Fancy.
Modifié par Felipe (03 Apr 2006 - 14:58)
Administrateur
Bonjour et bienvenue fancy,

utilisation de <table> pour la mise en page: tu es sur le bon site si tu souhaites (apprendre à) t'en débarrasser Smiley smile Et tout ce qui est présentation inclus dans le code de la page plutôt que dans un fichier CSS séparé, comme ces satanés <font>. A ce propos, une balise <font> c'est déjà de trop en 2006, Smiley confused mais je me questionne profondément sur l'utilité de 3 déclarations collées l'une à l'autre! 
<font color="#ffcc33"><font color="#ddddff"><font color="#330066">


Présentation> le logo en haut à gauche est certainement joli, surtout en print (enfin en plus grand, A4, mais ça reste chouette malgré tout), mais là je le trouve pas intégré au violet/pourpre du reste de la bannière ... Dommage.
Les épis de blé m'ont l'air vraiment trop réduit en taille pour être encore chouettes. Les pixels sont discontinus, parsemés alors que le dessin original est sûrement chouette. Dommage encore une fois.
Les menus horizontaux et verticaux sont ultra-simples, avec juste de l'italique pour celui actif. M'enfin mieux vaut quelque chose de simple que de se lancer dans quelque chose de raté ou de complexe qui n'irait pas avec le reste du site Smiley jap
Le plus réussi à mon goût, ce sont les colonnes de texte et les séparations verticales, c'est bien aéré.
Modifié par Felipe (04 Apr 2006 - 03:52)
Pour la mise en page sans tableau, je suis en train d'approfondir mes connaissances en css et xhtml. La prochaine refonte du site sera dans ce format !

Je vais essayer de mettre les font dans ma feuille de style, mais jusque-là j'avais un souci pour que la couleur soit prise en compte...

Ah et pour les doublons <font> c'est Dreamweaver qui me mets des saletés partout si j'ai le malheur de changer une petite chose en passant par lui.
Je vais reprendre le code avec PSpad ! Smiley lol

Pour les menus j'avais fait plus "complexe" auparavant mais ça ne plaisait pas au plus grand nombre tout comme le logo était à l'origine une bannière...

Bon le mieux c'est de vous donner l'url d'une page de l'ancienne version, comme ça vous pourrez comparer : http://www.scbm.fr/accueil.htm

Et une version modifiée entre les deux (l'ancienne et celle en ligne actuellment) : http://www.scbm.fr/Avantages1.htm

Dîtes-moi vers laquelle je dois me diriger et ensuite je pourrais la retravailler grâce à vos conseils et avis.

Merci d'avoir pris le temps de me répondre Raphaël et Felipe,
et merci d'avance à ceux qui donneront un avis par la suite.

Fancy.

PS : je vais remettre le nom de mon site dans le sujet. Smiley cligne
Bonsoir Fancy,
dans les deux versions il y a cette constante qui me gêne : mon scroller change d'aspect... "J'aime vraiment pas qu'on touche à mon système et que l'on dénature mon si beau navigateur préféré". Smiley fache

Rassures-toi, je suis, aujourd'hui (car je l'ai pratiqué jadis), convaincu que ce script n'apporte vraiment rien à la cohérence de ton site, et en plus il alourdi ta page au vrai sens du terme.

Un autre petit détail : l'affichage dans Firefox génère une bordure sur ton image et je suppose que cela n'est pas souhaité de ta part...
Bon courage, amicalement.
Modifié par ivision18000 (03 Apr 2006 - 23:29)
connecté
Bonjour,
Je pense qu'il y a des choses à améliorer concernant l'accessiblité de ton site.
Tout d'abord, le menu avec des listes <ul> et avec des liens d'évitements.
Tu as mis des alt sur les images, c'est bien, mais j'ai comme le sentiment que certaines ne sont que décoratives.
Voilà pour les remarques rapides.
Merci QuentinC et Ivision18000 de vos critiques qui vous m'aider à avancer.

Pour le menu je vais voir pour des listes <ul> ou changer pour faire un menu plus attrayant en css.

C'est vrai que certaines images sont "décoratives" dans mon site, vous trouvez que ça peut être gênant ?

Dois-je faire un lien sur le bandeau ou sur le logo par exemple ?

Avez-vous remarqué ou non les <acronym> et le point d'interrogation sur certains titres et images ? On m'avait conseillé de le faire mais je ne sais pas si ça se "voit" ?

Pour la bordure je vais essayé de l'enlever car effectivement mon site doit s'adapter à toutes les résolutions d'écran sans "marge" !

Merci beaucoup à vous pour vos conseils et bonne continuation,
Fancy.
Bonsoir à tous,

Avec les conseils déjà reçus j'ai refait une page en xhtml... peut-être trop flashy (il ne faudra pas hésiter à me le dire... Smiley lol !).
http://www.scbm.fr/essai1.htm
J'attends de nouveau vos avis quand vous aurez un moment !

Merci à tous,
A+
Fancy.
Bonjour,
Je viens d'aller voir et le nouveau parti semble attrayant : je reverrai bien les proportions de l'entête en relation avec le menu vertical de manière à obtenir un allignement (un peu comme dans Avantages1.htm). Tu as de l'espace perdu dans le menu vertical, alors, c'est juste une suggestion ;
-soit tu peux élargir les cases de navigation pour plus de confort,
-soit tu réduit l'espace alloué a la largeur du meu pour donner plus de place au "contenant".
Les liens en bas de la page pourraient être d'une autre couleur que le bleu qui ne contraste pas vraiment avec la couleur de fond...

Sinon, le temps d'ouverture de la page est correct, le code est bon et cela t'encouragera à passer une validation XHTML 1.0 strict : c'est encourageant, n'est-ce pas?

Je reviendrai voir plus en détail! Smiley smile
A bientôt!
Modifié par ivision18000 (06 Apr 2006 - 11:10)
Je vais juste me poser sur le design, je ne suis pas encore assez "aware" en css/(x)html pour me permettre une réelle analyse.

Je vais décomposer bloc par bloc et ensuite donner mon impression générale :

Le header :
A la place du "SCBM Net-@ssist" en texte, fais toi un logo simple, image, sans le fond que l'on a dans ton site d'origine. Logo simple = juste du texte en bidouillant des polices avec un léger habillage graphique (exemple, tourne autour du bouquet de blé, tu as une base).
Pour la banière, retire le texte scbm net@assist qui pour moi détruit le visuel de fond, du coups on ne voit plus que le texte jaune qui de plus fait tout crassou (surement a cause du choix d'optimisation jpg et texte travaillé = pas copain en général dés qu'on compresse un poil).

La barre de nav :
Un petit habillage graphique serait le bienvenu je pense.

Le menu Gauche :
le bouquet de blé, à mon avis, n'a pas sa place, ou alors en dessous du menu pour le souligner, et dans le cas essaies de le rendre grahiquement plus lisible, là honnettement ça me fais l'effet d'un clipart Word posé là. (on ne voit pas forcément la version de la bannière du premier coups d'oeil).

Pour le menu qui suit même remarque que pour la barre de nav, un petit habillage graphique même simple serait un plus.

Le contenu :
Idem remarque, un peu plus d'habillage serait le bienvenu pour mettre ton argumentaire/redactionnel en valeur.

Le footer :
Idem remarque d'ivision, les liens ne sont pas visible.
Ah oui, je suis pas fan du lien copyrightdepot.com, j'aime pas la démarche, et un client potentiel peut voir ça sous un angle négatif (houlaaa il depose des copyrights, encore un qui va m'emm avec ses protections de droit d'auteur...). Je ne suis pas convaincu de la pertinence de la chose d'un point de vue de démarche commerciale.

Avis global :
fredmac avait fait une remarque ssea proche pour un autre site proposé ici, j'arrive plus à trouver le sujet mais en gros je rejoins son avis.

En gros il y'a non concordance entre ton argumentaire et l'impression d'image laissée par le site.

On trouve en "définition" : Spécialiste de la création de sites Internet, création print etc...mais le design général fait amateur, très amateur.

Il pourrait petre bon dans un premier temps de recentrer ton argumentaire (qui pourtant lui tient la route, le redactionnel est correct même si certains textes me titillent - transparence, "discrétion"...) et peut petre mettre plus en avant les secteurs que tu maitrise le mieux (ne connaissant pas tes compétences réelles là je ne peux pas dire.).

Mais honettement, je suis client potentiel à la recherche d'une société de webdesign et j'arrive sur ton site, je passe au suivant, alors que au contraire si l'assistance/depannage/formation/telesecretariat etc peuvent être plus mis en avant vu qu'actuellement ce sont des secteurs aen plein essort.

Voila, en espérant que tout cela te rende service.
Merci AymericJ et Ivision18000,

Votre m'est très précieuse et vous pouvez déjà en voir l'évolution sur la page www.scbm.fr/essai1.htm.
Tout n'est pas fini, les liens pas encore fait et ceux du bas pas encore remis en couleur.
J'ai refait une bannière et je cherche un habillage graphique pour les menus du haut et de gauche. Je suis en train de le créer.
Pour le contenu, quel genre d'habillage mettre car on m'a souvent recommander de le laisser en blan cpour faire plus sobre et "pro" ?
Pour Copyrightdepot.com je ne le mettrai que sur la page d'accueil, je n'ai malheureusement pas le choix...
Le rédactionnel des textes est à revoir, car il n'y a pas assez de contenu et effectivement j'ai déjà enlevé certains mots qui peuvent gêner les futurs clients.

Merci beaucoup à vous deux de votre aide et de prendre sur votre temps, cela me rend vraiment service et me fait avancer ! (J'espère dans le bon sens à votre avis ?).

A+
Fancy.

PS : la page peut changer en cours de journée car je me remets à travailler dessus.
fancy a écrit :
...vous pouvez déjà en voir l'évolution sur la page www.scbm.fr/essai1.htm

Attention, ton lien fonctionne mieux sans le point. Smiley cligne
Bon courage, je pense que tu es sur la bonne voie.
Modifié par ivision18000 (07 Apr 2006 - 20:14)
Bonjour,

Je rejoins les critiques déjà proposées.

En entrant sur le site je n'avait pas vue au premier coup d'oeuil qu'il traitait d'informatique, et encors moins que c'etait un site profesionnel.

Pour résoudre cela peut être serait-il bon de proposer des couleurs en adéquation avec le themes. En communication, on a pour habitude de penser que le violet donne plutôt un ton mystique, voir intriguant. Des couleurs qui sont plus connoté du monde de la technologie (bleu glace, gris...) pourraient être mieu adaptées.
Mais c'est vrai que pour les couleurs, si tu as une charte graphique a respecter, tu n'as pas trop le choix.

Des lignes sans doutes un peut trop strictes. On a l'impression que le contenu est fixé dans un cadre. Cela manque peut être d'un peut de dynamisme.

Le bouquet de fleur du menu gauche fait un peut trop "remplissage", et la banniere en haut manque de visuel; elle est un peut vide.

Enfin, le menu déroulant, sous firefox, parrait un peut décaler vers le bas.

Sinon le code m'a l'air nettement meilleur.

Bonne continuation.
Bonjour à tous,

Je mets un peu de temps à vous répondre car je travaille les css et le xhtml en ce moment, pour placer mes images correctement et faire des menus sans javascript.
Je tiens compte de vos remarques et vais retravailler couleurs et agencement.
Je vous tiens au courant et merci à tous de m'avoir aidée !

A bientôt,
Fancy.
Salut salut,
personnellement en matiere d'aspect uniquement, je trouve que les images sont un peu "kitch" et on ne distingue pas bien ce qui y est ecrit (pour la banniere par exemple ... ). Au niveau des titres egalement la barre jaune est trop basse je trouve, on dirait que s'est une fin de partie ...
Sinon j'aime bien la mise en forme en colonne ... cela fait propre je trouve ..
voili voiloo
Sujet clos
Aller à