Le layout 2007 sera-t-il soluble dans le web 2.0 ?

Le 29 décembre 2006 à 21h45 | Publié sous | 7 commentaires

Je sais bien que je n’écris pas beaucoup ces derniers temps. J’ai un peu de mal à trouver l’inspiration nécessaire pour compléter la vingtaine d’articles de fond en stockés dans mon répertoire “brouillons”, certains en cours de rédaction depuis le mois de mars. Et je code, beaucoup, en fait. Je viens de faire accepter mon premier gros patch à l’équipe de développement de Typo, et j’en ai soumis un second – près de 4Mo tout compris – cet après-midi. J’aimerais bien terminer la refonte de l’administration avant la sortie de la prochaine version stable, et le travail manque moins que le temps pour le réaliser.

Maurice Svay me demandait tout à l’heure quelles étaient mes prédictions en termes de design web pour l’années 2007. Très bonne question qui vaut largement un billet.

Une place prépondérante donnée au contenu

Il est intéressant de voir combien notre rapport au web a changé ces 5 dernières années. L’agrégation, notamment, nous a fait prendre conscience à juste titre que la valeur d’un site web réside dans l’ensemble des contenus publiés. Le web design de 2007 devrait donc encore accentuer cette tendance en mettant tout particulièrement en avant les éléments pertinents.

La taille des polices de caractères a déjà augmenté par rapport à ce qui se faisait il y a 4 ans, et on devrait voir celle-ci évoluer vers une moyenne de 13 ou 14 pixels. Pour rappel, les navigateurs considèrent la taille standard comme étant 16 pixels.

La lisibilité nécessitant un contraste fort entre le texte et le fond, gageons que les dégradés de blancs et de gris clairs ont encore de beaux jours devant eux. La tendance d’un retours à des sites en blanc sur fond noir ou blanc sur gris foncé devrait aussi se confirmer.

Une à deux colonnes maxi

Déjà en perte de vitesse ces dernières années, les layouts sur trois et quatre colonnes continueront à se raréfier au profit quasi exclusif de thèmes en une et deux colonnes.

Pourquoi cela ? Très (trop) marqués “portails” et “web des années 90”, les designs en 3 et 4 colonnes ne conviennent plus à la structure de la majorité des sites en circulation aujourd’hui, et deviennent le plus souvent des nids à publicité.

Le nombre de points d’entrée sur une page donnée et la profondeur des sites tendent à diminuer. La navigation s’en trouve grandement simplifiée, et l’utilisateur s’y retrouve plus facilement.

2007 sera widgets ou ne sera pas

Il est probable que la navigation des sites deviendra fortement personnalisable via l’utilisation adéquate des widgets. La place des différentes sections du menu des sites à deux colonnes changera au gré des envies du visiteur qui verra ses préférences conservées d’une visite à l’autre.

Peu de fluidité

Peu de layouts liquides ou semi-liquides en 2007 (un layout liquide est un layout qui s’adapte à la taille de l’écran). Je vois 3 raisons à cela :

  • Les écrans deviennent de plus en plus larges, et des lignes de 1400 pixels de large sont pénibles à lire.
  • Les designers ne pensent pas en termes de layouts liquides, plus difficiles à faire que des designs à taille fixe.
  • Les propriétés CSS min-width et max-width ne sont pas supportées par la majorité des navigateurs du marché, ce qui rend leur utilisation plus qu’hasardeuse, et les solutions de contournement en javascript ne sont pas une solution satisfaisante en termes d’accessibilité.

Depuis quelques années, la mode est aux sites centrés sur l’écran, et cette tendance ne devrait pas vraiment changer.

Paix, luxe calme et volupté

Les sites à bords ronds resteront la règle en 2007 tant ceux-ci essaient de nous faire oublier que CSS fonctionne selon un modèle de bêtes boites carrées imbriquées les unes dans les autres. Quand il est bien utilisé, le bord rond donne une certaine impression de calme et de sérénité, idéale pour se pencher sur des contenus de qualité.

Une ergonomie incitative

Tout sera fait pour inciter le visiteur à ne pas quitter le site trop vite. Les chemins de fer, tout en donnant une indication géographique incitent à se pencher sur d’autres parties du site. Des cadres proposant des contenus semblables à celui visité seront disposés à des endroits clé afin de pousser le consommateur à acheter des produits semblables ou liés. En un mot, tout sera fait pour prolonger votre visite avant le passage à la caisse, en mettant en valeur des contenus pertinents.

À vous maintenant

Et vous, qu’en pensez-vous ?

Commenter »

  1. David`bgk about 1 hour later:

  2. Frédéric de Villamil about 2 hours later:

    Connaissais pas.
    C’est excellent comme article, le gars s’est vraiment déchiré.

  3. mat about 4 hours later:

    “Les écrans deviennent de plus en plus larges, et des lignes de 1400 pixels de large sont pénibles à lire.”

    Je suis d’accord avec les 2 autres points, mais celui la est à double tranchant: il y a aussi plein de gens qui ralent d’avoir un écran super large… utilisé qu’a moitié par les sites en taille fixe de 700 et quelques de large…

    Et justement tiens, un truc qui devrait changer, qui a déjà pas mal commencé en 2006 en fait: les design tailles fixes, actuellement autour de 700 pixels de large (pour tenir sur du 800x600) devraient passer sur du 900 (adapté au 1024), à mon avis.

  4. Laurent B. about 18 hours later:

    “Les écrans qui deviennent de plus larges”, c’est très juste, mais qu’en est-il des mobiles ? Ils manquent cruellement à tes prévisions. Car les “terminaux embarqués”, que j’appelle ainsi pour simplifier car en majorité, chacun est spécialisé dans son domaine spécifique (GPS, PDA, lecteur TV/MP3, Téléphonie…) sont capables à présent de se connecter à un réseau à un bon débit (surtout à l’intranet de la société grâce au wifi:), et sont en passe de devenir à long terme l’une des révolutions de cette décennie : Les marquetteux de tout poils auront bon tenter de presser le citron jusqu’au bout, le terminal portable finira par cumuler naturellement tous les services grâce à sa connectivité. Un peu de la même façon qu’internet commence à bouffer nos technologies “fixes” comme la téléphonie et la TV. Aussi, n’attendons pas pour adapter les interfaces à ces “nouveaux” terminaux, car la demande va poindre et il va falloir y répondre…

  5. Yann about 18 hours later:

    mat > Il me semble que, depuis quelques mois, la tendance est déjà à l’élargissement des sites Web. La “tendance” est aux 960 pixels. Ils permettent de travailler le design autour d’une grille composée de colonnes de 120 pixels de large par exemple. Ce concept de “grid layout” traîne depuis quelques temps déjà sur des sites traitant de design, de CSS et d’autres “joyeusetés webesques”…

  6. Ced about 20 hours later:

    Une tendance que je vois pour 2007, il y aura de plus en plus de blogs où seul le dernier billet est présenté en entier, et juste des liens pour les autres.

  7. Frédéric de Villamil about 20 hours later:

    Mat, Ced, arrêtez de regarder par dessus mon épaule pendant que je refais mon layout, merci beaucoup :p

    Laurent : tout à fait d’accord avec toi en théorie. En pratique on va attendre que messieurs les opérateurs nous fassent de vrais forfaits accessibles. D’ailleurs mon prochain thème devrait valider “Mobile OK”

Laisser un commentaire

Merci de vous exprimer dans un français correct. Les commentaires déplacés, injurieux et le spam seront supprimés.

Les trackbacks sont fermés pour cause de spam.