Pour celles et ceux qui s’intéressent aux interfaces riches, je vous ordonne d’arrêter tout de suite ce que vous êtes en train de faire et de passer au moins 10 minutes sur le nouveau catalogue d’applications en ligne réalisées avec Flex : Flex Showcase.

Passons sur le site en lui-même qui est tout beau tout propre (mais il y en a d’autres), et attardons-nous sur cette collection d’applications toutes plus belles les unes que les autres : Fauxto, Picnik, Harley-Davidson Customizer, Scrapblog, Home Locator… Toutes ces perles ont été réalisées avec Flex.

Bon par contre entendons-nous bien : ce n’est pas l’outil qui fait l’interface. Je souhaite juste au travers de ce billet saluer le travail des concepteurs de ces applications.

C’est quoi votre application préférée ? (via RIApedia)

Connaissez-vous oSkope ? Il s’agit d’un moteur de visualisation des résultats de recherche en provenance de sites marchands (Amazon, eBay) ou de sites de partage (FlickR, YouTube).

Les résultats de recherche peuvent ainsi être présentés sous forme de grille, pile, bazar, liste ou encore graphique.

Ici le mode stack :

Et ici le mode graph :

Voici donc une expérience intéressante à mi-chemin entre Kartoo et les expérimentations visuelles de Jonathan Harris (We Feel Fine, Universe…).

(merci à François pour le lien)

Aviez-vous remarqué le simulateur de vroum-vroum sur le site de Volvo ?

Le principe est tout bête : proposer une vue intérieur de leurs modèles avec un effort d’immersion puisqu’il est possible de :

• mettre et éteindre le contact (pour entendre le ronronnement du moteur au ralenti) ;
• passez du jour à la nuit (pour apprécier l’illumination de la planche de bord) ;
• monter en régime (pour faire ronfler les cylindres).

Gadget ? Non pas du tout, c’est avec ce genre de fonctions très « tactiles » que les clients potentiels se projettent dans leur acte d’achat et s’appropriant la voiture en manipulant les différents boutons.

Si ça vous amuse (et je suis sûr que oui), vous pouvez également essayer la radio.

Tout ça est très ludique et me rappelle ce superbe site « tactile » de Mercedes dont j’avais déjà parlé : Mercedes A to S.

(merci à Cedric pour le lien)

Philips vient de lancer une nouvelle version de son showroom en ligne avec un très beau product selector :

Cette interface riche a été réalisée avec Flex et je ne lui trouve pas beaucoup de défauts :

• une structure légère et fluide (surtout dans les effets de transition) ;
• des bandeaux d’ambiance qui « réchauffent » les pages de catégories et sous-catégories ;
• des URL lisibles à chaque action de l’utilisateur (pour les favoris et les moteurs de recherche) ;
• un moteur de comparaison et de filtre (sur la partie gauche de l’écran).

Rien à redire, c’est du très bon boulot. Cette interface de recherche apporte à la fois plus de confort, de souplesse et d’efficacité.

(via RIApedia)

Aviez-vous remarqué le remarquable moteur de recherche prédictive sur le nouveau site d’Apple. Non seulement les résultats s’affichent au fur et à mesure de la frappe, mais en plus un panneau flottant affiche les meilleurs résultats avec des gros pictos :

Cerise sur le gâteau, les résultats sont groupés par sections et il y a un petit effet de contraste au survol de la souris :

Du très bon travail, forcément pas accessible mais qu’importe puisque cette recherche fonctionne comme un raccourci (ou un facilitateur) : le moteur de recherche reste parfaitement fonctionnel pour ceux qui n’ont pas de javascript.

Encore un bel exemple de fonctionnalité « simple » parfaitement mise en œuvre. Pour ma culture personnelle, qui a déjà croisé des moteurs similaires ? (merci à Raphaël pour l’info)

Comme chaque année, Adobe organise sa grande messe européenne à Barcelone. L’édition 2007 du MAX se déroulera du 15 au 17 Octobre, une occasion unique pour découvrir les dernières innovations technologiques de chez Adobe (AIR, Flash 10 ?) et échanger avec les développeurs et designers européens. Pour plus d’infos c’est ici : Adobe MAX 2007 Europe Blog.

Je serais présent à cet évènement pour couvrir la manifestation et je me demandais si l’un(e) d’entre vous était intéressé(e) pour m’y accompagner…

Bon OK j’avoue : je n’ai pas de place à vous offrir par contre je peux vous proposer de participer à cette opération : Mon ticket pour MAX, un tirage au sort permettant de gagner l’un des deux tickets pour assister à l’évènement. Tentez-donc votre chance, il suffit de répondre à 5 questions.

Heu… pensez-vous qu’il serait de bon ton de profiter de ce billet pour relayer la sortie « officielle » de Silverlight ?

Aviez-vous remarqué l’apparition de menus contextuels (clic droit avec votre souris) dans Google Docs :

Une implémentation intéressante dans la mesure où :

