Une, deux ou trois colonnes : que choisir pour votre blog ?
Bienvenue sur le Journal du Blog, vous pouvez vous abonner au flux RSS. Merci pour votre visite!
Comme vous l’a déjà fait voir Deeder dans un précédent billet, l’ergonomie d’un blog est très importante pour le visiteur. C’est une question que l’on se pose souvent quand on créé un thème : combien de colonnes dois-je mettre dans mon blog ?
Tout d’abord, le choix d’avoir une, deux ou trois colonnes (voire quatre …) doit se faire en fonction du contenu de votre blog.
Une colonne
Le choix de n’avoir qu’une colonne dans son design se porte sur la concentration du contenu. En effet le visiteur se concentrera sur le contenu et non sur la navigation de votre blog. Cela implique l’absence de liens vers les archives ou vers les catégories, à moins qu’ils soient dans le header ou le footer. Le visiteur ne pourra pas naviguer aisément entre les catégories ou les archives du blog, il ne pourra alors que lire les articles de votre blog.
Deux colonnes
Les designs possédant deux colonnes conviennent aux visiteurs qui aiment naviguer à travers les archives d’un blog. Cette configuration convient aussi parfaitement aux nouveaux visiteurs qui “atterrissent” sur votre blog. Ces derniers ne connaissant pas votre blog, peuvent décider d’y découvrir vos anciens billets afin de se familiariser avec le blog. Si ceux-ci sont satisfaits du contenu rencontré, ils reviendront sûrement sur votre blog, ou même s’abonner au flux RSS, et vous aurez de nouveaux visiteurs quotidiens sur votre blog.
Les designs à deux colonnes sont conçus en quelque sorte pour remplacer les designs à une colonne qui possèdent des liens de navigation dans le footer puisque vous aurez tout ces liens dans la sidebar. Les thèmes deux colonnes sont moins contraignants que les thèmes une colonne. En effet, lorsqu’un visiteur tombe sur votre blog, il descend très rarement jusqu’en bas de votre page d’accueil, et risque de ne pas voir les liens de vos archives, ce qui risque de moins l’attirer et ne va pas lui donner l’envie de poursuivre la visite.
Trois colonnes
Le design trois colonnes tel qu’il soit (une colonne centrale et deux sidebars autour, une colonne à gauche et deux sidebars à droite, etc) facilitent aisément la navigation sur le blog. Le design ne sera alors plus concentré sur le contenu mais sera concentré à la fois sur le contenu et sur la navigation de votre blog. Ces designs sont conseillés pour les blogs ayant beaucoup de billets et de fait beaucoup d’archives et de catégories. Avec un design possédant trois colonnes, plus de possibilités s’offriront pour remplir votre sidebar. Vous pourrez alors par exemple ajouter votre blogroll, vos catégories, vos archives, les derniers commentaires, votre galerie Flickr, et bien plus encore…
Les designs plutôt 2.0
Parmi les designs reflétant le web 2.0, il y a les designs n’excédant pas les trois colonnes, avec une disposition si possible centrée, une séparation visible entre l’entête et le corps du design, un menu en CSS et pas trop chargé, des liens assez visibles, des listes qui prennent toute la largeur de la sidebar, des éléments graphiques qui composent des surfaces structurées, un pied de page possédant les archives, les catégories, et presque tous les liens du blog et de belles couleurs.
Vous êtes plutôt une, deux, trois ou même quatre colonnes ?
Vous avez aimé cet article :
abonnez-vous au flux RSS
!
Loading ...
PiXeL le 2 juin 2008:
Je suis plutôt 3 colonnes (autrement dit 2 sidebars) notamment pour avoir l’espace suffisant pour afficher tout un tas de widgets qui rallongeraient la pages s’il n’y avait qu’une seule sidebar.
Sinon je trouve que la tendance des blogs web2.0 ou dans un milieu proche est aux designs avec 2 sidebars généralement plaçées toutes les deux sur la droite du contenu.
Sylvain le 2 juin 2008:
Bonjour,
Sujet intéressant ! C’est vrai c’est une problématique qui amène une grande réflexion à la construction de son blog. Moi même, j’ai beaucoup hésité… Les critères de choix que tu proposes sont très pertinents. Le format 2 colonnes est devenu tout de même un peu comme une norme… Enfin, il me semble. Qu’en penses-tu ?
Et puis dernière petite réflexion, depuis quelques temps nous pouvons naviguer sur des blogs qui ressemblent de plus en plus à des portails d’informations. En utilisant, le format trois colonnes , des systèmes de navigation multiples… Et la question que je me pose c’est : Est ce une bonne chose ?? Les repères sont brouillés non ?
Misa le 2 juin 2008:
3 colonnes mais c’est pas un état définitif , ça peux changer si je trouve mieux en deux colonnes, je supprimerais les “derniers commentaires” qui servent pas à grand chose
Aurelien le 2 juin 2008:
@Pixel : je ne dis pas cela pour toi en particulier, mais ne penses-tu pas que trop de widgets est néfaste pour la mise en valeur du contenu? (ce qui rejoint par ailleurs les dire de Sylvain)
@Sylvain : je laisse à Jean-Baptiste le soin de te répondre, j’apporterai mon avis par la suite, mais tes remarques sont très pertinentes.
@Misa : les derniers commentaires permettent de voir rapidement s’il y a des réponses, c’est donc utile autant pour les visiteurs que pour l’auteur du blog (enfin je trouve).
Jean-Baptiste le 2 juin 2008:
PiXel > C’est vrai que avoir 2 sidebars permet de faire une sorte de “raccourcissement” de la page. Je m’explique. Au lieu d’avoir tous les widgets rangés dans une sidebar, les widgets sont divisés par 2 dans 2 colonnes, ce qui raccourci vraiment la page.
Après, tout dépend du nombre de billets que l’on veut afficher sur la page d’accueil. Si le nombre de billets affichés est très grand, la longueur de la sidebar n’a pas grande importante.
Attention à ne pas profiter de l’espace libre dans les sidebars pour rajouter des widgets qui feraient ralentir considérablement l’affichage du blog !
Sylvain > On trouve beaucoup de designs possédant 2 colonnes. Ce n’est pas une norme mais c’est un peu comme la “base” d’un design.
Par contre, je ne vois pas trop de quoi tu veux parler en disant “portails d’informations”. Tu aurais des exemples de sites s’il te plaît ?
Misa > Au contraire, le widget des derniers commentaires peut être très utile au visiteur qui voudrait vérifier s’il y a de nouveaux commentaires sur tel ou tel billet sans aller voir directement sur le billet concerné. Enfin bref, ce n’est juste qu’une question de goût et d’équilibre de place.
PiXeL le 2 juin 2008:
@Aurélien : D’après moi tant que c’est dans les sidebar ça ne dérangera pas la mise en valeur du contenu. Si de base il y a 2 sidebars, mettre autant de widgets que l’on veut ne changera pas grand chose à part le temps de chargement de la page.
Après c’est certain que si l’on met un widget rouge clignotant ça perturbera le visiteur mais sans ça je pense qu’il sait naturellement se concentrer sur le contenu sans être perturbé par le nombre de widgets.
Sylvain le 2 juin 2008:
@Jean-Baptiste: Je n’ai pas d’exemples là sur le moment. Simplement, hier, il était facile d’identifier un blog : un design souvent simple et des fonctionnalités limités. Aujourd’hui,avec la professionnalisation du blogging, nous retrouvons des forums, des modules de brèves, de la publicité, etc. De leur côté les portails d’informations permettent aux internautes de commenter l’actualité. Et ma question c’est : Pour un internaute “moyen” est-il facile de faire la distinction entre un blog et un portail d’information ?
J’espère t’avoir éclairé
Jean-Baptiste le 2 juin 2008:
Ta question est très dûre et elle relève pas mal de réflexion.
Personnellement, je pense que la différence entre un portail d’informations et un blog n’est pas conçu pareil en matière de design.
Je ne connais pas trop de portails d’informations, alors je ne peux pas trop t’en dire plus sur ce sujet, désolé.
damospace le 2 juin 2008:
J’ai commencé avec une sidebar et au fur et à mesure des widgets ajoutés, elle commençait à se rallonger un peu trop. J’ai également eu des soucis à hiérarchiser correctement tous les éléments avec une seule sidebar. Je voulais avoir pas mal d’élément visibles dès le chargement de la page : le bouton RSS, les derniers commentaires, les visiteurs MyBlogLog, etc. Ce n’était pas possible avec une seule sidebar.
Le Sushi le 3 juin 2008:
Très intéressant tout ça, je me pose justement la question de l’ajout d’une 2ème sidebar, quand on rajoute plein de choses inutiles (donc essentielles) on se sent vite limité… Mais encore faut-il s’y connaître suffisamment en technique pour en rajouter!
Aurelien le 3 juin 2008:
@Sylvain : En effet, on voit de plus en plus de thèmes magazines, transformant ainsi les blogs en “portails d’informations”, leurs donnant ainsi un aspect de site et non plus de blog. Après ne pas savoir si on arrive sur un blog ou un portail n’est pas vraiment grave, je pense, tant que l’information est facilement accessible, c’est l’essentiel.
@Pixel : oui et non. Enfin si la largeur de la ou des sidebar(s) est trop importante, cela empiète sur la place allouée au contenu, qui sera, de fait, moins bien mis en valeur. Pour éviter d’avoir une longue sidebar, on allonge les billets.
@Le Sushi : il y a de nombreux thèmes qui proposent une double sidebar, c’est, à mon avis, plus simple de changer de thème et de le personnaliser que d’intégrer une autre sidebar (enfin lorsqu’on ne s’y connaît pas trop j’entends ;)).
Jean-Baptiste le 3 juin 2008:
@Aurélien @Le Sushi > Ou même de télécharger un thème possédant 2 sidebars et d’aller aux codes sources pour adapter les sidebars au thème actuel. Ce qui évite d’avoir trop de changements dans le design.
annak le 3 juin 2008:
Il faut aussi tenir compte du contenu de la colonne des articles, s’il y a des photos, des saisies d’écran… elle doit être la plus large possible, donc une seule colonne de module, plutôt que 2 maigrelettes…enfin, je pense
Jean-Baptiste le 3 juin 2008:
Quand je fais un design, je me base moi-même sur la largeur des photos actuelles pour pouvoir fixer la largeur de la colonne principale.
Julien le 4 juin 2008:
3 colonnes me semblent le plus évolutif : il faut comme le rappellent les derniers commentaires fixer une largeur décente à la colonne principale
Shuji le 4 juin 2008:
3 colonnes (1 sidebar de chaque côtés) = site marketing, 1 olonne = journal intime :).
C’est mon opinion.