Salutations,

Sur un plan purement esthétique j'aime bien le livre et le fond.
La plume manque de volume et avec les taches d'encre, elle semble "déplacées" vis à vis du reste du design.

Le menu sur la droite est très illisible, j'ai eu du mal à comprendre que c'était un menu, de plus on ne sait absolument pas où l'on se rend via ces boutons.

Essaye de voir le tutoriel sur les portes coulissantes pour tes boutons sur alsacréations, quand on passe sur le menu celle-ci disparait quelques secondes (8 chez moi, petit connexion) ce qui est très inesthétique.

Je trouve la section [Expériences personnelles] terriblement difficile à lire également.

désolée ^^, ce n'est que mon avis de néophyte, je laisse les grands décortiquer le code, la syntaxe et le reste.

edit :
Il y avait quelque chose qui me titillait dans le livre, et je ne trouvais pas quoi.
Et bien j'ai trouvé : pourquoi les pages du livres sont bombées en haut de celui-ci mais enfoncées en bas ?
Modifié par maosalia (25 Feb 2010 - 17:21)
Bonjour et merci pour ta réponse maosalia Smiley smile

maosalia a écrit :
La plume manque de volume ...

Tu as surement raison, toutefois j'en suis assez satisfait étant donné que photoshop et moi ca fait deux !

maosalia a écrit :
... et avec les taches d'encre, elle semble "déplacées" vis à vis du reste du design.

Il y a une certaine incohérence effectivement, ca ne fait pas très "réel", on a du mal à imaginer qu'une plume puisse faire des tâches d'encre pareil ... ^^
j'attends d'autres avis sur ce sujet !

maosalia a écrit :
Le menu sur la droite est très illisible, j'ai eu du mal à comprendre que c'était un menu...

On a vite fait le tour du site, et je pense que l'on doit diriger son curseur vers les tâches d'encre assez vite ? Aussi, la plume "pointe" en direction des tâches, cela a pour but d'attirer le regard sur ces dernières, le message ne doit pas être assez claire ...

maosalia a écrit :
... de plus on ne sait absolument pas où l'on se rend via ces boutons.

Aucun doute la dessus, c'est la grande surprise ^^ Toutefois le site étant assez petit (4 rubriques au final) je pensais que cela ne dérangerait pas plus que ca.
J'attends notre avis sur ce sujet !

maosalia a écrit :
... quand on passe sur le menu celle-ci disparait quelques secondes (8 chez moi, petit connexion) ce qui est très inesthétique.

Oui il y a un temps de chargement pour la 2eme image au survol de la souri sur le bouton, je sais qu'il est possible de faire en sorte que cette 2ème image soit chargé au chargement de la page, il faudra que je change ca.

maosalia a écrit :
Je trouve la section [Expériences personnelles] terriblement difficile à lire également.

Principalement à cause des vignettes ? Je pourrais mettre les informations contenu dans les vignettes en dessous de l'image, directement sur la page, peut être serait-ce plus visible ?
Je trouve aussi que la visibilité n'est pas top, c'est un point important qu'il faut que je résolve !

maosalia a écrit :
Sur un plan purement esthétique j'aime bien le livre et le fond.

Ouf Smiley smile

maosalia a écrit :
edit :
Il y avait quelque chose qui me titillait dans le livre, et je ne trouvais pas quoi.
Et bien j'ai trouvé : pourquoi les pages du livres sont bombées en haut de celui-ci mais enfoncées en bas ?

Lors de la création du livre, aucunes des pages n'étaient bombées, j'ai à la fin uniquement travaillé les deux pages du "dessus". Mais si ca a suffit à te titiller ... eheh, j'en prends note, j'attends d'autres avis !

Merci encore pour ton message
Modifié par Firo (25 Feb 2010 - 18:10)
Salut!

