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 :

zillow3d

 

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.