La mort de Flash ? Laissez moi rire !

Des inquiétudes

Ils sont beaucoup au boulot depuis que l’ipad est la à passer me voir et à engager la conversation sur la composante “flasheur” de mon métier. Je passe au moins 4 heures par jour sur ce logiciel qui me sert dans de multiples contextes, et je vous avoue que cela n’est pas sans inquiétude que je vois la tension monter entre Apple et Adobe. Jusqu’aux rumeurs de recours en justice, après la modification toute récente de la license SDK d’Apple sur les compileurs cross-platform. Si on a bien lu, il sera même impossible de publier des contenus compilés avec flash sur l’iphone. C’est bête, juste au moment ou Adobe lance la version CS5 de sa suite dont un des point fort est l’export direct en format iphone.

Une trahison

Comment appeller cela autrement ? D’aussi loin que je me souvienne, Apple et Adobe marchent la main dans la main. Adobe a commençé à développer ses logiciels sur mac, et moi même si j’ai acheté mon premier mac en 1990, c’est parceque les outils étaient sur cette plateforme, et pas ailleurs.

Le aww : l’Apple Wide Web

Cette logique entièrement propriétaire n’est pas nouvelle. Tous les mac-addicts sont habitués depuis longtemps à en assumer les frais, pour le meilleur et pour le pire. Le meilleur, il est bien la. La plateforme est stable, rapide et très performante. Pour qui est passé par les systèmes 9, 8, 7 aux plantages chroniques, OSX à amené un confort de travail inédit. Mais depuis quelques années, dès la création du tunnel fermé initié par l’itune Store et l’iphone en fait, Apple force ses utilisateurs à utiliser ses outils. Le boss de FWA twittait récemment : “apple est en train de recréer le web : le aww (apple wide web)”. Et c’est exactement ce qui se passe.

Cupidité

Derrière cette logique : l’avidité.

Après tout, ils auraient tort de se priver. Moi même je crois que je ferai pareil.

Avec un canal de diffusion aussi énorme que l’iphone, la création d’une régie publicitaire maison comme iAd coule de source. On se fait plaisir et on fait plaisir aux producteurs de contenus. C’est leurs machines, leurs logiciels, leur tunnel, ils monétisent comme ils veulent. C’est pas gentil, mais c’est comme ça. Si vous êtes pas contents, passez sous android.

Beaucoup de bruit pour pas grand chose

Quand on y réfléchit bien, on s’en fout un peu qu’il n’y ait pas de flash sur l’ipad.

Moi ca me retourne un peu parceque j’avais de nombreux projets sur ce device, comme nombre de mes correligionnaires en webdesign. C’est plus complexe pour l’iphone, je l’accorde. Mais bon, le web est grand et flash, c’est plus de 80% du feed vidéo, c’est des années d’avance en R&D, c’est une communauté de près de 2 millions d’usagers, c’est tout le marché de la création publicitaire… Moi qui bosse pas mal avec les agences, je vous garantis que vous ferez jamais bosser un DA flasheur avec du html5 !

Le html 5? Parlons-en.

Ok, le html 5 distribue bien de la vidéo. Mais flash, c’est avant tout un outil de production, qui exporte dans le format que vous voulez. S’il faut exporter autre chose que le flv (le format vidéo de flash), pas de probleme, et comptez sur Adobe pour optimiser tous ses formats d’export.

Aujourd’hui, le html 5 ne fait pas le 100eme de ce que permet flash en terme de qualité et de réalisation. L’adopter mettra entre les mains de programmeurs le potentiel de création, et ça !!  Il y a peu de chance que ca arrive… En terme de production Flash est IMBATTABLE.

Vous vous souvenez de la sortie de Silverlight il y a quelques années ? LE flash Killer qu’ils disaient. Mmmmh, voila.. vous voyez beaucoup de produits en Silverlight vous ? Et derrière silverlight, il y a Microsoft, tout ce qu’on veut sauf des rigolos. Et pour revenir au html5, vous savez qu’ils annoncent une version stable à la fin de 2011 (au mieux…). En 2 ans, il s’en passe des choses…

