Vive le 3D Pixel Art avec PaperVision3D

Connaissez-vous le Pixel Art ? Mais si enfin, ces fameuses compositions numériques réalisées pixel par pixel. Mélangez cela à de la 3D et vous obtenez de la 3D Pixel Art. Comme son nom l’indique, la 3D Pixel Art est un art. Et comme dans toute création artistique, il faut les outils adaptés.

Il existe déjà des éditeurs en ligne comme Cubescape mais ces derniers ne vous facilitent pas la tâche car le vue est figée :

Une composition 3D en Pixel Art réalisée avec CubeScape
Une composition 3D en Pixel Art réalisée avec CubeScape

Heureusement les équipes de l’agence japonaise Kyucon nous propose Q-Block, un éditeur 3D Pixel Art qui utilise PaperVision3D :

L'édition de 3D Pixel Art dans Q-Block
L'édition de 3D Pixel Art dans Q-Block

L’intérêt de cet outil est de pouvoir éditer un objet 3D en le faisant tourner dans tous les sens. Bon OK mes réalisations peuvent difficilement être qualifiées d’artistiques mais il y a de belles choses dans la galerie :

Exemple de réalisation avec Q-Block
Exemple de réalisation avec Q-Block

Par contre les objets 3D ne sont pas animés. Mais avec un peu de travail c’est tout à fiat faisable comme le propose les équipe de Neuro et leur 3D Pixel Fun :

Animation 3D Pixel Art animée
Animation en 3D Pixel Art

Et puisque l’on parle de 3D et de PaperVision, avez-vous visitez le site de la nouvelle agence de Carlos Ulloa (Hello Enjoy) ? Il ne s’y passe pas grand chose mais vous pouvez jouer avec les lettres pendant des heures :

Jouez à casser les lettres du logo du site Hello Enjoy
Jouez à casser les lettres du logo du site Hello Enjoy

Bref, tout ça pour dire que je suis plus qu’impatient de découvrir les nouveautés 3D dans Flash qui vont certainement nous être présentées au MAX de la semaine prochaine…

Toujours plus d’expérimentations pour la presse et les RIA

Après avoir explorer les représentations en mosaïques et sur des cartes du monde, je continue mon tour d’horizon des dernières expérimentation des sites de presse en matière d’interfaces riches.

Il y a tout d’abord l’interface façon “feuilletage rapide” de Google Fast Flip dont vous avez certainement déjà (trop) entendu parler :

L'interface de Google Fast Flip
L'interface de Google Fast Flip

En mode de visualisation sans grand intérêt si ce n’est de valoriser un mode de consommation boulimique de l’information : toujours plus de news en un minimum de temps. C’est très certainement pour répondre à ce besoin que certains acteurs repensent leur interface dans une logique d’agrégateur.

USA Today expérimente ainsi une interface baptisée NewsDeck qui fait furieusement penser à Netvibes :

USA Today + Netvibes = News Deck
USA Today + Netvibes = News Deck

Vous apprécierez au passage le défilement automatique des catégories en fonction de la position de la souris au dessus de chacune des catégories.

Toujours dans une logique d’agrégation, Microsoft est en train de travailler sur une application qu’ils définissent comme un “Next-Generation Newspaper” (cf. Microsoft’s vision for a “next-gen newspaper” looks like TweetDeck) :

Microsoft + News +Sobees = Microsoft Newspaper
Microsoft + News +Sobees = Microsoft Newspaper

Les observateurs avertis y voient une forte ressemble à des outils comme TweetDeck, et pour cause puisque ce prototype a été développé en partenariat avec Sobees.

Dans leur vision des choses, cette interface serait comme un “hub” où se côtoieraient de la news et des alertes “sociales” (venant de Facebook, Twitter…) et qui serait disponible sur différents terminaux (ordinateur, notebook, smartphone…).

À suivre…

Un cube en vidéos pour HBO Imagine

