Une bannière loupe chez Excite
Une bannière riche chez Excite pour le lancement d’un nouveau téléphone NEC. Le portable sert de loupe sur la page pour mettre en avant son appareil photo embarqué et son écran large. En démo en vidéo que j’ai trouvé via code-knock :
Interface d’OS au travers les âges
A quoi ressemblait l’OS de l’Amiga, BeOS ou Gnome ? Sujet récurrent mais qui passsionne toujours : les interfaces d’OS au travers les âges en images. Vous les trouverez sur http://www.guidebookgallery.org/screenshots
Interactions, jeux, vidéo et 3D chez Coraline
Site de lancement du film Coraline, et je dois dire que le site est magnifique. Une superbe utilisation de la vidéo, mêlée à de la 3D en temps réelle, avec des navigations exploratoires, une gestion des premiers plans et paysages qui rappelle la technique utilisée par les vieux jeux vidéos 16/32 bits pour simuler le défilement d’un décor. Et le contenu est également riche : des petits jeux à la webcam, des choses à trouver un peu partout, à fureter. Superbe.
(Et merci Sara, tu as été plus rapide que moi sur le coup ;) )
J’en profite pour faire un petit focus pour citer ici un autre exemple d’une site comportant des pièces d’appartement en 3D avec un léger déplacement de la caméra. On avait vu Big And Small pour les petits ou Hapy Island , mais le site du dernier album d’Eminem, réalisé avec la dernière branche pour Flash 10 d’Away3D avec http://www.therelapse.com/#/?room=entrance réalise également une belle performance. Réalisé en 3 semaines à deux personnes.
Environnements en vue 2.5D ou 3D en flash
Le blog Dzineblog vient de produire une très belle collection de sites en flash proposant une vue du ciel, à 45° ou de profil qui introduisent une dimension d’espace et d’environnement. J’en avais déjà relevé ou vu certains, mais comme c’est le prolongement exact de ce que j’avais relevé en Asie plutôt avec une approche d’illustration et d’invitation à l’exploration à l’intérieur du site, je ne manque pas de le relever. Bonne lecture !
La mosaique, l’image et l’information… une question d’équilibre
Je reviens encore sur cet article L’information en ligne comme une mosaique et sur celui de Cédric Deniaud Présentation des contenus sous forme de mosaique.
En 2006, j’avais écrit quelques billets en relevant ce qui se faisait au travers des mosaiques d’images (mosaique d’images en flash et exploration en mosaique. Egalement des projets très forts comme le Eyeprojet , Uniqlo pour ses créations récentes ou plus anciennes ou Oreseg plus en vidéo. Trollback l’utilise très bien pour son portfolio, et Viewzi comme moteur de recherche.
Plus récemment, grâce à un tweet de fwa, http://www.spezify.com/ qui, fort intéressant en lui même est un moteur de recherche organisant en mosaique l’actualité aussi bien textuelle que visuelle.
Sans parler également de Feedly, qui offre une surcouche de présentation à un google Reader ou un Netvibes en extension Firefox, en transformant vos flux d’informations comme un magazine. Un peu plus éloigné de la mosaique d’images mais très efficace pour l’équilibre entre un contenu textuel et visuel.
Le déplacement qui s’opère sur l’image est intéressant à plusieurs niveaux :
- L’image a été retournée, décomposée, par couleur, par formes, par pixel durant de nombreuses années, et elle vient s’insérer petit à petit dans l’information ou les moteurs de recherches pour diversifier, illustrer, souligner ou résumer même un contenu.
- Chez spezify, l’image est photo -shop-, de mode, issue de vidéos youtube ou avatar de twitter. Qu’importe. L’image en arrive au même niveau piédestal en tant qu’information que le texte pour donner à l’internaute un niveau de compréhension global. En une image, on peut avoir tout compris.
- Cette proximité avec le texte en vient à mettre l’image au même niveau que les mots. Tantôt pour faire respirer un contenu, pour lui donner une ambiance, ou pour resituer plus facilement un contenu dans son contexte (Une photo de Barack Obama dit tout…)
- Parfois, c’est le contraire : l’image reste illustration et le texte domine, parfois c’est l’inverse. Il est intéressant de voir pour quels usages et dans quels cadres cet équilibre penche d’un côté ou de l’autre. Adidas met en avant l’image, là ou le New York Times la relègue au rang d’illustration. Spezify la place au même niveau.
- L’appel visuel des mosaique d’images donne la part belle à la navigation en diagonale que l’on a de plus en plus sur internet, en survolant les contenus. Plus rapide, même si parfois on en dit moins.
C’est la vue omnipotente de l’utilisateur sur l’information
Au final, la mosaique reste pour moi la vue la plus omnipotente qui soit. Telle la mouche avec ses 3000 yeux dôtée d’une vision panoramique, chaque oeil va renvoyer une facette différente de l’information ou d’une même information (on relit parfois sur internet la même info avec plusieurs angles et sources différentes). A l’ère de la donnée exhaustive et redondante, de l’instantanéité, c’est bien représentatif aussi de l’ère de l’information dans laquelle nous sommes et que l’on regarde au travers d’un caléidoscope.
Uniqlo revient de Tokyo à Paris
Uniqlo a joué avec les vidéos, les mosaiques d’images, les écrans panoramiques, les vues de caméra diverses… avec toujours cette technique sans reproche et sans peur de se brider en créativité.
Cette fois, avec la nouvelle campagne : Uniqlo.com/paris/ c’est une composition en mosaique de contenu textuel, d’animations, d’informations de nature très différentes qui viennent se juxtaposer les unes aux autres. Elle rappelle une plus récente parue récemment qui présentait l’entreprise, mais cette mosaique là est un peu différente avec une animation de déroulement particulière. Chose étrange : il n’y a pas de son, ce qui contribue très souvent à cette ambiance de la marque lors de leurs campagnes si relevées.
Un jour, j’achèterais au moins une paire de chaussettes chez eux… à force d’en parler…
Peindre à la voix, au doigt et à la souris
Devozasuaimaginacao.com fait parti de ces trop rares sites dont l’utilisation du micro fonctionne. La souris dessine la forme et la voix donne l’intensité du pinceau, afin de créer des compositions colorées, avec des gammes de couleur variées. Une expérience qui ne manque pas de souffle.
Merci Trick7 pour la trouvaille. Il fait d’ailleurs référence à l’un de ses articles sur Cbcnet retracant l’utilisation du micro pour aller plus loin dans l’interactivité. Il met en parallèle des points communs entre des travaux de Yugop avec son travail “Border” basé sur le déplacement de la souris à pencil generator assez amusant, jusqu’à l’éditeur de niveaux dans un style ‘line rider’ au micro, beaucoup plus amusant : l’animation se joue, se déforme ou évolue avec un déplacement de souris.. ou bien à l’intensité de la voix au micro.
Les surfaces interactives de Digital Signage 2009
http://www.digital-signage.jp/preaward/ : à consulter sur leur site, la liste des candidats au prix Digital Signage en asie, qui rassemble bon nombre d’interfaces interactives dans la rue, les magasins car ces applications sortent toutes un peu de l’écran. Je n’ai rien de vu de réellement révolutionnaire (on trouve certaines applications même en France) mais c’est l’attractivité des gens dans la rue pour ces petits jeux visuels qui amuse beaucoup. Et cela permet de se rendre compte à quel point des interfaces utiles peuvent s’intégrer dans la vie de tous les jours.
Un configurateur 3D d’appartement chez Potoroze et bien plus
Il y a un an déjà sortait Potoroze, une initiative assez unique de site de e-commerce proposant la visualisation des vêtements en 3D par l’éditeur VB2S. Une belle opportunité de démontrer les capacités techniques de leur plugin 3D.
Potoroze s’apprête à mettre en ligne (la semaine prochaine) en version alpha un tout nouveau module appellé Homedesigner très abouti de configurateur 3D de pièces d’appartement : placement et choix des meubles, avec gestion des ombres pour une bonne finesse de rendu, avec un très bon dialogue entre page web et fenêtre 3D . Je vous laisse avec la vidéo de démo :
Mais Potoroze ne s’arrête pas là et Sébastien Chevalier sur son blog présente en profondeur ce qui va arriver : module de photo3D, un configurateur de voiture, et une nouvelle version de leur mannequin virtuel.
D’ailleurs je vous laisse avec le work in progress du modeleur de photo3D, qui mine de rien, et même en pré-alpha, vaut le coup d’oeil :
Une visionneuse en flash à 22 entrées et plus…
Même si d’avoir des pages très chargées en Asie est un fait connu, je suis tombé par hasard sur la home des membres du site de Square-Enix (qui lance en réalité leur système d’avatar en 3D sur mobile prochainement…), et sur une visionneuse impressionnante : ce ne sont pas moins de 22 entrées sur tous les produits en un minimum d’espace au final qui apparait au survol de la souris sur l’image, avec une possibilité décuplée de.. je vous laisse compter.
Sans doute à rajouter dans la liste de Jacinthe sur les visionneuses.
S'abonner à Hebiflux
Le Twitter Hebiflux