Alors franchement, si Apple décide de ne pas accepter flash sur ses devices parceque ca fait planter Safari, c’est pas ça qui va tuer Adobe, ni Flash ! Mais je comprends que ca énerve, et qu’ils en parlent méchamment (le “j’emmerde Apple” de Lee Brimelow sur son blog).

C’est la guerre…

…et elle risque de durer. Mais imaginer que dans 3 ans nous soyons tous a coder en html5 parce qu’Apple a interdit flash sur l’iphone ? C’est un peu ridicule quand on connaît les parts de marché d’Apple. Moi qui suis un vieux mac addict (putain 20 ans !), je ne suis qu’un peu plus énervé vis a vis d’Apple, mais ça fait tellement longtemps que je suis habitué à leurs méthodes de requins… Je vais continuer à acheter leurs machines, mais je crois bien que mon prochain device mobile sera un Android, même si je n’aime pas Google non plus.

Cette affaire fait autant de mal à Apple qu’à Adobe, mais ca ne tuera personne.

Africascopie, webdocu du Monde.fr

On pardonnera le prosélythisme, vu que j’ai passé un peu de temps sur ce projet, mais voila, avoir un blog ca sert aussi un peu à ça non ?

Le Monde.fr vient donc de sortir un nouveau webdocu, sur l’impact d’internet dans 2 pays d’Afrique de l’Ouest, le Mali et le Sénégal, et sur la façon dont ce nouveau média a pu changer les gens concernés.

A l’origine du projet, Antonin Sabot et Jean Abbiateci, deux jeunes journalistes que vous connaissez peut-être par leurs blogs : “Esprit Blog” et “reportage et photo“.

En octobre et Novembre, l’an dernier, ils ont alimenté un blog, anglé sur les nouvelles technologies, à l’occasion de leur périple au Mali et au Sénégal. Pour le Monde.fr, mais aussi relayé dans les pages du Monde papier.

La réflexion envisageait un dispositif en 3 temps, et le webdocu est ce troisième temps. Cette expérience qui avait déjà été entamée avec “Engrenages” sur le site, était un coup d’essai, pour valider un concept multimédia multisupport. Bientôt, un quatrième temps pour ce type de projet sera envisageable : la déclinaison sur l’Ipad, mais chaque chose en son temps.

Plusieurs projets similaires sont en cours, dont on vous parlera bientôt.

Je ne vais pas entrer dans les détails. Voyez le sujet par vous même.

Quelques chiffres tout de même.

Plus de 2500 photos et moins d’une heure de vidéo ont été faites sur place, avec un Canon 5D M2. 11 heures d’enregistrements sonores.

Le dérush et la trame narrative générale ont pris 5 jours, et un peu plus de 10 jours ont été nécessaires pour monter le sujet sous Premiere, avec plusieurs étapes de validations et modifications par la rédaction en chef du site. En parallèle, 7 jours on été passés pour faire le design, les animations, l’intégration et le développement (pris en charge par le monde.fr).

Agences de presse et multimédia : y’a encore du boulot…

Depuis toujours, les agences de presse ont fait du multimédia. Dans la lignée des représentations infographiques auxquelles elles sont habituées depuis toujours, elles ont pris le tournant de l’interactivité et de l’animation il y a fort longtemps pour leurs infographies.

J’en vois régulièrement passer, sans beaucoup d’enthousiasme. Sur Interactive Narrative, tout récemment, j’en vois une qui s’est vu octroyée un Bronze aux Malofiej 2010, dans je ne sais quelle catégorie. C’est un gros multimédia sur les 40 ans d’Apollo 11, typique du style d’AP qui en est le créateur. Tout rempli de vidéos, de modélisations 3D, d’infographies riches… Respect pour tout ce travail superbement documenté.

Mais comme souvent quand je tombe sur cet exercice particulier qui est celui des agences dans ce domaine, je suis déçu. Pourquoi ?

