Bienvenue sur Gastero Prod., le recueil de réflexions et créations en tous genres de Nicolas Hoizey, passionné de Web depuis 1996, co-créateur et Directeur de l’Innovation de Clever Age, photographe amateur, créateur du jeu HTML5 / SVG « esviji », etc.

Les carrousels en 3D sont à la mode

Publié le 6 août 2007

par Nicolas Hoizey,

tagué ergonomie, JavaScript et jQuery

et commenté 6 fois

J’ai vu apparaître ces derniers jours des carrousels en 3D sur les pages des sites de vente en ligne Amazon et Alapage, drôle de coïncidence !

D’après Wikipedia, un carrousel est — notamment — « une attraction de type manège consistant en une plateforme tournante avec des sièges pour des passagers », c’est à dire ni plus ni moins qu’un manège.

Ce terme est aussi utilisé en photographie pour désigner les bacs circulaires que l’on utilise avec les projecteurs de diapositives, ou en musique pour désigner les supports des disques dans les jukeboxes.

Au niveau des interfaces graphiques, la navigation dans une liste représentée par un carrousel en 3 dimensions fait petit à petit son chemin. Elle donne une impression de manipulation physique des objets qui améliore l’ergonomie et l’intuitivité de l’interface.

Apple l’a bien compris en rachetant CoverFlow, un carrousel — non circulaire celui-ci — permettant de sélectionner de la musique dans iTunes en visualisant les pochettes :


CoverFlow: Navigation en 3D dans la discothèque iTunes

Microsoft a aussi fait la démonstration des capacités 3D de Windows Presentation Foundation et de Silverlight — dans Popfly par exemple — à l’aide de carrousels.

Le carrousel d’Amazon est en Flash, une technologie vectorielle, et donc particulièrement bien adaptée à la simulation de la 3D par déformation :


Le carrousel d’Amazon

Mais il n’est pas nécessaire de disposer d’une technologie spécifiquement dédiée ou adaptée à la 3D pour réaliser de tels carrousels, comme le montre aujourd’hui Alapage :


Le carrousel d’Alapage

Ce carrousel s’appuie tout simplement sur l’élément « 3D Carousel » de l’excellent plugin Interface de la librairie JavaScript jQuery.

Vos commentaires

1. Le 22 avril 2008 à 17:57, par Pi R En réponse à : Les carrousels en 3D sont à la mode

on dirait bien que
http://interface.eyecon.ro/ n’est plus maintenu... ;-(
2. Le 29 avril 2008 à 14:55, par Nicolas Hoizey En réponse à : Les carrousels en 3D sont à la mode

Non, effectivement, mais jQuery UI va remplacer tout ça très prochainement, en bien mieux !
3. Le 30 avril 2008 à 10:54, par onizuka En réponse à : Les carrousels en 3D sont à la mode

Et les clients en redemandent :
http://www.peugeot.com/fr.aspx
Sans compter les créatifs qui nous en fourguent régulierement dans les propales.
Bref, personnellement je trouve que cette catégorisation montre vite ces limites dépassé une certaine quantité d’informations.
4. Le 30 avril 2008 à 19:33, par Nicolas Hoizey En réponse à : Les carrousels en 3D sont à la mode

C’est joliment fait chez Peugeot, tiens, même si ce n’est pas un « vrai » carrousel au sens où tout est visible dès le départ...
5. Le 1er mai 2008 à 22:52, par pi r En réponse à : Les carrousels en 3D sont à la mode

ah cool ! à suivre donc, merci pour le tuyau Nicolas, mais ouce que tu pêches ces infos ? ;-)
6. Le 2 mai 2008 à 09:14, par Nicolas Hoizey En réponse à : Les carrousels en 3D sont à la mode

Tout simplement en suivant de près le développement de jQuery et jQuery UI, en étant inscrit sur les mailing-lists... ;-)