En ce moment c’est la rentrée pour les séries US, de ce fait c’est également la rentrée pour les régies publicitaires des chaines qui diffusent les séries. Il est donc important pour elles de communiquer sur les nouvelles créations ou les nouvelles saisons. En plus des différents dispositifs de teasing habituels, HBO propose un dispositif tout à fait original : HBO Imagine.

Le concept de ce site est de développer votre imaginaire et de faire travailler vos neurones. Pour cela ce mini-site vous propose de visionner une série de courts-métrages à plusieurs niveaux de lecture (il faut le voir plusieurs fois et sous différents angles pour connaitre le fin mot de l’histoire). Les différents angles des caméras de ces courts-métrages sont ainsi “projetés” sur des cubes qu’il est possible de faire pivoter pour voir deux angles en même temps :

Le cube en vidéos de HBO Imagine

En plus de ces courts-métrages, il est également possible d’explorer des contenus additionnels (articles, photos, vidéos…) qui viennent enrichir l’histoire et vous permettent de comprendre encore mieux la scène. La navigation au sein de ces suppléments se fait à l’aide d’une représentation spatialisée façon mind map :

Le mind mapping de HBO Imagine

Et pour vous aider dans la compréhension ils fournissent même une carte pour relier les contenus entre eux :

La carte de correspondance des contenus de HBO Imagine

J’adorerais que les films en DVD fournissent des bonus de ce type ainsi qu’un grand schéma pour tout comprendre l’histoire (par exemple pour un film comme Memento).

Même si le mini-site est long à charger et lourd à manipuler, je ne peux que reconnaître la richesse et l’ingéniosité des courts-métrages ainsi que la qualité de la réalisation. Plus d’infos ici : HBO Teases New Season With Teddy Bears.

Toujours autant de Flash pour les sites de recrutement de l’armée de l’air US

J’ai déjà eu l’occasion de vous parler du savoir-faire de l’armée US en ce qui concerne de beaux sites qui donnent envie de s’enrôler (idem pour l’armée anglaise), mais je ne me lasse pas des productions qu’ils sortent régulièrement. Petit tour d’horizon de sites de l’Air Force qui semblent plus proches d’une bande annonce de film d’action que de sites de recrutement.

Dernières réalisation en date : Air Force Racing. Le concept du site est de raconter l’histoire d’un pilote de Nascar et d’un pilote de chasse qui échangent leur place et partage leur expérience (Switching Seats) :

La page d'accueil de Air Force Racing

La débauche de moyens est impressionnante : larges visuels, mise en page à 360° avec des éléments spacialisés via PaperVision3D, musique techno… tout est mis en œuvre pour donner une image jeune et fun. L’essentiel du site tourne autour de différentes vidéos parfaitement mises en scène :

Le lecteur vidéo de Air Force Racing
Le lecteur vidéo de Air Force Racing

Vous apprécierez les contrôles présents dans le coin inférieur droit (volume et défilement en arc de cercle).

Deuxième réalisation avec un site plus proche du “terrain” : See What’s it Like.

La mosaïque de vidéos de Air Force See

Là encore nous avons droit à du PaperVision3D avec une belle mosaïque de vidéos présentant les différentes activités et métiers. Au programme : quelques belles vidéos et même une visite guidée d’un F-22 Raptor :

La visite guidée du F-22 Raptor

Dernier exemple avec le site Air Force Echo Zulu, Real Stories of American Airmen. Un concept intéressant car le site mélange storytelling avec un manga animé et séquences de jeux.

La narration du site Air Force Echo Zulu

Les jeux proposés sont basiques mais rapides à prendre en main, ils mettent en scène les A-10 Thunderbolt :

Le mini-jeu de Air Force Echo Zulu

Dernier exemple avec le tout récent Air Force SuperCar. Les ingrédients sont toujours les mêmes : une belle histoire (des ingénieurs de l’Air Force qui construisent un muscle car), de la vidéo et de la 3D dans Flash en page d’accueil avec ce cube :

Le cube 3D de Air Force SuperCar
Le cube 3D de Air Force SuperCar