Tout d’abord, la taille du gabarit, ridicule et incompréhensible : tous les sites de news accueillent aujourd’hui des tailles bien plus importantes. On est resté à la taille en vigueur il y a 10 ans. Ensuite, l’absence de perspective : tous les médias sont un peu donnés en vrac, sans organisation narrative. On est dans une encyclopédie. Enfin, le caractère rudimentaire du design, enfermé dans une charte trop rigoureuse, complètement neutre… La encore, ce choix est frustrant. Un peu de style, ca ne fait jamais de mal… Je veux bien entendre le fait que ces animations sont destinées à de multiples supports, mais n’est-il pas préférable d’avoir un design original pour de multiple support que pas de design du tout ?

Cra$h and Burn, un autre exemple de player interactif

Vous ne connaissez sans doute pas “Cra$h and Burn”, une série canadienne qui présente les enquêtes de Jimmy Burn, spécialiste en assurances, qui dénoue les mystères qui tournent autour de certains accidents automobiles. J’ai vu quelques trailers, ça à vraiment l’air complètement crétin. Mais bon, qui aurait donné un kopek à “6 feet under”, rien qu’en écoutant son pitch ? Je ne m’avance donc pas trop.

Ça n’est pas vraiment la série qui m’a intéressé, mais le dispositif en ligne déployé par Showcase pour promouvoir les aventures de Jimmy. Un site a été imaginé, et réalisé par l’agence interactive canadienne Jam3. Il propose un cas d’étude, sur un accident, par l’intermédiaire d’une vidéo (un peu) interactive. Imaginez une caméra qui navigue dans l’instant précis où l’accident à lieu, tournant dans cet instant figé comme dans un paysage. Pour cela, un grand système en compositing mélangeant 3D, panoramiques photos collés et effets de parallaxes. Le même système avait été utilisé pour la présentation de la télé 21/9 de Philips dont nous avions déjà parlé. Tout cela est intégré dans un player vidéo avec des hotspots renvoyant à des éclairages divers (vidéos, pages d’informations).

Le dispositif est particulièrement bien réalisé, monté en Papervision pour flash, dans un design parfait.
Au dela de cette perfection formelle et technique, dont on peut s’inspirer pour des narrations interactive, tout cela est un peu vain, on reste juste spectateur et l’interactivité à un goût de gadget promotionnel.

… voir le site

Même les banquiers ont des histoires à raconter

On ne parle pas assez des efforts que font les institutions bancaires pour faire parler d’eux. Ils ont les moyens et le désir de bien faire, c’est pourquoi ils font appels à de prestigieuses agences pour développer des produits bien pensés et bien lêchés. De plus en plus de petites agences entrent de plus en plus souvent dans ce jeu, retenues pour leurs liberté d’esprit et leur réactivité. C’est le cas de Grouek, agence de webdesign qui a un book important au regard de sa taille modeste.

C’est en cherchant un système de présentation de témoignages que je suis tombé sur cette présentation réalisée par Grouek pour la SoGé : les “Banker’s stories”

Datant de la fin 2008, le site qui ne semble pas accessible directement par le site de la Société Générale (pourquoi ?) s’amuse avec les fonctionalités de fausse 3D de flash CS4. Une réalisation simple et inspirante.

… voir le site sur Grouek

Instantanés de Provence : bientôt les vacances !

Magnifique réalisation de l’agence Uzik au profit du Comité Départemental du Tourisme des Bouches du Rhône pour ce site dédié à la provence.
Les appels d’offres des institutions locales/régionales sont fréquents. Tous les ans, des budgets colossaux sont distribués par les collectivités pour refondre, refaire, ou inventer de nouveaux moyens de communiquer.
Pour avoir travaillé dans de nombreuses agences qui raflent ces budgets, je sais que le résultat est souvent plat et institutionnel, et souvent à l’image des responsables de la communication locaux. La, je ne sais pas comment on en est arrivé la, mais il semblerait qu’une conjonction astrologique extraordinaire ait oeuvré dans le bon sens. Car on est vraiment sous le charme de ce site atypique de présentation touristique.

