Articles étant taggés ‘interfaces-riches’

Ne dites pas à ma femme que je participe au Adobe Live, elle pense que je vais à la Macromedia Expo

Je vais avoir la chance d’intervenir mercredi prochain à la grande messe de la création : Adobe Live 2006. Cet événement est dédié aux professionnels de la création travaillant sur tout type de supports (impression, web, vidéo, photo…), un rendez-vous annuel qui sera présent dans 7 grandes capitales européennes (France, Allemagne, Grande-Bretagne, Hollande, Italie, Espagne et Suède).

Affiche de l'événement Adobe Live 2006 Un événement majeur qui va permettre à Adobe (prononcez adobi) de nous dévoiler un peu plus sa stratégie d’ensemble. Il sera intéressant de voir comment vont être remaniés les produits des gammes Adobe et Macromedia, et surtout comment le nouveau géant de la création va réussir à concilier un public aussi large.

Pour information je dois intervenir le mercredi 31 à 10 H 45 sur le thème du Web 2.0 et des RIA dans un contexte d’entreprise. Pour plus d’infos, un programme est disponible sur le mini-site de l’événement.

Etrange destin tout de même pour ces deux sociétés qui se sont mariées. Quand on y réfléchit un peu, vous ne trouvez pas que la nouvelle entité Adobe serait une cible idéale pour Yahoo! ? Non pas à cause de ses produits, mais plutôt pour ses contenus : les jeux en ligne du Shockwave.com qui viendraient étoffer les Yahoo! Games, et les courts métrages d’Atom Films qui viendraient alimenter Yahoo! Video ou le Yahoo! Entertainment.

Un showroom virtuel chez Mercedes-Benz USA

Mercedes-Benz vient de mettre en ligne sur son site U.S. un très beau showroom virtuel (cliquez sur le lien See All Models) :

Le showroom virtuel de Mercedes-Benz

Plusieurs points remarquables :

  • très impressionnant car il occupe toute la largeur de l’écran ;
  • les différents modèles sont présentés en situation dans un environnement qui ressemble à un showroom ;
  • l’interface est agrémentée d’un glossaire et d’une aide en ligne (en haut à droite) ;
  • l’utilisateur peut appliquer des filtres et trier les différentes configurations ;
  • en cliquant sur un modèle, on accède à un module de comparaison ;
  • il est possible de sauvegarder des comparaisons…

Bref, c’est spectaculaire et efficace. Un peu long à charger je l’accorde, mais cette fonctionnalité n’en est pas moins une très bonne pratique dans le secteur automobile.

Ajax : Après Yahoo! et Microsoft, c’est au tour d’Adobe et de Google

Décidément nous n’avons pas encore fini d’entendre parler d’Ajax. La preuve, après la publication par Yahoo! et Microsoft de leurs frameworks Ajax, c’est au tour d’Adobe et de Google :

A qui le tour ? (merci à Jean-Sébastien pour l’info)

Et si vous souhaitez approfondir le sujet, je vous recommande l’article suivant : Les briques du web 2.0 par la pratique.

Et si vous en redemandez, alors je vous conseille cet article : Comet: Low Latency Data for the Browser.

Et si vraiment VRAIMENT vous en redemandez encore, alors jettez-vous sur ce Tetris réalisé avec le framework Ajax de Yahoo! : YUI Tetris.

Deux nouveaux modèles de comportement dans la bibliothèque de Yahoo!

Il y a quelques mois Yahoo! créait l’événement en publiant un ensemble de modèles de conception (design pattern en anglais) pour concevoir et créer des interfaces riches (voir à ce sujet mon précédent billet).

Cette bibliothèque a été enrichie hier de deux nouveaux comportements :

  • Les invitations, c’est à dire les indices visuels pour que les utilisateurs prennent connaissance d’une interaction possible ;
  • les transitions, c’est à dire les effets graphiques qui mettent en évidence un changement d’état.

Indice visuel de changement d'état

Vous trouverez également quelques nouveautés du côté des briques techniques :

Encore une fois, c’est parfaitement documenté et argumenté. Pour plus d’infos, je vous conseille de lire le blog de leur équipe de conception : Yahoo! UI Blog.

Blog 2.0

Au cours de mes pérégrination sur le web, je suis tombé sur ce blog : Technologica. L’auteur est un développeur confirmé qui se sert de ce bog pour promouvoir ces start-up ainsi que les avancés technologiques qui y sont mis en oeuvre. Pas étonnant alors de faire de son blog une vitrine technologique.

On y retrouve ainsi un certain nombre de petites améliorations :

  • possibilité de modifier la mise en page (fixe, fluide ou élastique) ;
  • possibilité de définir le positionnement de la colonne de contenus annexes (à droite ou à gauche) ;
  • possibilité de changer la taille de la police ;
  • possibilité d’activer le rendu de la police des titres des billets (à l’aide de la technique du sFIR) ;
  • moteur de recherche avec auto-complétion (Live search)…

Bref, tout un tas de petits gadgets qui démontrent le savoir-faire de l’auteur. Vous remarquerez au passage le panneaux flottant d’aide (en haut à gauche) avec un très bel effet cinématique.

Maintenant la question que vous vous posez tous est : Est-ce vraiment utile ?

Ce à quoi je répondrais : Pas réellement mais c’est sympa quand même !

Plus sérieusement, dans la mesure où ces raffinements technologiques peuvent être désactivés et qu’ils se dégradent proprement… pourquoi pas.