L’intérieur du site est plus classique avec un player vidéo tout en sobriété :

Le lecteur video de Air Force SuperCar

Voilà, de bine belles réalisations qui doivent faire pâlir notre armée de l’air nationale, même si ces deux armées n’ont pas du tout le même budget ni les même impératifs de recrutement.

MàJ (15/09/2009) : Grâce aux contributions des lecteurs j’ai enfin retrouvé l’URL du site de recrutement de l’armée Suédoise, une expérience incroyablement immerssive. Et j’en profite aussi pour citer le trè bon site de la Marine française : Être marin.

Le mini-site de la Marine française

Vivement qu’ils mettent à niveau les sites en .gouv !

Votez pour la meilleure RIA de l’année

Dans moins d’un mois aura lieu l’édition 2009 de MAX (à laquelle j’aurais la chance d’assister). C’est à cette occasion que l’équipe d’Inside RIA a décidé de lancer le concours de la meilleure interface riche de l’année : Help us choose the best RIA of 2009 for Adobe MAX.

Ils ont donc tout naturellement publié un sondage en plusieurs tours qui touche presque à sa fin car nous sommes déjà  en finale : The Best of RIA 2009 – Semi Finals. Il reste donc une liste de 10 RIA pour lesquelles vous pouvez voter ici : The Best of RIA 2009.

Les 10 finalistes sont les suivantes :

Vous noterez que dans cette liste nous ne trouvons quasiment que des outils d’édition en ligne (contenu, images…). Pas étonnant car ce sont sans doute les interfaces les plus intéressantes. Les résultats provisoires montrent un quatuor de tête très serré :

BestRIA2009
Les résultats provisoires de la meilleure RIA 2009

J’ai personnellement un faible pour la suite Aviary qui combine édition en ligne, collaboration et plateforme sociale :

L'interface d'édition d'Aviary

Dans la foulée de ce sondage, un autre article a été publié pour rappeler quelques règles élémentaires d’utilisabilité (ui s’applique aux interfaces riches) et donner une liste d’exemples et de bonnes pratiques : 50 Most Usable RIAs. Je ne commenterais pas cette liste car certains choix (et oublis) sont discutables mais elle dresse tout de même une liste de très belles réalisations.

Et vous, quelles sont vos interfaces riches préférées ?

Quand les interfaces riches mettent en valeurs les produits

C’est connu, les interfaces riches permettent entre autres d’apprécier plus les produits d’une entreprise. Je vous partage deux nouveaux exemples que j’ai découverts durant la période estivale 2009.

Pâtisserie allemande

L’agence allemande Zum Kuckuck a relevé le défi de mettre en valeur les produits d’un commerce de pâtisserie : la maison Patisserie Walter.

Bien que les effets utilisés (flash) soient du “déjà vu” ( pour les photos, par exemple ), je les ai trouvé pertinents pour ce type de présentation. L’expérience utilisateur est très réussie, à mon avis.

Patisserie-Interface-zoom

Source : Ipub


Space Maker, de IKEA

Dans la semaine du 21 août, je crois,  IKEA a lancé un mini-site qui permet aux utilisateurs d’imaginer et de créer leurs espaces avec les produits de la compagnie.

Le concept est simple. IKEA présente deux options à l’utilisateur. La première permet de créer un espace de façon libre. La deuxième option, quant à elle, présente des thèmes où les meubles et les éléments de décorations sont déjà en place.

Je trouve l’interface agréable dans son ensemble, mais, à mon avis, il y aurait place à amélioration dans le menu de navigation. Je dois vous avouer, par contre, que je n’arrive pas à relever ce qui me dérange exactement dans le menu. Il y a quelque chose qui cloche… Est-ce le style des icônes ? Est-ce l’agencement des couleurs ? Notez qu’ il est possible de changer la couleur de l’arrière-plan dans le bas de l’écran )… Votre avis ?

IKEA-Interface-Accueil

IKEA-Interface-Chambre

Source : Users-experiential

Qu’en pensez-vous ?