J'aime bien l'aspect général du site en général.
J'ai le même commentaire à faire sujet du menu... même s'il s'agit d'un petit site, je suis d'avis qu'il faut tout de même "indiqué" les différentes rubrique... là 1, 2, 3, 4... ça ne me dit rien qui vaille, j'ai même plutôt tendance à fuir.

Niveau code, loin d'être une experte en la matière, je trouve que tu utilise beaucoup de div pour rien. Ton image de fond par exemple aurait très bien pu être placé directement dans Boby plutôt que dans un div à lui tout seul.
Ensuite tu réutilise la même image de fond (fractionné) plusieurs fois par dessus, inutilement.
L'image du livre à lui seule aurait peut n'être qu'une seule image plutôt que 2.

Pour ta bannière tu appel ton image via ton css... dans une div vide. Pas bien! Les images porteuses de contenu, comme du texte, doivent être misent en dur dans le code html avec un attribut alt bien identifié. D'ailleur l'image de cette dernière pourrait très bien n'être que le texte sur fond transparant. Tu évite ainsi de répéter une fois de plus le background inutilement.

À éviter également les div vide. Si c'est pour mettre une image, mets là directement dans le html en indiquant un alt vide s'il s'agit d'une décoration.

Ton menu devrait plutôt être codé à l'aide liste plutôt qu'une série de div. Trop de div tue la div!

Je vais arrêter là, parce que j'ai peur de m'emmêler les pinceaux si j'en rajoute! Smiley langue

En bref, un beau site, mais y'a encore un peu de boulot. Smiley smile
Salut Julie et merci d'avoir prit le temps de répondre.

juliesunset a écrit :
J'ai le même commentaire à faire sujet du menu... même s'il s'agit d'un petit site, je suis d'avis qu'il faut tout de même "indiqué" les différentes rubrique... là 1, 2, 3, 4... ça ne me dit rien qui vaille, j'ai même plutôt tendance à fuir.

Je suis attaché à mes tâches d'encre !
Peut-être que faire apparaître une infobulle pour chaque tâches lors du passage de la souri serait une bonne solution ? "Accueil" / "CV" ...

Sinon, tu n'as pas fait de critique quant à la rubrique réalisation. Maosalia l'a trouvé un peu fouillis, pas toi ? J'aimerais avoir ton avis si possible, ou même celui d'autres personnes !!

Pour le moment, j'ai effectué quelques modifications :

-technique des "portes coulissantes" pour les boutons, donc plus d'attente pour le chargement de l'image lors du passage de la souri

-j'ai fusionné le background de la bannière ainsi que celui de mon div "contenu" avec le background "global" (background de mon div "maincontent"), donc effectivement cela fait 2 images en moins à charger, qui plus est, elles se superposaient.

-du coup mon div "banner" a fichu le camp & je remarque une amélioration au niveau du chargement des pages.

En résumé, un système d'infobulle permettrait il d'indiquer de manière suffisamment clair la destination des boutons ?
La rubrique réalisation est-elle assez clair ?

Merci encore
Modifié par Firo (25 Feb 2010 - 23:24)
Bonjour Firo,

De meme que les precedents, je laisserais les critique du code et du design au specialiste, mais il y a une remarque qui va etre faite j'en suis sur c'est que si l'image de ton livre n'est pas uploader sur l'ordi du visiteur (probleme de connexion, probleme de liens vers ton image,...), dans ce cas ton contenu deviens completement ilisible...
J'ai remarque ca car ma connexion etant pas brillante, ton image a mis quelques secondes a s'afficher et du coup en attendant je ne pouvais rien lire.

Bon courage,

Dim
Bonjour,

Dim a écrit :
De meme que les precedents, je laisserais les critique du code et du design au specialiste, mais il y a une remarque qui va etre faite j'en suis sur c'est que si l'image de ton livre n'est pas uploader sur l'ordi du visiteur (probleme de connexion, probleme de liens vers ton image,...), dans ce cas ton contenu deviens completement ilisible...
Le même problème se produit quand on souhaite agrandir les textes. Il faut faire en sorte que le livre s'adapte à son contenu et non l'inverse.