Quel est votre point de vue en tant que lecteurs de blogs ?

Un nouvel âge d’or pour la vidéo en ligne ?

Faisant suite à un article publié sur le JDNet (2006, l’année de la vidéo en ligne), je m’interroge sur une possible explosion des usages autour de la vidéo en ligne et plus particulièrement autour de la manipulation de ces vidéos.

Je m’explique : les vidéos en ligne ça n’a rien de neuf. Par contre, les contenus vidéos personnalisables (à l’instar du Trailer Crahsers) c’est déjà beaucoup plus rare, et nous n’en sommes qu’au début.

La prochaine étape (et visiblement elle est derrière nous) est de permettre aux internautes de modifier et remixer eux-mêmes des contenus vidéos. Par le passé, les internautes devaient avoir recours à des outils spécifiques (comme iMovie et consorts), mais les choses ont changé. C’est là qu’entrent en scène deux services en ligne révolutionnaires.

Motionbox tout d’abord qui n’est pas encore officiellement lancé qu’il bénéficie déjà d’une bonne presse : le site TechCrunch en présente ainsi les principales caractéristiques : édition, montage, utilisation de nouvelles bandes-son

L'interface de motionbox

Encore plus fort, Jumpcut qui permet aux utilisateurs de rajouter des effets spéciaux aux vidéos (voir une description détaillée toujours sur TechCrunch).

L'outil d'édition en ligne de 'Jumpcut'

Ces deux services ouvrent la porte à une véritable révolution : la possibilité de récupérer des bouts de contenus vidéo (via un système de tags), de les éditer (recadrage, effets spéciaux…) puis d’en faire un nouveau montage.

Pour vous donner une idée des possibilités que cela donne, je vous propose de découvrir cette fausse bande-annonce : Titanic 2 Preview.

De même, je vous invite à explorer les nombreuses parodies du film Snakes on a Plane, pas encore sortie en salle mais déjà fortement décrié.

Attention toute fois à ne pas mettre cela entre toutes les mains, notamment dans le cadre d’un opération de marketing virale (du type Créez vous-même la publicité pour notre produit). Chevrolet en a fait les frais dans sa dernière campagne The Apprentice (détournée par un militant contre la guerre en Irak).

Alors, qui se lance ?

Un peu de 3D dans vos annonces immobilières

Depuis le lancement de Google Maps l’an dernier et les premiers mash-up autour des services de cartographie (comme le très célèbre Paul Rademacher Housing), le petit monde de l’immobilier est en ébullition.

En témoigne ce très intéressant billet publié sur le portail de l’Atelier : Immobilier, enchérissez sur un appartement en ligne !

Dernière trouvaille en date : le service en ligne Zillow qui propose l’intégration de vue 3D (à partir de services comme MSN Virtual Earth) dans des annonces immobilières :

La vue 3D dans Zillow

C’est visuellement très impressionnant et terriblement persuasif, non ? Bon allez, je vous laisse j’ai réservé un hélicoptère pour faire des photos aérienne de mon appartement.

Ne confondez plus AJAX et Ajax

Voilà un petit moment que je me demande quelle est la bonne orthographe : AJAX ou Ajax ?

Heureusement, Bill Scott (qui travaille pour Yahoo!) vient nous apporter la réponse avec les définitions suivantes :

  • AJAX = un acronyme qui désigne l’utilisation de l’objet XMLHttpRequest ;
  • Ajax = l’ensemble des technologies qui autorisent une mise à jour dynamique des informations ainsi que des modèles d’interactions plus riches.

Donc au final : Google Suggest repose sur AJAX (il n’utilise que l’objet XMLHttpRequest) alors que le nouveau Yahoo! Mail repose sur Ajax (à cause des drag&drop et autres panneaux dépliants).

Voilà, et au passage je vous recommande ce très bon billet publié sur le blog de Bill Scott : Designing for Ajax.

C’est parti pour Google Calendar

Après plusieurs mois de rumeurs, Google Calendar vient de sortir. Comme à chaque fois le service est pragmatique et efficace.

L'interface de Google Calendar

Pas le temps de tester, mais vous pouvez avoir plus d’infos ici :

MAJ (13/04/2005) : Notons que ce Google Calendar s’intègre parfaitement avec Gmail, que l’on peut importer depuis n’importe quel calendrier à l’aide du format CSV et que (c’est le plus important) ce calendrier est livré avec son API pour que des programmes externes (au hasard Netvibes) puisse y accéder et interagir (envoi d’invitations, synchronisation…).

AJAX en voie d’être légitimé par le W3C ?

On parle beaucoup d’AJAX en ce moment comme la technologie du futur. Mais saviez-vous que la brique technologique de base d’AJAX (l’objet XMLHttpRequest) était un composant ActiveX conçu par Microsoft ? Oui, bien sûr que vous le saviez.

Bon, toujours est-il que le rejeton de la grande famille web est en train de se faire reconnaître par le W3C (l’organisme de régulation et de standardisation de l’internet). La preuve avec cette ébauche de spécification : The XMLHttpRequest Object W3C Working Draft.

Avec ces spécifications, AJAX pourrait bien gagner ces premières lettres de noblesse. Si, en plus, des géants comme Yahoo! (avec sa User Interface Library) et Microsoft (avec son framework Atlas) s’y mettent, alors l’adoption sera bien plus rapide que prévue.