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.

De nombreux sites ou blogs proposent des tutoriaux gratuits par exemple, histoire de partager mais aussi de démontrer un savoir-faire, donc d’augmenter leur notoriété. Stealourideas.com dépasse les démarches habituelles, en mettant à disposition sur le web ce qu’on ne partage en général pas facilement : les idées.
Avec « we concept so you don’t have to » comme baseline, ce blog est une boîte à idées virtuelle : applis i-phone, idées de campagnes pub, inventions d’objets… Les auteurs proposent même de leur envoyer un brief auquel ils répondront par une idée « à voler ». Chiche…

Moins extrême mais également très astucieux, le blog de Pierre Lota offre son programme bi-hebdomadaire de mini-vidéos, sur le thème « créer un objet en moins d’une minute » ; pas de discours, un fond musical sympa, chaque vidéo est une très belle démonstration de son talent de jeune designer. (via Presse-Citron)

Le trailer belge Fear Tracker

La thématique de la campagne (« interdit aux moins de 21 ans ») et l’humour 15ème degré caractéristique de Volkswagen, ont inspiré 6ix.be pour une vidéo buzz interactive. Le court-métrage ressemble effectivement à une vidéo virale très pro ; et pendant toute la durée de cette vidéo (et même pendant le packshot final) l’internaute peut ajouter, à l’aide du clavier, des effets sonores et visuels qui renforcent plutôt bien le côté décalé de la campagne. Je n’en dis pas plus, à essayer sur feartracker.be


Pour le côté « making-of » du Flash, un petit coup d’œil sur blog.open-design.be
Sources : woweffect et fredzone

L’advergame british Golf GTI Project

Un pilotage virtuel de la nouvelle Golf sur un circuit électrique. Le charme du jeu GTI Project : pas de 3D mais une réalisation en vidéo ! Le circuit est en fait un modèle contruit à l’échelle 1:43, entouré de plus de 200 bâtiments (par une équipe de 60 modélistes).
Les commandes sont simples (accélération / décélération, clavier ou souris au choix), et la voiture peut faire des sorties de route (à tester !), comme sur un vrai circuit électrique… Go !

Sources : worldcarfans et buzzetcie

bookcoverarchive.com

Des pages et des pages de… couvertures de livres ! Que l'on peut filtrer par auteur, illustrateur, date, typo, etc.

siiimple.com

Une revue de sites choisis pour leur simplicité de design. On respire mieux, quoi.

1stavemachine.com

Pas nouveau du tout, mais toujours agréable à visiter : First Avenue Machine, le site du studio de création graphique de New-York nous montre ses films. Mon préféré, le spot Audi Q5 Unbox the box de l'agence BBH (fin 2008).

Même principe pour le site « Comcast Town », dont la homepage est très attrayante.
Le site propose aux visiteurs de créer leur propre chambre, espace personnalisable à souhait (meubles, accessoires…). Une fois le design choisi, le principe du site repose sur le partage : plus vous avez d’ »amis » – via facebook notamment, ben voyons – plus vous augmentez votre budget pour acheter de quoi améliorer votre espace. Les services de Comcast, télé, internet, téléphone, sont bien sûr représentés.
Ce jeu communautaire est donc plutôt limité, mais cela reste un bel exemple de couplage campagne tv / web.

Homepage du site Comcast Town

Exemple de personnalisation d'espace

(via makecurves)