Les taches sont clairement une erreur d'ergonomie, d'accessibilité (et de plein d'autre truc), comment veux tu que ton visiteur sache ce vers quoi "1" mène ? Une info bulle ne serait pas beaucoup mieux à mon sens car généralement invasif. Mettre le titre des sections dans les taches serait mieux.

Sous IE6, le problème des taches est encore pire, elles se retrouvent sous le livre donc il est facile de passer à côté.

Ton magnifique effet de survol (bien casse pied d'ailleurs) ne fonctionne pas sous IE6.

Les ascenseurs multiples, c'est jamais bien pratique pour le visiteur (voir première remarque).

Pour le code, c'est relativement propre, mais il faudrait éviter les styles en lignes et revoir la hiérarchie des titres (complètement absente).

Les images porteuses de contenu ou support de liens (comme tes taches) DOIVENT toujours se trouver dans le code HTML avec un attribut alt correctement rempli. Ca ne t'as pas choqué quand tu tapais ton code d'avoir des liens vides, sans intitulés ?
Bonjour et merci pr vos réponses,

Bien que je change la taille de police sur les différentes page du site, aucun changement n'apparaît. En faisant la même manipulation sur cette page par exemple, la taille du texte change bel et bien, est-ce uniquement chez moi ? Peut-être est-ce parce que j'ai défini une taille précise dans le css ?

Pour les tâches, même si Laurie-Anne n'est pas vraiment d'accord, je vais opter pour les infobulles, je sature un peu ... et j'ai un peu la "flemme" ^^

Laurie-Anne a écrit :
Ton magnifique effet de survol (bien casse pied d'ailleurs)

Smiley decu En quoi est-ce casse pied ? Simple avis personnel ? De plus, il permet au visiteur de savoir sur quelle page / "tâche" il se trouve de par la surbrillance de cette dernière.

Laurie-Anne a écrit :
Les images porteuses de contenu ou support de liens (comme tes taches) DOIVENT toujours se trouver dans le code HTML avec un attribut alt correctement rempli.

Je n'ai pas réussi à mettre les images dans le code html avec la méthode des portes coulissantes.
Je pourrais y arriver sans cette méthode, mais du coup le chargement de la 2ème image ne se ferait qu'au passage de la souri.
A moins que bien sur, ce soit possible de mettre les images dans le code html tout en passant par la technique des portes coulissantes ^_^

Pour IE6, j'avoue ne pas y avoir prêté attention ne serait-ce qu'une seule fois ...
Firo a écrit :
Smiley decu En quoi est-ce casse pied ? Simple avis personnel ? De plus, il permet au visiteur de savoir sur quelle page / "tâche" il se trouve de par la surbrillance de cette dernière.
Je ne parle pas des tâches mais de la galeries (j'aurais du préciser), le fait qu'au survol, une partie des info soit masqué par d'autre est gênant, le fait que sur certains navigateur une partie de l'info ne puisse être affichée est gênante, je n'ai pas vérifié, mais si l'info est masquée par CSS et non par JS au chargement de la page c'est encore pire car l'info sera innaccessible à certains utilisateurs.


Firo a écrit :
Je n'ai pas réussi à mettre les images dans le code html avec la méthode des portes coulissantes.
C'est normal c'est pas le but. Les effets de ce genre doivent être gérer en JavaScript.

Firo a écrit :
Pour IE6, j'avoue ne pas y avoir prêté attention ne serait-ce qu'une seule fois ...
Pour un portfolio ayant trait au développement/design web, c'est moyen...
Bonjour,

Pour l'effet de survol, je vais l'enlever pour le mettre directement dans la page html, en dessous des images, comme ca c'est réglé.

Merci pour l'ensmble de vos critiques, je pense que l'on a fait le tour !
Bye bye ~