Est-ce la mode des tableaux riches ?

Souvenez-vous, il y a quelques mois je vous parlais des possibilités d’évolution des menus déroulants (Est-ce la mode des menus déroulant riches ?), ce soir je vous propose de découvrir les possibilités autours des tableaux enrichis (les américains préfèrent parler de « grid« , ne me demandez pas pourquoi) : Ext GWT Grid, Grid Plugins, and EditableGrid.

Il y a tout d’abord les possibilités avancées de filtres et de tris :

 

richtablesort (1)

Et il y a aussi ces incroyables possibilités d’édition en ligne (essayez donc de modifier la date) :

 

richtableedit (1)

Je trouve ces nouveaux comportements tout à fait intéressants et surtout terriblement efficaces.

Pour celles et ceux que cela intéresse, tout ceci est réalisé grâce à une librairie RIA en javascript (Ext GWT) qui se greffe au framework Java/Ajax de Google (GWT) mais qui existe aussi en version autonome (Ext JS).

Hé hé hé, ça vous la coupe tout ce jargon, hein ? En tout cas je suis particulièrement fier d’avoir pu prendre Didier de vitesse sur ce coup là !

Est-ce la mode des menus déroulant riches ?

Voilà plus de 10 ans que le web existe. Plus de 10 ans que nous nous contentons de ce que le HTML nous propose comme éléments d’interactions (boutons, menus…). Peut-être serait-il temps d’expérimenter de nouvelles choses afin de gagner de la place. Dans ce contexte, laissez-moi vous présenter des choses tout à fait intéressantes, et notamment ces composants surprenants.

Premier exemple chez Google Base avec ces menus déroulant qui intègrent des cases à cocher et même des champs de saisie :

RichDropDown1

RichDropDown2

 

Autre exemple chez Getty Images avec ce champ de recherche extensible (les options apparaissent lorsque le curseur est dans le champ) :

RichDropDown3

 

Dernier exemple chez Monster avec ce mélange de menu déroulant, de listes extensibles et cases à cocher :

RichDropDown4

 

J’ai personnellement un petit faible pour les menus déroulant de Google Base, même si je serais curieux de voir la réaction d’utilisateurs lambda… A quand une intégration de ces composants dans le Google Web Toolkit ?

J’adore les outils gratuits

Non c’est vrai, vraiment vrai : j’adore les outils gratuits. Je vous propose donc de découvrir le bog suivant : Free Tools.

Le but de ce blog est de présenter toutes les solutions pour le développement de site Internet ou d’applications métiers orientées web, mais on y trouve surtout beaucoup d’outils et de librairies javascript (et un peubeaucoup d’Ajax) classés selon des catégories et sous-catégories. Tout ce qui est présenté doit être de qualité professionnelle et bien évidemment gratuit (licence free, GPL, Creative Commons, MIT…).

Exemples de ce que j’ai trouvé dans les derniers billets :

  • Ext Js, un framework Ajax très prometteur ;
  • Prototip , qui vous permet de créer des info-bulles simples ou complexes (avec ou sans image, CSS…) ;
  • AJAX Star Rating Bar, un script PHP pour faire des petits modules de vote avec des étoiles ;
  • Tablesorter, un plugin jQuery qui permet de trier les colonnes d’un tableau sans qu’il soit nécessaire de recharger la page ;
  • FreeMap , une incroyable collection de cartes…

Bref, un site indispensable pour celles et ceux qui veulent se simplifier la tâche au quotidien. (Merci à Marc pour le lien et bravo pour son travail)

Vous avez 5 minutes pour éditer votre commentaire

Je viens d’installer un tout nouveau plug-in (WP AJAX Edit Comments) qui permet d’éditer un commentaire après l’avoir publié.

EditComment

 

Donc je récapitule : vous publiez un commentaire plein de fautes où vous oubliez d’insérer le lien qui justifie le commentaire, plus la peine d’en publier un nouveau, il vous suffit de cliquer dessus pour l’éditer (fonction désactivée au bout de 5 minutes).

Très pratique pour réduire la charge de modération. (via 2803)

Google Maps + Trip Advisor + YouTube = Trivop

Laissez-moi vous parler ce matin d’un très beau mashup made in France : Trivop. Il s’agit du premier portail de vidéos hôtelières. De quoi ? D’un moteur de recherche qui exploite l’interface de Google Maps, qui agrège les commentaires et notes des voyageurs de Trip Adivsor et qui en plus permet de publier des vidéos des destinations.

Trivop

A l’usage l’interface se révèle être intuitive et les temps de réponse sont tout à fait acceptables.

Ils prévoient dans un deuxième temps de laisser les voyageurs publier leurs propres vidéos (un peu comme le fait TripAdvisor avec les photos). Et vous, vous aimez ?

En passant par MD-Expo…

C’est aujourd’hui qu’à eu lieu le salon du marketing direct (MD-Expo) au cours duquel j’ai pu intervenir sur un des mes sujets fétiches, les interfaces riches. Merci à la FEVAD de m’avoir accordé ce temps de parole, et voici le support de ma présentation : L’apport des interfaces riches pour le e-marketing (format PDF, 5,2 Mo).

Rien de bien neuf pour ceux qui me lisent régulièrement, mais une bonne entrée en matière pour les novices. Dans tout les cas de figure, c’est déjà une très bonne chose que de pouvoir évangéliser ces pratiques à un public assez large.

J’aurais également une seconde chance d’intervenir lors de ce salon jeudi prochain sur le thème des blogs : Comment maîtriser les règles de la communication sans filet ? Normalement cette conférence sera filmée donc vous n’avez même pas besoin de vous déplacer !

Kelkoo + Mac OS = Shopping Path

Suite à un précédent billet sur un moteur de recherche marchand (BrowserGood, à mi-chemin entre Google Maps et Amazon), je vous propose de découvrir un autre concept d’interface marchande : Shopping Path.

Logo de ShoppingPath

Le principe de cette interface marchande comparative est de reproduire le mode de visualisation et le comportement du Dock de Mac OS avec un principe de grossissement au survol de la souris dont vous pouvez voir un exemple sur le site CrispyShop qui exploite le catalogue de Yahoo! Shopping.

Concrètement, vous choisissez une catégorie et les différents produits sont alors tous affichés à l’horizontale :

ShoppingPath

L’interface est composée de différents éléments :

  • à gauche de l’écran les filtres qui permettent d’affiner la recherche ;
  • sur le haut de l’écran, les clés de tri (en fonction du prix, du poids…) ;
  • juste en dessous l’échelle où sont alignés les produits ;
  • puis les vignettes des produits qui grossissent au survol de la souris ;
  • une info-bulle avec les détails du produit en cours de visualisation ;
  • des boîtes correspondant aux produits sélectionnés avec les prix sur les sites de différents distributeurs ainsi que les avis des clients ;
  • il est possible de sélectionner différents produits, cela rajoute des onglets et insère des étoiles de couleur sur la courbe en haut de l’écran.

En termes de réalisation je n’ai pas grand chose à dire : c’est propre, rapide, intuitif et terriblement efficace. Inutile de dire que cette interface n’est pas du tout accessible, mais là n’est pas la question. Ce mode de recherche représente en effet une rupture tellement importante par rapport à ce que nous connaissons qu’il ne peut être proposé qu’en second choix (le premier choix étant plus classique et pouvant être accessible).

Bref, du beau boulot et encore de très bonnes idées. Et vous, ça vous semble intuitif ? Réaliste ? (via Read/Write Web)