BrowserSize par Google Labs, pour une meilleure architecture d’information

Publié le 24 décembre 2009

Dernier post avant les fêtes, mais je ne cèderai pas aux sempiternels voeux de Noël… C’est un peu l’overdose ces temps-ci. Alors pour conclure l’année en beauté, voilà un nouvel outil Web lancé par Google Labs : BrowserSize. BrowserSize permet de tester la visibilité d’une page Web en fonction des différentes résolutions écrans des internautes, via l’affichage d’un « overlay » (filtre de données appliqué au-dessus d’une image). En clair, Google nous propose cet outil pour améliorer l’architecture d’information sur une page Web ; autrement dit, mieux placer les éléments phares d’une page pour toucher un maximum de personnes dès leur « atterrissage ».

BrowserSize par Google Labs, pour améliorer l'architecture d'information

BrowserSize s’inscrit dans la lignée des principes comme le « premier tiers » (e-mailing) ou du « above the fold » (presse papier), en indiquant au concepteur Web la partie la plus visible de son interface. Dans la capture ci-dessus, on remarque que certains éléments échappent au premier regard de 5% des internautes, et notamment… la sidebar avec le logo, la description, le champ d’abonnement newsletter, et j’en passe.

Bien définir ses objectifs de conversion est indispensable pour placer intelligemment ses call to action ou contenus essentiels dans une page. Cependant, il ne faut pas chercher à tout placer dans une zone restreinte, puisque les internautes ont de plus en plus tendance à descendre pour découvrir plus de contenus.

Si BrowserSize est un bon indicateur ergonomique, n’oublions pas que les internautes savent scroller, comme le rappelle justement Australopitech (chez qui j’ai déniché l’info). Et que, par ailleurs, les « faibles » résolutions d’écran (800 x 600 par exemple) sont peu représentatives… Moins de 4% selon Libstat.

Une fonctionnalité pratique serait de pouvoir uploader une maquette :-) Sur ce, je vous donne rendez-vous début janvier, pour la reprise !

  • Twitter
  • Facebook
  • Delicious
  • FriendFeed
  • Google Bookmarks
  • Tumblr
  • Diigo
  • Viadeo
  • Share/Bookmark

Tags : , , , ,

Laisser un commentaire

CommentLuv Enabled
« Back to text comment