[Pro] Votre avis sur mon (futur) portfolio en ligne !

Bonjour,

je ne suis pas très à l'aise avec un fond rouge pour lire....
Sinon le nom est coupé:


edit: sur safari
Modifié par rodolpheb (20 Mar 2013 - 19:40)

Salut,

Quelques remarques (sans les gants, désolé !) :

- Ça fait très "mobile first" voire "mobile only" comme créa... un peu trop minimaliste et ça manque un poil de personnalité pour un folio créa à mon sens.

- Le logo qui se balade au milieu de l'intro ça fonctionne vraiment pas terrible, on dirait un bug. À revoir à mon avis...

- Le soulignement, on a envie de le cliquer, l'usage veut qu'on le réserve aux liens, ce qui n'est pas le cas ici.

- Les icones sont microscopiques ! Au début je ne les avais même pas vues... Si à la limite pour la mosaïque de tafs ce n'est pas totalement bloquant (puisqu'ils sont tous affichés par défaut), sur le "+" avec le formulaire de contact c'est totalement disqualifiant...

- ... d'ailleurs ce formulaire de contact dans un layer masqué (et très mal annoncé, en quoi "+ = contact" ?) me semble stratégiquement assez suicidaire, tes coordonnées devraient au contraire être ultra-visibles immédiatement, il ne faut surtout pas qu'on les cherche...

- Le rollover sur tes mosaïques bugge chez moi (le texte se plie et se déplie sans discontinuer).

- Les visuels des projets dans ton folio sont minuscules et complètement écrabouillés par tous ces cadres (surtout le site web là, cadre blanc + fond gris + fausse tablette = ouch)... Bref, pas du tout mis en valeur, et c'est vraiment dommage pour un folio créa où au contraire ça devrait être le centre névralgique du site...

Voilà pour moi

Bonjour,


Pas de problème pour l'absence de gants, tant que c'est constructif !

Alors dans le désordre :

1. Pour la question du formulaire de contact masqué, ta remarque est assez juste, et c'est pour cela que j'ai voulu faire un "contact rapide" avec un bouton en bas de page (je ne sais pas si tu l'as vu...). Par ailleurs, j'ai changé le title du bouton +/-, en essayant d'être un peu plus précis.

2. Concernant le bug de rollover sur les articles, je suis dessus, justement... j'ai d'ailleurs fait un post séparé sur ce forum, pour demander un coup de main, car je n'arrive pas à comprendre l'origine de ce bug

3. Pour la taille des icones... A voir ce qu'en disent les autres : de mon côté des amis à qui j'ai montré le site m'ont dit qu'ils ne voyaient aucun problème de visibilité relatif à la taille de ces icones... Pour le moment la majorité l'emporte donc

4. Le soulignement, comme le logo qui vient en fin de phrase du header, sont des partis pris graphiques. Je conçois que ça puisse déstabiliser, mais sur le fond j'y tiens assez : le soulignement permet non seulement, esthétiquement, de "poser" ce premier mot par rapport au reste du texte (en enlevant le soulignement je trouve qu'il y a comme un déséquilibre), mais c'est aussi une façon de renforcer l'importance du mot, qui pour moi est aussi une façon d'humaniser la présentation (commencer par dire bonjour).
Pour le logo : il est positionné ainsi pour faire écho au bonjour, permettant ainsi d'encadrer le texte.

5. Pour le design général... oui c'est volontairement minimaliste, et c'est ainsi que je voulais me présenter : sobrement, en faisant place aux boulots. Du moins c'est ma volonté.
Pour ce qui est des visuels... Normalement la page "single" doit tenir sur une hauteur d'écran, et le header ne doit pas prendre plus de 25% de la hauteur sur un écran d'ordi moyen (du moins c'est le cas chez moi, je n'ai pas encore passé la couche "full responsive"...).
Pour ce qui est de l'utilisation de cette fausse tablette, j'ai mis ça en place pour bien différencier le print du web. Au-delà du système de filtres présent sur la home, il me semblait important que la différence soit visible immédiatement (sans parler du fait qu'une simple capture d'écran fait un peu "cheap", à mon goût).

Je ne dis pas que je ne tiendrais pas compte de tes remarques ; simplement j'essaie de "justifier" mes choix, qui paraîtront ainsi peut-être plus cohérents dans l'ensemble (mais la discussion reste ouverte, bien sûr !)... Le débat continue !
Modifié par soykje (21 Mar 2013 - 15:50)

soykje a écrit :
4. Le soulignement, comme le logo qui vient en fin de phrase du header, sont des partis pris graphiques. Je conçois que ça puisse déstabiliser, mais sur le fond j'y tiens assez : le soulignement permet non seulement, esthétiquement, de poser ce premier mot par rapport au reste du texte

Si tu veux, mais moi je le lis comme "je ne maîtrise pas les codes du média sur lequel je travaille". Libre à toi de laisser place à l'ambiguïté bien entendu, mais à mon avis c'est un mauvais calcul pour la crédibilité de ton taf.

Effectivement le "bonjour" est trop chargé:
-police trop différente par rapport à l'ensemble( Playfair Display)
-italic
-taille plus grande
-soulignement (le pire)

Quand j'enlève tous ces styles sur l'inspecteur de code le résultat est plus sobre.

Bonjour,


Désolé pour le délai de ma réponse, mais j'étais en plein media queries, sans parler de ce problème de rollover que je n'arrive pas à résoudre...

Bref. J'entends bien vos remarques, même si vous vous en doutez je ne suis pas forcément d'accord avec... Mais encore une fois, étant 'jeune' dans la discipline du web, il me faudra sûrement tenir compte de vos conseils, même si c'est à contre-coeur, et trouver dans ce sens une alternative à mes premiers choix graphiques... J'y repense actuellement, nous verrons.

Je ne sais pas si le tour a été fait, mais avez-vous d'éventuelles autres remarques, par rapport encore une fois au design, mais aussi au code ? Je dis ça, ayant reçu un certain nombre d'erreurs avec le W3C Validator, que je ne suis pas sûr de bien comprendre...

Voilà. Merci d'avance pour tous vos conseils, et votre aide ; j'espère rapidement pouvoir faire la mise en ligne, dès que les derniers bugs seront résolus !

Re,

Merci ! Je n'avais pas pensé à cette histoire d'espace... Et pour le lien, c'était effectivement un "déchet" issu de mes (nombreux) essais relatifs à ce problème de rollover des articles... D'ailleurs si quelqu'un a une idée...

Au passage, quelqu'un a-t-il pu tester le "responsive", sur une tablette par exemple ? Je n'ai pas vraiment pris le temps d'optimiser pour le tactile (sûrement dans un second temps), mais il me semble que ça doit bien passer

Merci encore !

Je plussoie mes camarades sur l'« effet bug » et surtout le placement du logo coupé (*), ainsi que sur l'utilisation discutable du soulignement.

Certains textes et icônes me semblent trop petits.

Côté html :
- la META charset devrait être placée avant le TITLE pour en traiter les accents.
- Je ne suis pas convaincu par l'usage de HEADER pour l'id main, et de P pour mettre des boutons +.
- La hiérarchie des titres est erratique.
- Le script JQuery peut-il être placé à la fin avec les autres ?

(*) Alors que ça rend très bien sur le portfolio actuel, je trouve.
Modifié par Muchos (22 Mar 2013 - 20:09)