Juxtaposition de visuels ou juxtaposition d’infos, la mosaïque incite-t-elle ou au contraire, empêche-t-elle une navigation en profondeur ?
Elle convient en tout cas aux internautes qui vont sur un site sans besoin de recherche précise, donc sans besoin de réelle hiérarchisation de contenu.

Dans le cadre d’un portfolio, où le but est de faire entrer les visiteurs par les visuels, la mosaïque permet de mettre en avant, d’un seul coup d’œil, la multitude des projets traités, et en même temps l’esprit global de ce qui est présenté.

Présentation du studio 45 Royale

55eleven, le portfolio de Josh Puckett

Hellomonday, site full flash

Pour la présentation de marques (Adidas, le Coq Sportif, Uniqlo), la mosaïque offre de façon immédiate une bonne diversité de contenus (photos, vidéos, textes). Dans le cas d’Adidas, la home nous montre aussi les différentes facettes de la marque (Performance, Originals, Style).

Le site adidas.com

Dans le cas des sites d’information, on est en rupture avec les schémas classiques. Dans l’exemple de l’ »article skimmer » du NY Times, le lecteur est libre de « piocher » dans les articles présentés, selon ses propres priorités.

Article skimmer, du New York Times

J’en profite d’ailleurs pour présenter un petit coup de cœur : enfin un vrai site d’infos !

Learn Something Every Day

Autre subtilité, vue sur plusieurs blogs : certains thèmes WordPress (utilisant les fluid css grids) offrent une interface qui s’adapte à la taille de la fenêtre du navigateur de façon dynamique.

Six Six Six Berlin

This Also

Articles de référence :
Hebiflux.com, La mosaïque, l’image et l’information, une question d’équilibre.
Benoît Drouillat, Nouvelle formule de Libération, une forme mosaïquée.
Benoît Drouillat, Renouveler les parcours de lecture dans la presse en ligne.
RichCommerce, Vers une recherche plus visuelle avec Zappos Explore.
Interfaces Riches, Est-ce la mode des mosaïques d’actualité ?
Cédric Deniaud, Présentation des contenus sous format mosaïque.

Ce document d’une centaine de pages permet de mieux définir les métiers du web ; il s’agit d’une base précieuse, qui pose des repères très utiles, tout en soulignant l’aspect évolutif de ces métiers.
En effet, même si l’on peut cerner la plupart des professions du web, la réalité des champs d’application et de l’interaction de ces différentes compétences dépend bien sûr de l’environnement professionnel (taille et nature de l’entreprise, du projet…).
Ce livre blanc est donc un support : en plus de proposer une liste de 13 métiers avec leur définition, on trouve aussi des références de sites, d’ouvrages, de noms et d’événements propres à chaque catégorie

Restent les éternels questionnements : comment augmenter le champ de ses compétences sans se disperser ? Comment suivre efficacement l’évolution (très rapide) de certains outils, sans pour autant s’enfermer dans une spécialisation ?

À signaler aussi, le sondage très pertinent mené par Sandrine Szabo du blog profession-web. Je vous encourage vivement à prendre le temps d’en compléter toutes les questions.

Certains thèmes de création sont récurrents ; voici 11 exemples (pas tous récents, j’en conviens) d’univers organisés par îlots. Les points forts : une représentation graphique astucieuse et très riche des univers proposés, un peu d’onirisme, et une bonne vue d’ensemble. Le point faible : euh… Une sensation de déjà vu ?

cz13, urban agency

Recycled life forms et Grobots

Your playground, jeu où l'on peut construire son propre terrain de jeux sportifs.

IFaw, variante plus aérienne

Risk

Jurajska, site polonais

Toyota

Michal Piotrowski, une variante plus terre-à-terre…

Pour finir, deux sites traitant des mêmes thèmes : énergie et écologie. Ici le site Dupont…

… et le célèbre site Smart Grid