Hello,
Ça avance mais ce n'est toujours pas ça.
Avant de te lancer dans ton prochain re-design, il serait utile que tu revois tes fondamentaux (
Introduction à la création de site web sur CCM, page 1 à 7 et
Rédiger pour le Web (slide)). Si on laisse de côté les aberrations dans le code d'un point de vue syntaxique, l'ergonomie laisse à désirer.
Un site web c'est avant tout une structure, une structure qui répond à certaines règles, à une logique organisationnelle. Avant de passer à l'étape de développement et de conception graphique, il y a toute une étape de réflexion quant à l'organisation du contenu, puis une autre liée à la présentation de ce dernier.
Cette réflexion commence par la question fondamentale : "À quoi va servir le site que je vais concevoir pour la personne qui m'a confié cette mission (toi en l'occurrence) ?" et "À quoi va servir ce site pour les visiteurs ?". Ces questions sont fondamentales car elles vont déterminer la façon dont tu vas hiérarchiser ton contenu et mettre au point la navigation au sein de celui-ci.
Prenons ton cas. Ton site est sensé être une vitrine pour tes travaux, un outil de promotion personnel. En toute logique, tes travaux et des compétences devraient être mis en exergue, accessibles instantanément.
http://omicronlab.net/upic/4b40bfb1-1df7.png
Cliquer pour agrandir
Sur ce schéma :
* En rouge : les éléments de naviagtion
* En bleu : un élément porteur de sens qui devrait être dans le flux plutôt qu'en background, qui devrait être un élément de navigation mais qui ne l'est pas
* En orange : du contenu dont la mise en évidence est peu pertinente, dans les deux cas, trop importante
* En vert : le seul véritable contenu intéressant qui rencontre tes objectifs, te présenter
* Tout autour, les éléments de mise en forme
Quelles conclusions tirer de cet analyse ?
* Ta page principale propose plus de menus/moyens de navigation que de véritable contenu pertinent
* Le peu de contenu pertinent présent est étouffé sous un tas d'autres futilités
* Tes titres et ton image d'illustration (sapin) occupent plus de place que ton contenu et tes multiples moyens de navigation (c'est peu dire dire)
* Les traits rouges qui illustrent la navigations s'entre-croisent et partent dans tous les sens
Au final, on ressort avec un sentiment de chaos.
L'internaute est fainéant. Deux clics (ou du scroll + un clic) pour arriver a du contenu pertinent, tes dessins par exemple, c'est un clic (ou du scroll) de trop.
[Edit 7/01/10 à 10:39]
Je parlais de manque de logique organisationnelle, ton menu à onglet en est la parfaite illustration. Il est affiché de manière diamétralement opposée à son état dans le code :
<a id="acces3" href="index.php"><img alt="Accueil" src="img_03_sanscss.gif" /><span class="invisible">Accueil</span></a>
<a id="acces2" href="index_content.php"><img alt="Archives des articles" src="img_03_sanscss.gif" /><span class="invisible">Archives des articles</span></a>
<a id="acces1" href="index.php?style=no"><img alt="Version accessible" src="img_03_sanscss.gif" /><span class="invisible">Version accessible</span></a>
Et à l'écran, de gauche à droite :
- accessibilité
- archives
- accueil
Ce qui se traduit lors d'une navigation au clavier par une lecture de droite à gauche du menu
Au niveau de la cohérence, il est important de tenter de constituer une harmonie dans l'ensemble d'une page web, harmonie de couleurs, de contrastes, de formes. Tant de codes (de langage d'un point de vue social) qui vont conditionner ton visiteur, orienter sa lecture, la manière dont il va parcourir ton site.
Clairement ici, ce qui casse le rythme de lecture, c'est ce bloc blanc immense qui vient en travers d'un ensemble pourtant graphiquement cohérent dans des tons de gris. Le menu à onglets donne quant à lui un sentiment de "trop" : trop grands onglets (par rapport à ton logo, par rapport au texte, par rapport aux titres).
En essayant de ne pas trop travestir ton concept et en me limitant à un empilement de blocs (donc exit le design à proprement parler), j'arrive à ce genre de résultat :
http://omicronlab.net/upic/4b45a7a1-728.png
Cliquer pour agrandir
Ce qui importe dans cette maquette, ce n'est pas tant l'aspect esthétique que la mise en évidence des éléments importants et l'harmonisation du tout. La mise en forme au service du contenu.
J'espère à travers cette analyse t'avoir permis d'envisager le webdesign sous un autre angle.
Je ne peux que te conseiller de parcourir les différentes galeries de webdesign (Smashing Mag' à le chic pour dénicher les designs originaux) et à t'en inspirer. Rien de tel que de prendre la mesure de ce qui se fait déjà, des tendances, etc. pour mener à bien une tâche aussi complexe que la création d'un design from scratch.
J'espère également que tu prendras ce post avec le recul nécessaire en gardant à l'esprit que c'est plein de bonnes intentions que j'ai rédigé ces lignes, loin de moi l'idée de dénigrer injustement ton travail, les leçons tirées d'une critique constructive étant souvent un levier nécessaire à l'élèvement des compétences, lorsqu'il s'agit d'autodidaxie à plus forte raison.
Sur ce, bon courage. N'hésite à me questionner si un point précis nécessite de plus amples explications et à soumettre ta prochaine réalisation à la critique
Modifié par Akhilleus (10 Jan 2010 - 15:31)
).