D’un côté du site, vous avez une molette “pneumatique” (je ne sais pas comment décrire ce mode de navigation) qui vous fait naviguer sur un fond de carte élégant avec une trame de dessin industriel du meilleur effet et un nuancier de couleurs régionales (ocres/oranges).
La navigation est multimédia, au sens originel : une ambiance sonore contextuelle illustre chaque lieu, et il est possible de filtrer : photos ou vidéos, pour accéder aux photos de Thomas Duval, le photographe commandité pour l’opération.

D’un autre côté, un système de mosaïques et un filtre thématique régional ou “tribal” (épicurien, écolos, mer, seniors…), qui renvoient à des contenus vidéos ou photos. Un système de panier permet de centraliser vos médias favoris et d’y effectuer une recherche.

Le style général est la marque d’une direction artistique très tendance : finesse des pictogrammes, raffinement des effets de transition, trames de fonds lignées, texturées, intégration flash très fluide, pratiquement invisible, typos “bitmap” pour une lisibilité optimale, malgré le fond gris…

Pour les vidéos, même constat, l’effet de “minaturisation” que permet des flous de profondeurs de champs artificiels, associés au stop-motion est très réussi. On voit ce genre d’effets depuis peu sur de nombreux sites dédiés à la photo.

Une seule question, même si j’entrevois la réponse : pourquoi cette ouverture en popup pour chaque rubrique ? Cela casse un peu la navigation.
Ce site exceptionnel a été primé par un “site of the day” de FWA.

…voir le site

Le temps qui passe

Un tweet intriguant de bobsacha, RT par Interactive Narrative : “Last few days been having discuss re: whatz interactive? This is interactive : http://61226.com/share/“. Oui, l’idée est toute simple, visualiser heure par heure, très simplement, le temps qui passe. Cela m’a fait penser à cet autre projet italien, très bien réalisé aussi, sur le même concept : Their circular life.

…voir Hong Kong, heure par heure

…voir Their circular life

Comme à l’armée

Il y a quelques jours, l’Armée de Terre annonçait une campagne de recrutement de 15000 recrues par an pour les 3 années à venir. Pour fêter l’évènement, une campagne de pub et la refonte complète du site internet relaie l’événement. Coût du plan média : 8,7 millions d’euros. Agence retenue pour la réalisation de l’ensemble TBWA, excusez du peu. Il faut avouer, ils sont quand même très fort TBWA, ils raflent assez systématiquement tous les grands prix dans la pub, et pour le web, ils sont assez biens côtés (et très chers aussi…). Le résultat, c’est un site particulièrement bien réalisé, qui met en valeur l’achèvement personnel. 8 parcours ont été sélectionnés, qui montrent dans de jolis témoignages mélangeant animations et vidéos, la modernité de l’Armée de Terre. Très réussi, vraiment, avec une cartographie ultra moderne en flash, et des vidéos qui se laissent voir très facilement.
En ce sens, l’armée française suit l’exemple des autres armées européennes, particulièrement l’armée danoise et l’armée anglaise, avec le site “get the message”, qui n’est hélas plus en ligne et qui avait fait sensation il y a quelques années, jusqu’à obtenir le label “site of the day” de FWA.

Plein de petits détails soulignent l’excellence de la réalisation : la petite loupiote qui permet de masquer l’interface générale du site pour se concentrer sur le contenu des témoignages, la barre de progression qui se grossit imperceptiblement au survol, un graphisme parfaitement maitrisé, des effets de transition a l’avenant. De la belle oeuvre.

… voir le site

Mais où sont passées les neiges du Kilimandjaro ?