•  cet usage est très intuitif car lié à la façon dont nous manipulons les applications hors-ligne ;
• les fonctions proposées sont répliquées en haut d’écran (pour que l’application reste opérationnelle avec ceux qui ont des problèmes de compatibilité) ;
• le traitement graphique est d’une sobriété exemplaire (des icônes pour faciliter le repérage, des séparateurs pour un regroupement logique).

Bref, ce n’est pas neuf mais encore une fois très bien exécuté par les équipes de Google. Espérons que ces menus contextuels seront bientôt présents dans une prochaine version du Google Web Toolkit. (via Google Operating System)

Microsoft vient de mettre en ligne deux nouvelles versions de son plug-in Silverlight : la Release Candidate de la V1 et une nouvelle alpha de la V1.1 (qui intègre un environnement d’exécution pour les applications WPF et .Net ).

Je vous invite à installer ou à mettre à jour ce plug-in pour (re)découvrir les différents exemples du showcase comme cette remarquable application 3D de Telerik :

(via The Universal Desktop)

La nouvelle est tombée cette nuit : Facebook vient de racheter Parakey, une start-up encore en gestation. Pour la petite histoire, Parakey est une plateforme permettant de faire tourner des applications en ligne et en mode déconnecté. Donc pour résumer, c’est comme un système d’exploitation en ligne (web OS) et un environnement d’exécution offline (un peu comme Google Gears).

Pour bien comprendre l’énorme potentiel des systèmes d’exploitation en ligne, je vous propose cette série d’articles :

• WebOS market review, une analyse en profondeur avec un peu de prospective ;
• Big WebOS roundup – 10 online operating systems reviewed, une présentation des principales solutions.

Dans la mesure où il existe plus d’une dizaine de solutions (EyeOS, Goowy, YouOS, DesktopTwo…) pourquoi avoir choisi Parakey alors que la solution n’est même pas encore finalisée ? Tout simplement parce que l’un des fondateurs de Parakey n’est autre que Blake Ross, un surdoué de l’informatique qui a entre autre chose travaillé sur le projet Firefox. Vous remarquerez que ce n’est pas un hasard si le futur Firefox 3 proposera également un mode offline (mais je laisse le soin à Tristant Nitot de nous confirmer cela).

Concevoir un système d’exploitation en ligne n’est pas chose aisée, le plus dur étant de gérer les accès au système d’exploitation (celui qui fait tourner le navigateur) et aux ressources (qui se trouvent sur le disque dur), Facebook a donc parié sur l’équipe de Parakey (composée de Blake Ross mais également de Joe Hewitt, qui a également travaillé Firefox) pour finaliser sa technologie et proposer un environnement stable.

Toujours est-il que cette nouvelle fait grand bruit et que Facebook se rapproche toujours plus de son objectif : devenir LE système d’exploitation en ligne de référence (voir à ce sujet mon précédent billet : Réseau social + Web OS = Facebook Plateform).

Pour en savoir plus, je vous propose une sélection de billets :

• Facebook buys a star engineer, and another billion dollars in valuation, qui nous parle des rumeurs autour de Blake Ross ;
• Is Facebook going to compete with Adobe AIR?, où l’on spécule sur une possible transformation de Facebook en client riche (comme Adobe sait le faire avec sa plateforme AIR qui permet de faire tourner des RDA) ;
• Could Facebook Become The Next Microsoft, où l’on confirme la pertinence de la vision de Facebook et sa prochaine élévation au rang de futur pilier du web (au côté de Yahoo!, Ebay, Amazon, Google… et même Microsoft).

En un mot comme en cent, si vous n’avez pas encore créé votre compte sur Facebook, c’est le moment de la faire !

Je viens de découvrir le nouveau site de Fiat en Angleterre (Fiat.co.uk) qui fait un usage intensif de la 3D :

Un site tout en Flash avec de la vidéo grand format et des commentaires audio. L’accessibilité n’a pas été totalement oubliée puisqu’il existe une alternative dans le code source, puisque les commentaires sont sous-titrés (c’est déjà ça) et puisque les URL sont lisibles.

Sinon ce site est un modèle de richesse :

• Présentation de la gamme au sein d’un showroom 3D très réussi ;
• Présentation de chacun des modèles avec une cinématique très impressionnante ;
• Assistant au choix (Help me choose) à partir des critères suivants : prix, performances, consommation et capacité ;
• Configurateur entièrement visuel ;
• Comparateur de modèles, Dealer locator avec images satellite…

La navigation est très simple et efficace (copie quasi conforme du site de Cadillac avec le logo au centre, mais avec un effet de transparence en plus). Le site est remarquablement clair et intuitif, les fonctions clefs sont facilement identifiables et surtout présentées en contexte.

Cerise sur le gâteau, une petite touche d’humour très british dans le commentaire du Doblo.

Voilà en tout cas un très bel exemple de ce qu’il est possible de faire avec de la 3D. Pour l’instant tout est pré-calculé, mais on peut rêver à un avenir proche où les showroom seront entièrement dématérialisés et où l’on pourra circuler dans un environnement 3D et même se téléporter sur un circuit ou en ville pour faire un petit essai virtuel. (Merci à Cédric pour le lien et l’analyse rapide)