Bien le bonjour Smiley smile

Je me suis mis en tête de redonner un coup de jeune à mon site perso dont les informations étaient depuis trop longtemps obsolètes et le design inexistant.

[Update] Voir le message plus bas dans ce topic

D'avance merci pour l'attention que vous y accorderez.
Modifié par Akhilleus (04 Mar 2009 - 23:26)
Bonjour,

Pour l'aspet du site, je trouve les item du menu horizontal un peu trop petit et assez difficile à lire (bon OK, là j'ai la migraine qui poind). Les item du menu horizontal en gris sont trop clair, donc difficile à lire également (d'ailleurs c'est normal qu'ils ne fonctionnent pas ?).

D'un point de vue accessibilité, les contraste maximums sont "déconseillés" (ça dépends des sources), un gris foncé sur un fond blanc sera plus reposant pour l'oeil que le noir (surtout l'oeil fatigué).

Pour le code, il n'y a pas grand chose à dire, juste 2 points qui me chagrinent :
1. l'utilisation d'XHTML alors que le document est servi en text
2. les contenu des alt sur les smiley :
<img src="smiley-01.png" width="15px" height="15px" class="smiley" alt="smiley" />
<img src="smiley-02.png" width="15px" height="15px" class="smiley" alt="smiley" />
<img src="smiley-03.png" width="15px" height="15px" class="smiley" alt="smiley" />
<img src="smiley-04.png" width="15px" height="15px" class="smiley" alt="smiley" />

Dans ce cas ci (celui des smiley), il serait plus judicieux de décrire l'émotion transmise par celui-ci, car là pour un utilisateur de lecteur d'écran 14 fois "smiley" à la suite, ça va être pénible ^^;

J'ajouterais, pour finir, une petite remarque sur tes meta :
<meta name="robots" content="index, follow" />

ça c'est la valeur par défaut, donc c'est un peu inutile.

<meta name="keywords" content="Loconte, Locomte, Leconte, Lecomte, Andre, André" />

Cette meta là ne sert plus aux moteurs les plus importants qui privilégient le contenu de la page.


Sinon j'aime bien le design moi Smiley smile
Un grand merci tout d'abord Smiley smile

Concernant le menu vertical, c'est normal que le liens ne fonctionnent pas pour l'instant Smiley smile
Pour ce qui est de l'utilisation du xHTML, c'est en prévision d'une adaptation XML dans les jours à venir (flemme inside).

Pour les smilies, flemme inside également mais je vais corriger ça.

Pour le meta-keywords, les opinions divergent, dans le doute, je préfère le laisser, partant du principe que ça ne peut pas nuire au référencement ou à la validité de mon code.

Merci encore pour ton retour, je vais réfléchir à une façon d'atténuer le contraste du header et corriger les attributs "alt" de mes smilies Smiley cligne
Salut,

C'est minimaliste, mais pourquoi pas ! Smiley smile

Ma principale critique viendra du fait que ton design élastique sur grand écran devient assez rapidement illisible (ou pénible) car les lignes de texte sont démesurées. Il est recommandé d'avoir une 60aine - 70aine de caractères par ligne pour une lecture optimale.

Sinon ton deuxième niveau de nav (à gauche) est assez discret : je n'avais pas compris immédiatement ce à quoi il servait, il y a peut-être quelque chose à rebosser.

Ils sont chouettes, tes smilies !
Salut et merci d'avoir pris le temps d'y regarder de plus près.

Pour le problème de résolution d'écran que tu décris, je vais tester ça en dual-screen car mon 19" 4:3 ne me permet de percevoir cet aspect actuellement (et je n'y avais même pas songé) et tenter d'y apporter une solution.

Quant aux smilies, merci pour le compliment Smiley cligne
J'en ai encore une quinzaine au chaud qui rejoindront leurs confrères d'ici peu.
Tu es libres de les utiliser si tu le souhaites (à condition de respecter la CC) Smiley cligne

@Laurie-Anne : les liens sont cliquables désormais Smiley smile
Modifié par Akhilleus (04 Mar 2009 - 18:35)
Re-Bonjour Smiley smile

Je viens de refaire le design en tenant compte des remarques qui m'ont été soumises : design trop austère, trop d'espaces vides su grande résolution, .. (je conserve l'ancien design pour ma partie administration Smiley cligne )

Qu'en pensez-vous ? C'est ici que ça se passe :
Création de sites web, d'identités graphiques et de logos en belgique

Merci d'avance pour vos réactions.

Edit : Merci au passage à Heyoan pour son aide dans la correction d'un bug de compatibilité entre navigateurs.
Modifié par Akhilleus (05 Mar 2009 - 14:43)
Personnellement j'aime beaucoup. C'est relativement sobre sans pour autant être austère. C'est fin.
Modifié par SolMJ (28 Feb 2009 - 09:45)
Bonsoir,
Hors-sujet par rapport à la nature des critiques demandées mais l'image aurait un meilleur rapport qualité/poids en JPEG. Le PNG c'est bon, mais pas pour la photographie, ou images s'en rapprochant.
J'ai édité mon premier message car il ne correspondait plus à mes attentes de retours, tous types de retours sont les bienvenus Smiley cligne

@original.defeat : en effet, j'ai corrigé cela et je gagne jusqu'à 15ko sur la photo, merci
Modifié par Akhilleus (05 Mar 2009 - 01:43)
@original.defeat : j'avais essayé un plus haut taux de compression mais je n'ai pas envie que la photo subisse de dégradation donc en suivant ton conseil et en réalisant la conversion au format jpeg, j'ai souhaité trouver le meilleur compromis poids/qualité.

Au passage, très intéressants les articles que tu proposes concernant l'optimisation des images PNG Smiley cligne

@yohannatelierOZ : merci pour ton commentaire, c'est effectivement une erreur pour le laboratoire, il pointe vers un domaine que je n'ai pas encore configuré, je corrige Smiley cligne

--

Je vous rappelle que ça se passe ici : Création de sites web, d'identités graphiques et de logos en belgique Smiley cligne
Modifié par Akhilleus (05 Mar 2009 - 15:38)
Bonsoir,
Akhilleus a écrit :
je n'ai pas envie que la photo subisse de dégradation


Vous arrivez à distinguer une différence (telle qu'on peut la nommer dégradation) entre cette image et celle-ci ?

Votre image n'est pas comparée à la loupe et au pixel près par vos visiteurs et son poids est tout de même allégé de 4 fois Smiley ravi
Bonjour,

Pour finir simplement là dessus, je vous dirais qu'en tant que webmestre, il est certain que vous verrez une différence puisque vous avez un élément comparatif, et que vous êtes "responsable" de l'intégration finale.

Vous voyez une différence parce que vous vous focalisez sur l'élément comparatif (ancienne et nouvelle image), ce que ne font pas les utilisateurs ; un visiteur ne s'attarde pas à une image décorative ou à ses détails, ce qui est intéressant c'est votre contenu.

Pour simple test, demandez à quelqu'un qui ne connaît pas votre site de le comparer avec la nouvelle et l'ancienne image, sans préciser les modifications qui y ont été apportées. La grande majorité vous diront qu'ils ne verront aucune différence, d'autres plus attentifs vous diront que c'est juste chargé plus rapidement Smiley ravi

La raison est simple : en tant qu'utilisateur, on ne se focalise pas longtemps sur un objet décoratif si ce n'est pas le but premier du site.