Une initiative originale, avec une tripotée d’artistes et de “celebs” américains, dont la très jolie Jessica Biel. Une petite grimpette de quelques jours sur un sommet africain. On a peu entendu parler de l’événement chez nous (il vient juste de s’achever). Sans doute une mauvaise communication. Le sujet est la fonte des neiges, et particulièrement celles du Mont Kilimandjaro, qui bientôt ne seront plus, au grand dam de tous ces touristes qui prennent l’avion par milliers pour venir les voir.

En tous cas, si le viral n’a pas fait son travail, les designers / developpeurs qui ont réalisé le site eux, ont bien bossés. Pour réaliser une interface très léchée (trop ?) avec une débauche d’effets 3D.

Des cubes en rotation recomposent de nouveaux écrans par chapitre, le Mont est modélisé en 3D et draggable manuellement pour le faire tourner. Le style “tableau de bord” est plutôt réussi et fournit une flopée d’informations. Un système d’ancres dynamiques vous fait littéralement monter au sommet du Kilimandjaro, à partir du “Base Camp”

Bon, de temps en temps on a la mauvaise surprise de voir ces cubes que je trouve si admirables se remettre en place pour composer un écran de pub. C’est HP qui sponsorise l’opération avec la Fondation des Nations Unies, et ils ne s’en cachent pas.

Si vous réussissez à voir la dernière vidéo, qui est en .f4v, un choix discutable… vous verrez Jessica Biel qui reste sans voix d’avoir tant marché, avec un 4X4 juste derrière… Amusant ou déprimant, à vous de dire.

… voir summitonthesummit

Océans, le site

Juste pour le globe en flash 3D et le système de palettes flottantes accrochées à des lieux géographiques. Le même système avait été déployé dans le Bella Center à Copenhague, avec une dizaine d’écrans Touchscreens développés par HP.

Le site a été développé par Kingshoko, plus connu pour ses génériques de série télé (Kaamelot, Braquo…)

… voir le site

12 mains pour une symphonie

Un multimédia amusant, sans contenu narratif particulier, pour promouvoir une simple vidéo : les gestes essentiels face à un problème cardiaque. Distrayant.

… voir Hands Symphony

Something’s not quite right with the water…

Kevin McMahon est un amoureux des Grands Lacs. Habitué de la région, où il vit, il mène dans “Waterlife” une étude exhaustive de l’importance du lieu, et de l’impact que peut avoir une dégradation de cet écosystème. Le résultat est époustouflant, n’ayons pas peur des mots. Ce multimédia est une énorme déclinaison promotionnelle d’un film du même nom (trailer ici), et fournit une somme documentaire gigantesque, qui complète et élargit le message du film.

L’exemple type du cross-platform. Les 2 adaptations (web et cinéma) se répondent et s’enrichissent, et l’implication du BOC (Board of Canada) est évidente. Il a fallu clairement un gros investissement financier pour venir à bout de ce projet. La navigation est très complexe et on a un peu du mal à s’y retrouver.

On est aussi hélas dans l’exemple type du sujet qui s’est perdu dans son interface. McMahon s’est retrouvé face à un problème classique : comment organiser un corpus encyclopédique sur le web. On est à la fois impressionné par l’excellence de la réalisation (vidéos full screen, panneaux sur pivots, graphismes détaillés, musique sur mesure : Sufjan Stevens, Sigur ros, Brian Eno…), et un peu perdus dans tout ça.
Trop d’info tue l’info ?

… voir le webdocu

Repenser l’espace

Où la forme rejoint parfaitement le fond. Ce projet de The Economist est un petit bijoux d’ergonomie et de design. 14 artistes et journalistes internationaux, dont Jamie Lidell (le chanteur), Elisabeth Chevalet (de Paris Match), Georgia Taglietti (du festival Sonar)… présentent leur lieu de travail, le rapport qu’ils entretiennent avec The Economist, une playlist musicale, et de multiples objets fétiches de leur quotidien. L’interface est une accrétion de cubes dans un volume 3D qui se recomposent pour former des écrans explorables. Une parfaite utilisation de la 3D intégrée dans flash CS4 qui permet l’exploitation de ce format. Une réalisation parfaite.

… voir le site