Le design 3 colonnes qui tue

Deux colonnes, trois colonnes… Vaste débat lorsqu’on designe un site : deux colonnes c’est plus lisible que trois, oui mais dans trois colonnes on met plus de trucs c’est mathématique, oui mais deux colonnes c’est l’épure la simplicité… Bla et bla et bla.

En vérité, je vous le dis, le nombre de colonnes n’a aucune importance. Ce qui a de l’importance, c’est la lisibilité. Et le designer de degroupnews.com l’a très bien compris :

Je ne sais pas où il est allé chercher cette idée de relief sur la colonne centrale – est-ce que ça existait déjà ailleurs, est-ce qu’il l’a inventé – en tout cas, le résultat est là : le contenu de la colonne centrale (hiérarchiquement le plus important donc) ressort parfaitement. Bravo.

(merci Julien pour le lien)

Réagissez

Si ce billet vous a plu ou si vous voulez apporter des précisions, ou si vous n’êtes pas d’accord avec ce que je raconte, c’est ici qu’il faut vous manifester. Je me réserve toutefois le droit de supprimer toute contribution insultante ou qui n’aurait rien à voir avec la choucroute.

  1. C’est chouette même super chouette cette charte… c’est ce que je me suis aussi dis lorsque julien m’a montré ça… et ensuite jme suis dis… Mais mais ?? les gens vont plus jamais cliquer sur les liens des autres colonnes !! :o tu crois pas ?

  2. Dans une moindre mesure, c’est ce que j’avais essayé de rendre sur l’AJblog, avec moins d’effet de relief il est vrai. Une sorte de hiérarchisation graphique en fonction de l’importance donnée à tel ou tel contenu.

    Je suis toutefois d’accord pour dire que l’effet rendu sur le site degroupnews rend très bien.

  3. j’ai flashé sur l’efficacité de cette colonne centrale malgrès en effet la question des clics en col de droite et gauche. Mais bon il faudrait commencer par se trouver une étude de eyetracking et chaleur de click sur ces emplacement pour savoir quelle importance leur donner.

    Petit point à corriger quand même : on dirait qu’il manque les « alt » et « title » pour les images de navigation en haut de la colonne, qui seraient bien utiles.

    sinon je suis pas d’accord avec « le nombre de colonnes n’a aucune importance » => 2 colonnes. Max. Un point c’est tout. :P

  4. C’est un peu de 3D qui vient dans le web.

    La notion de l’overlay est de plus en plus présente sur le web, le petit ombré fait toujours bien quand il est utilisé correctement.

    Ici pour avoir un ombré de chaque coté et pas en haut il faut un éclairage centré et en plongée. Ce type d’éclairage n’est pas courant, on préfère généralement l’orienter sur un des deux cotés.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>