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

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

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 !

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.

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 ?

Source : Users-experiential

Qu’en pensez-vous ?

En mars dernier, Dans son article “Plus de maturité dans les éditeurs en ligne”, Fredéric Cavazza parlait d’une grande progression dans la qualité et des interfaces proposés.

Toujours est-il qu’aujourd’hui je suis moi aussi très impressionnée par cette progression. Les interfaces sont de plus en plus riches. Voici d’ailleurs 4 outils en lignes que j’ai découvert cette semaine.

Sumo Paint, une alternative à Photoshop

Vidéo sur Youtube :

Hobnox Audiotool, un studio virtuel en ligne

Vidéo sur Youtube :

Produle, un éditeur d’animation

Vidéo sur Youtube :

LovelyCharts, une application qui permet de créer tout genre de diagrammes. Il permet aussi la création de Wireframes.

Vidéo sur Youtube :

Qu’en pensez-vous ?

L’armée US ayant l’impératif de devoir séduire les jeunes, elle n’a jamais été avare en interfaces riches pour séduire les jeunes recrues (Interfaces riches à gogo pour l’U.S. Air Force) et va même jusqu’à proposer un jeu en téléchargement gratuit (America’s Army). De son côté, l’armée anglaise n’est pas en reste avec cette superbe réalisation façon serious game : Start Thinking Soldier.

L’idée est de présenter le quotidien de l’armée vue au travers des yeux d’un soldat (en caméra suggestive). Le résultat est époustouflant : une succession de vidéos interactives et de mini-jeux avec un réalisme incroyable. Les missions commencent par une mise en situation plutôt soft :

Mise en situation très rapide au travers de vidéos

Ici vous êtes alors confronté à trois choix pour définir votre façon d’investir le bâtiment :

Je penche pour le coup de pompe dans la porte...

Il y a aussi ce mini-jeu tactique pour positionner vos unités :

Encerclez votre ennemi sans trop prendre de risques

Il y a aussi des snipers à “neutraliser” :

L'ennemi est là (en haut à droite)

Vous avez aussi la possibilité de conduire une jeep (3D en temps réel grâce à Unity3D) :

Simulation de conduite en Unity3D

Et il y a même un passage dans les souterrains (toujours en 3D) :

On se croirait dans Wolfstein !

Les références aux jeux vidéo sont à peine masquées mais le tout est terriblement hypnotique et surtout très addictif car les missions s’enchaînent à un rythme d’enfer.

Bref, une réalisation d’enfer pour une incroyable immersion dans le quotidien des soldats, un sans faute.

(via BuzzBlog)

Vous souhaitez faire passer un message dans un contexte ludique ? Vous voulez vulgariser sans vous lancer dans des explications jargonneuses ou trop simplistes ? Alors les tutogames sont pour vous. Bon en fait j’avoue avoir inventé ce nom en contractant “tutoriel” et “advergames“. Parce que c’est bien de cela dont nous sommes en train de parler : des petits jeux très simples d’accès dont le but n’est pas de faire de la publicité mais d’expliquer.

Illustration avec le mini-site M2M de chez Orange. L’objectif de ce site est d’expliquer de façon ludique les concepts de communication “Machine-to-Machine” au travers de petits dossiers animés sur des applications concrètes (environnement, transport, logistique…).

Le mini-site M2M de chez Orange

Différents contenus et mini-jeux sont ainsi proposés pour illustrer des domaines d’application. Ici la gestion de flotte “intelligente” avec une simulation de taxis (il faut gérer les priorités et minimiser les A/R) :

La simulation de taxis chez Orange M2M

Là un mini-jeux qui concerne les systèmes de prévention des pannes avec ce réparateur de chaudières :

Le mini-jeux de réparation de chaudières chez Orange M2M

La prise en main des jeux est immédiate, la réalisation soignée (qui tourne autour de la couleur orange), les transitions impeccables… bref, c’est du bon boulot.

Si vous avez d’autres exemples, n’hésitez pas à les signaler dans les commentaires.

J’ai déjà eu l’occasion de vous parler de Papervision3D, de même que des moteurs physiques Flash, ainsi que de différentes techniques de manipulation vidéo… mais jamais des trois en même temps !

C’est ESPN, la chaîne US dédiée au sport, qui m’en donne l’occasion avec le NASCAR Results Simulator. Il s’agit d’une application en ligne permettant de simuler les résultats de la prochaine course et de participer à un concours du meilleur pronostiqueur :

Le NASCAR Results Simulator de ESPN

En bon fans de RAI que vous êtes vous apprécierez cette grille en 3D temps réel (animée par la librairie Papervision3D) où il est possible de positionner les pilotes. Là où ça devient intéressant, c’est que les pilotes sont animés grâce à de la vidéo (ils bougent, font des signes de la main, parlent et s’étirent) et ils répondent aux lois de la physiques (lorsque vous les déplacez, leurs jambes et bras pendent dans le vide).

Plus impressionnant, il y a un très bel effet de profondeur de champ car les pilotes déposés en fond de grille sont plus petits :

La profondeur de champ en action sur le NASCAR Results Simulator

Rajoutez à cela une sonorisation soignée (on entend les commentaires et les bruits de voitures en fond sonore) et vous avez une interface riche très ludique et surtout parfaitement réalisée.

(via Blitz)

