Améliorations cosmétiques et ergonomiques sur ce blog

Après mon petit tour sur les questions relatives à l’ergonomie des blogs, je me suis décidé à repenser la navigation sur css4design qui en avait bien besoin. Quelques commentaires plus tard sur la navigation par tag vs catégorie, je suis descendu de mon petit nuage… J’en ai même profité pour harmoniser les couleurs en diminuant la part du rose au profit du vert. Sans connotation politique aucune 😉

Ceux qui ne connaissent pas l’ancienne version peuvent se faire une idée de l’ancien design. Pour faciliter la comparaison, j’ai ajouté un capture d’écran de la version en cours.

But : mettre en avant les catégories et la recherche sur le blog

Outre le champ de recherche, j’ai envie de mettre en avant les catégories pour en faire l’élément de navigation privilégié, sans pour autant remplacer la navigation horizontale située en haut de la page. Cette dernière ne devrait pas compter plus de deux ou trois autres liens supplémentaires. Comme le nombre d’items dans les catégories peut augmenter dans une plus large mesure, une disposition horizontale mènerait vite dans une impasse.

J’ai pensé ensuite aux menus déroulant. Mais bon… la finalité est d’améliorer l’ergonomie, pas le contraire 😉 Je trouve particulièrement gênant de ne pas pouvoir accéder au contenu d’un clic. C’est peut-être sur cette question que l’on peut faire une distinction entre le site et le blog : si on a besoin de plus de sept rubriques ou catégories avec des sous-rubriques en nombre important (ou pire des sous sous-rubriques), alors c’est un site qu’il faut faire. Même si pour cela on peut utiliser une plate-forme de blog !

Objectif : faire de la place dans la sidebar

Je ne veux pas non plus sacrifier le calendrier, les archives ou le nuage de tags. Seulement leur donner l’importance qu’ils méritent : une navigation accessoire, sans être superflue pour autant :

• Le calendrier et les archives.

  Personnellement, je ne m’en sers pratiquement jamais pour naviguer sur un blog. Néanmoins, ces deux éléments donnent assez rapidement des informations sur le rythme de publication et l’ancienneté du blog. Quoique cette dernière pourrait être précisée sous la forme d’un online since 1967 😉

• Le nuage de tag

  C’était à l’origine un élément important pour se déplacer dans le blog, de manière peu structurée, au gré de l’impulsion. Et de fait, les tags étaient plus utilisés que les catégories.

  Le problème ? Je suis moins rigoureux pour tagger un billet que pour lui associer une catégorie : les billets affichés en cliquant sur un tag nuageux sont parfois éloignés du sujet. Et celà impacte peut-être le nombre de pages vues ou le temps passé sur le blog.

  Et même si j’aimais bien mon tagcloud dans la sidebar, je l’ai quand même déplacé en bas de la page : sa vocation étant d’augmenter, il prendra ses aises dans toute la largeur.

*Moyens : Javascript, CSS et déplacements de bloc »*