3239 sujets
Critiques de vos sites: code et design
Donald a écrit :Pas d'accord du tout franchement, elle s'intègre bien au site en plus. Tu es webdesigner pas développeur, et les webdesigners ils ont la classe !
La photo de toi ne va pas je trouve sur le site, ellel fait trop je me la pete.
(de plus dynamisme et créativités je vois pas trop une photo sobre pour représenter ces concepts).Sinon félicitation, je suis sûr que tu ne regrettes pas d'avoir recommencé en fin de compte car le résultat est là. C'est vraiment beaucoup mieux graphiquement parlant et aussi au niveau de la hiérarchie de l'information.
Par contre il y a un truc qui me gène vraiment, c'est l'importance que tu as donner aux liens cliquables; aucune. Par exemple ton menu est sur le même plan visuel que le reste, résultat on ne voit pas au premier coup d'oeil que c'est des liens, ils manquent d'affordance dira-t-on. A propos d'affordance il y a autre chose qui me gène aussi c'est qu'il n'y a aucun effet au survol de la souris (:hover). Il faudrait créer des effets d’interaction (sans tombé dans les clichés bien sur), montré que les éléments sont interactif, cliquable. Et ce principe ne dois pas se limiter aux liens. Par exemple les inputs de ton formulaire de contact auraient bien mérités un état différent au focus. Les icônes des réseaux sociaux une petite animation, enfin tu vois le principe quoi.
Bonne continuation
Merci Gili pour cette nouvelle analyse précise, tes remarques sont toujours pertinentes ! Effectivement la mise en valeur des liens du menu n'existe pas et je vais y remédier.
Et pourquoi pas une petite animation sur les réseaux sociaux, les changer de couleur au hover ça pourrait peut être le faire...
Je m'y attèle très prochainement !
Et pourquoi pas une petite animation sur les réseaux sociaux, les changer de couleur au hover ça pourrait peut être le faire...
Je m'y attèle très prochainement !
bonjour, j'aime bien en général, simple et efficace. Après il y a une foultitudes de détails:
Le header: trois typos, (4 avec le qui suis-je qui flashe) pleins de tailles différentes, mais pas vraiment, des alignements tous bizarre et différents. Le menu sur 2 lignes, le mot «web» tout seul sur sa ligne. En gros, on ne comprends pas la hiérarchie. Que doit-on lire en premier? Qu'est-ce qui est le menu? éléments décoratif, etc. Faire de bon choix, mieux gérer ses espaces fera gagner en efficacité!
Pour la photo, le genre n'est pas forcément dérangeant. Ce qui peut donner l'effet «je me la pète» c'est la mauvaise qualité de la photo. Dans ce style il vaudrait mieux avoir une photo de qualité. La lumière est mal gérée (pas gérée ?). Le visage est dans l'ombre notamment, et les niveaux pas terribles. Tu y gagnerais à trouver un photographe pour une bonne photo, si elle est autant mise en avant. De plus, considère la possibilité d'une photo sans lunettes de soleil, les yeux sont très accrocheurs.
Les ombrages sur le textes rendent sa lecture pas très agréable, sur les textes des paragraphes (Je m'appelle… vous avez besoin d… ), ajoutent une lourdeur générale, et diminuent la distinction hiérarchique avec les titres.
JAVA / JQUERY: javascript / jquery probablement. Java est un langage fort différent attention au java ≠ javascript
J'ai eu l'impression au début que c'était des liens, les petites flèches avec des technos, et tenté sans succès de cliquer dessus
Tu as écris «creatif, passione» je pense que tu es plutôt «créatif, passioné». Les textes en capitales doivent avoir des accents ( L'ENFANT TUE ≠ L'ENFANT TUÉ ). Pour éviter ces problèmes et être plus propre: écris toujours normalement tes textes et utilises au besoin text-transform: uppercase. Car en texte en capitales et un choix graphique qui n'a pas de sens syntaxique.
Modifié par kustolovic (02 May 2012 - 16:27)
Le header: trois typos, (4 avec le qui suis-je qui flashe) pleins de tailles différentes, mais pas vraiment, des alignements tous bizarre et différents. Le menu sur 2 lignes, le mot «web» tout seul sur sa ligne. En gros, on ne comprends pas la hiérarchie. Que doit-on lire en premier? Qu'est-ce qui est le menu? éléments décoratif, etc. Faire de bon choix, mieux gérer ses espaces fera gagner en efficacité!
Pour la photo, le genre n'est pas forcément dérangeant. Ce qui peut donner l'effet «je me la pète» c'est la mauvaise qualité de la photo. Dans ce style il vaudrait mieux avoir une photo de qualité. La lumière est mal gérée (pas gérée ?). Le visage est dans l'ombre notamment, et les niveaux pas terribles. Tu y gagnerais à trouver un photographe pour une bonne photo, si elle est autant mise en avant. De plus, considère la possibilité d'une photo sans lunettes de soleil, les yeux sont très accrocheurs.
Les ombrages sur le textes rendent sa lecture pas très agréable, sur les textes des paragraphes (Je m'appelle… vous avez besoin d… ), ajoutent une lourdeur générale, et diminuent la distinction hiérarchique avec les titres.
JAVA / JQUERY: javascript / jquery probablement. Java est un langage fort différent attention au java ≠ javascript
J'ai eu l'impression au début que c'était des liens, les petites flèches avec des technos, et tenté sans succès de cliquer dessus
Tu as écris «creatif, passione» je pense que tu es plutôt «créatif, passioné». Les textes en capitales doivent avoir des accents ( L'ENFANT TUE ≠ L'ENFANT TUÉ ). Pour éviter ces problèmes et être plus propre: écris toujours normalement tes textes et utilises au besoin text-transform: uppercase. Car en texte en capitales et un choix graphique qui n'a pas de sens syntaxique.
Modifié par kustolovic (02 May 2012 - 16:27)
Alors vraisemblablement le site ne s'est pas affiché avec les bonnes typos sur ton écran, puisque le menu n'est pas sur 2 lignes mais bien sur 1 seule ligne, les polices n'ont peut être pas été bien chargées puisque je n'ai que 3 polices différentes entre le logo, le menu et l'accroche dans le header.
Effectivement je parlais du javascript dans mon étiquette java/jquery, je modifierai ça !
Ensuite, la photo n'est pas d'une excellente qualité mais je trouve qu'elle passe plutot bien à l'écran pas trop "sale" ni trop sombre comme tu me le dis... mais à l'avenir pourquoi pas trouver un bon photographe pour avoir une photo de qualité !
Pour les accents sur les majuscules je vais y remédier, et au passage "passionné" prend 2 "n"
Modifié par mjcrea (02 May 2012 - 16:53)
Effectivement je parlais du javascript dans mon étiquette java/jquery, je modifierai ça !
Ensuite, la photo n'est pas d'une excellente qualité mais je trouve qu'elle passe plutot bien à l'écran pas trop "sale" ni trop sombre comme tu me le dis... mais à l'avenir pourquoi pas trouver un bon photographe pour avoir une photo de qualité !
Pour les accents sur les majuscules je vais y remédier, et au passage "passionné" prend 2 "n"
Modifié par mjcrea (02 May 2012 - 16:53)
Si ton formulaire est incomplet, on remonte en haut de page.
Tu devrais ajouter une touche de JS, histoire de..
De même il n'y a pas de rollover sur ton menu
Ca manque non pas d'originalité, au contraire, te fis pas trop à ceux qui sont contre le changement ou ce qui est inhabituel..
Ton idée est bonne, par contre, ça manque d'interactivité, de dynamisme....
Tu devrais ajouter une touche de JS, histoire de..
De même il n'y a pas de rollover sur ton menu
Ca manque non pas d'originalité, au contraire, te fis pas trop à ceux qui sont contre le changement ou ce qui est inhabituel..
Ton idée est bonne, par contre, ça manque d'interactivité, de dynamisme....
Bonjoir ! (oui il est tard/tôt ^^)
Alors je vais te donner mon avis, mais à savoir que ce n'est qu'un avis d'étudiant...
Je ne juge pas le code car ce n'est pas du tout mon domaine (même si je connais un peu) mais plus le graphisme (ha ça je connais un peu mieux
. Les typos sont trop grosses dans l'ensemble, je suis en 13" et personnellement je trouve que c'est limite agressif en fait à l'ouverture de la page.
. Dans le "qui suis-je" je ne pense qu'il faille tout mettre en cap, on à plus de mal à le lire.
. La photo ne me dérange pas, hormis les lunettes de soleil, je trouve que c'est trop décontract' et non professionnel.
. Le menu en haut est sur deux lignes et c'est dommage.
. Les ombres sur les typos pourquoi pas mais peut être pas partout.
. Ça vient peut être de moi mais les images des gallery ne se chargent pas.
. Aucun hover et du coup j'ai essayé de cliquer sur tes rubans "HTML/CSS", ect... mais y a rien (^^)
. Dans l'ensemble le design reste d'actualité et plutôt agréable (niveau colorimétrie)
Voila pour l'instant
Bon courage à toi et bonne jour/nuit ée !
Alors je vais te donner mon avis, mais à savoir que ce n'est qu'un avis d'étudiant...
Je ne juge pas le code car ce n'est pas du tout mon domaine (même si je connais un peu) mais plus le graphisme (ha ça je connais un peu mieux
. Les typos sont trop grosses dans l'ensemble, je suis en 13" et personnellement je trouve que c'est limite agressif en fait à l'ouverture de la page.
. Dans le "qui suis-je" je ne pense qu'il faille tout mettre en cap, on à plus de mal à le lire.
. La photo ne me dérange pas, hormis les lunettes de soleil, je trouve que c'est trop décontract' et non professionnel.
. Le menu en haut est sur deux lignes et c'est dommage.
. Les ombres sur les typos pourquoi pas mais peut être pas partout.
. Ça vient peut être de moi mais les images des gallery ne se chargent pas.
. Aucun hover et du coup j'ai essayé de cliquer sur tes rubans "HTML/CSS", ect... mais y a rien (^^)
. Dans l'ensemble le design reste d'actualité et plutôt agréable (niveau colorimétrie)
Voila pour l'instant
Bon courage à toi et bonne jour/nuit ée !
Niveau code, tu peux reprendre mon premier message, à part quelques points corrigés ou plus applicables, il reste encore largement valable 
ps. : annoncer "normes W3C" et afficher 10 erreurs au validateur c'est ultra sérieux.
pps. : un site qui me "crie" dessus ne me donne pas envie de travailler avec son créateur...
ps. : annoncer "normes W3C" et afficher 10 erreurs au validateur c'est ultra sérieux.
pps. : un site qui me "crie" dessus ne me donne pas envie de travailler avec son créateur...
Pourquoi une taille de fonte si démesurée ?
J'ai un écran énorme et sans scroller je ne lis que les deux premières lignes de ton texte de présentation... qui est en caps lock pour une raison qui m'échappe (et doublé d'une drop shadow complètement gratuite qui fait mal à la tête). J'ai cru que c'était dû à une tentative de responsive design pas très maîtrisée mais même pas, donc : pourquoi ?
Sinon tes ribbons "HTML/CSS", "JAVA (!!!?!!) / JQUERY", etc. ont vraiment trop l'air de boutons ou de flèches, or ils ne "montrent" rien et ne permettent aucune interaction : fausse bonne idée à mon avis, tu induis en erreur.
(et pitié retire "JAVA" sans traîner, ça fait vraiment bullshitage du type qui y connaît pas une cacahouète là)
Sur le reste il y a quelques trucs qui fonctionnent (gamme de couleurs, pushes "sociaux", titre d'en bas) mais ça manque tout de même de finitions et de cohérence tout ça.
EDIT : j'en rajoute une couche :
Trop de typos différentes utilisées sans cohérence (des titres parfois en l'une, parfois en l'autre), on dirait que tu as fait ça au hasard : choisis peu de typos et tiens-t'y.
Les drop shadows sur les textes : stop. Tu ne maîtrises pas le truc, elles sont largement trop fortes et trop espacées, il vaut mieux t'abstenir, elles n'apportent strictement rien. Sur les images pareil : les drop shadows, quand on en met, il faut savoir doser : là tout est trop sombre, trop bourrin, incohérent : tu transmets complètement autre chose que ce que ta texture de fond et ta gamme de couleurs (qui elles font dans le subtil) racontent.
Travaille tes alignements, le bloc des réalisations prend la flotte de partout.
Dernier détail : ta photo est floue !
Désolé si c'est un peu franc mais tes clients ne te feront pas de cadeau.
Au boulot !
Modifié par STPo (05 May 2012 - 19:38)
J'ai un écran énorme et sans scroller je ne lis que les deux premières lignes de ton texte de présentation... qui est en caps lock pour une raison qui m'échappe (et doublé d'une drop shadow complètement gratuite qui fait mal à la tête). J'ai cru que c'était dû à une tentative de responsive design pas très maîtrisée mais même pas, donc : pourquoi ?
Sinon tes ribbons "HTML/CSS", "JAVA (!!!?!!) / JQUERY", etc. ont vraiment trop l'air de boutons ou de flèches, or ils ne "montrent" rien et ne permettent aucune interaction : fausse bonne idée à mon avis, tu induis en erreur.
(et pitié retire "JAVA" sans traîner, ça fait vraiment bullshitage du type qui y connaît pas une cacahouète là)
Sur le reste il y a quelques trucs qui fonctionnent (gamme de couleurs, pushes "sociaux", titre d'en bas) mais ça manque tout de même de finitions et de cohérence tout ça.
EDIT : j'en rajoute une couche :
Trop de typos différentes utilisées sans cohérence (des titres parfois en l'une, parfois en l'autre), on dirait que tu as fait ça au hasard : choisis peu de typos et tiens-t'y.
Les drop shadows sur les textes : stop. Tu ne maîtrises pas le truc, elles sont largement trop fortes et trop espacées, il vaut mieux t'abstenir, elles n'apportent strictement rien. Sur les images pareil : les drop shadows, quand on en met, il faut savoir doser : là tout est trop sombre, trop bourrin, incohérent : tu transmets complètement autre chose que ce que ta texture de fond et ta gamme de couleurs (qui elles font dans le subtil) racontent.
Travaille tes alignements, le bloc des réalisations prend la flotte de partout.
Dernier détail : ta photo est floue !
Désolé si c'est un peu franc mais tes clients ne te feront pas de cadeau.
Au boulot !
Modifié par STPo (05 May 2012 - 19:38)
Pouvez-vous m'indiquer si les polices se chargent bien ? Que ce ne soit pas du arial...
J'ai ce soucis depuis quelques jours, certaines personnes ne voient pas les bonnes polices, et du arial se met par défaut à la place, autant dire que c'est moche !
Par exemple, avec la bonne police (Francois One) le menu est sur une ligne et non sur 2, et les ombres de texte sont beaucoup plus jolies car adaptées à cette police...
J'ai ce soucis depuis quelques jours, certaines personnes ne voient pas les bonnes polices, et du arial se met par défaut à la place, autant dire que c'est moche !
Par exemple, avec la bonne police (Francois One) le menu est sur une ligne et non sur 2, et les ombres de texte sont beaucoup plus jolies car adaptées à cette police...
mjcrea a écrit :
Pouvez-vous m'indiquer si les polices se chargent bien ? Que ce ne soit pas du arial... J'ai ce soucis depuis quelques jours, certaines personnes ne voient pas les bonnes polices, et du arial se met par défaut à la place, autant dire que c'est moche !
Pourtant c'est bien toi qui a choisi l'arial.
font-family: OleoScriptRegular,arial;Et si on n'a pas l'arial? Chez moi ça vient en times ^^!