En ce moment les traders n’ont pas la côte (sans mauvais jeux de mot), il n’empêche que je souhaiterais vous faire découvrir une très belle interface riche à destination des boursicoteurs : TradeMonster. L’ambition de ce service est de vous proposer un outil professionnel sans rien télécharger, une application en ligne qui rivalise avec les meilleurs logiciels :

L'écran principal de TradeMonster

Derrière cette interface très sobre se cache une interface visiblement très bien conçue car modulaire (possibilité de modifier la disposition des blocs), souple (de nombreux panneaux dépliables ou de fenêtres nodales) et efficace (surtout la vue “Market Watch” avec un rafraîchissement automatique et silencieux) :

Le Market Watch de TradeMonster

Pour une visite guidée ça se passe ici (impossible d’encapsuler la vidéo) : TradeMonster – Trading Overview. Vous y apprécierez les transitions et la fluidité des écrans. Impossible de savoir quelle est la technologie derrière cette interface (Ajax ? Flash ? Java ?) mais d’après mes premières investigations ça serait du Flex (à confirmer).

En tout cas un très bon cas d’école d’application métier “critique” portée par une interface riche de qualité. J’adorerais avoir un compte de démo…

(via SocialTimes)

Alors que la crise semble menacer une bonne partie des journaux papiers US (quoi que… ne serait-ce pas plutôt une “simple” évolution de nos habitudes de consommation de l’information ?), la rivalité entre le NY Times et le Washington Post semble toujours aussi forte.

Dernière innovation en date, le TimeSpace, une représentation géographique de l’information :

Le TimeSpace du Wasinhgton Post

Les news, photos et vidéos sont donc affichées sur une carte en fonction de l’endroit où se situe l’action. Vous noterez en bas de l’écran la réglette qui permet de modifier la plage de temps.

Cette carte permet également de zoomer sur des pays / régions / villes / quartiers pour avoir de l’information ultra-locale comme ici à Washington :

La vue locale de TimeSpace

Une très bonne réalisation car simple à utiliser et à manipuler. Rien à redire. (via Infosthetics)

Grosses sensations chez Hyundai avec le tout nouveau mini-site de la Genesis Coupe. Le site s’ouvre sur une vidéo en plein écran sur laquelle vous pouvez insérer d’autres vues en cliquant sur le bouton (+) :

La page d'accueil du mini site de la Genesis Coupe

Le son est en sourdine, mais quand vous passez votre souris sur une vignette, celle-ci s’aggrandît (les autres sont masquées) et le son de la vignette est augmentée. Très forte sensation, surtout avec les vues extérieures :

La vignette s'éclaire au survol de la souris

Autre très bonne trouvaille, la vue 360° (un grand classique sur les sites de constructeurs auto) où le pilote s’amuse à faire patiner la voiture sur place en faisant des cercles à… 360° (ils sont de l’humour chez Hyudai) le tout sur fond de musique classique. Comme l’action est filmée au ralenti, les caractéristiques de la voiture apparaissent au fur et à mesure que la voiture tourne avec des info-bulles cliquables :

La vue à 360°

Vous avez enfin la possibilité de faire vous-même votre film publicitaire avec un atelier de montage (il s’agit d’Adobe Premiere Express, le même que sur YouTube).

L'éditeur de vidéo

Le chargement est un peu long mais la réalisation très soignée. Dans un style un peu plus sage il y a aussi le mini-site de la Genesis Sedan mais je trouve que ça manque un peu de drifting quand même, non ?

En règle général les sites de constructeurs auto sont des authentiques petites de rich media et de sophistication des interfaces, en totu cas je suis fan.

Je présuppose que vous connaissez déjà Google Earth, mais connaissez-vous EarthBrowser ? Pour faire simple il s’agit d’un visualisateur de données relatives à la Terre développé avec AIR (donc qui tourne sur Windwos, Mac…). Jusqu’à ce WE ce logiciel serati passé inaperçu, sauf que l’on sait maintenant que même Google peut avoir des ratés (lire à ce sujet Human Error Causes Google’s ‘Epic Fail’ et Imagine there’s no Google).

EarthBrowser est donc une application très sympa qui permet d’observer notre Terre sous toutes les coutures et surtout de choisir quelles données vont être affichées :

La Terre vu de mon Mac

Les données que vous pouvez afficher sont issues d’une multitude de source et vous pouvez également ajouter les votre (au format KML). La manipulation se fait de façon intuitive et l’interface dépouillée (en tout cas bien plus que son grand rival) laisse un maximum de place à la visualisation des données (je vous recommande les températures ainsi que les derniers tremblements de terre) :

Visiblement ils ont eu un WE agité au Japon

Cerise sur le gâteau, l’auteur propose également un widget très sympa qui permet d’encapsuler dans votre site (blog…) une vue 3D de la Terre avec la localisation des derniers visiteurs (grâce au Tracker) :

La localisation des derniers visiteurs de votre site

Voici donc une très bonne solution de replis si jamais Google est à nouveau en rade ou s’ils décident d’abandonner ce produit. Les dernières améliorations sont à suivre sur le blog officiel.

Tiens au fait, vous saviez qu’il y a avait plus de 100 millions d’installations de AIR : Statistiques sur AIR et Flash. Heu… vous écrivez “AIR” ou “Air” ?

(via RIApedia)