blog e-commerce, François Ziserman
e-commerce, marketing des sites marchands, technologies 2.0, entrepreneuriat,...

Un peu technique comme titre, non ?

Bon, Google Wave, c’est pour l’instant une vidéo :

Une vidéo oui, mais quelle vidéo !

La vidéo d’un nouveau service, Made by Google, qui réinvente ni plus ni moins la façon dont on communique sur Internet.

L’une des infos, c’est que ce service est développé sur Google Web Toolkit.

C’est quoi ce truc là ?

C’est une solution, pour répondre à un problème clé du web : le développement multi-environnement.

Reprenons :

Vous devez développer une application Web.

Problème : vous devez être compatible avec quelques systèmes d’exploitation (Vista, XP, …), multiplié par quelques navigateurs (IE 6, IE 7, IE 8, Firefox 2, Firefox 3, …).

Tout celà fait une explosion combinatoire impressionnante.

Si votre page affiche “Hello World”, pas de problème.

Mais si vous avez un service riche, qui utilise par exemple les CSS, l’ajax (le cas de tout service web sérieux quoi) alors là, c’est beaucoup plus délicat : le code doit en effet s’adapter à chaque environnement.

C’est là que Google Web Toolkit (GWT pour les intimes) apporte sa pierre !

En effet, GWT est une solution pour développer des applications Web, qui s’adapteront à tous les terminaux.

On développe donc une seule application, sous Java.

On la teste en local, sur son PC.

Et après, hop, l’application est générée, et le code généré est compatible avec toutes les plateformes.

Vous pouvez tester le service ici par exemple.

Superbe idée… Sauf que jusqu’à présent, aucune application Google n’utilise ce système… Ce qui n’aide pas à crédibiliser la solution…

Voilà (enfin) l’explication de mon titre : si Google Wave est entièrement développé avec GWT, et que ça marche, c’est la preuve de GWT est la solution géniale pour régler ce problème de développement d’interfaces Web !

On croit que les choses sont bien établies…

Mais non, tout bouge, tout change, tout évolue, très vite.

Ainsi, le mail existe depuis 1973… Bien avant Internet donc.

C’est basé sur un protocole simple…. Et c’est devenu un média d’échange incroyablement populaire et riche (vous recevez combien d’eMails par jours, vous ?).

Google a déjà pas mal fait évoluer les usages, avec son GMail.

GMail a ainsi poussé très loin l’idée que le meilleur outil pour gérer ces emails, c’est le navigateur Internet.

GMail a apporté pas mal d’innovations : les tags, le regroupement automatique des emails par sujet de discussion, …

Ces derniers temps, Google a pas mal travaillé pour atténuer l’écart entre l’Instant Messaging et le mail.

Mais voilà, ça n’était pas suffisent.

Google vient donc d’annoncer Google Wave.

Ils n’ont pas eu peur de repartir de zero… Google Wave n’est donc pas basé sur un protocol de mail.

C’est un protocole spécifique, et ouvert.

Il y a plusieurs idées fondatrices derrière Google Wave :

• On n’est plus sur une communication One-To-One comme pour l’eMail, mais sur une place d’échange. On peut dire que Google Wave est donc une communication Many-To-Many.
• La communication est soit temps réel (pour ceux qui sont connectés), soit différée. Il n’y a donc plus du tout de différence entre le mail et le chat
• Le support est fondamentalement un arbre, et non un texte comme pour le Mail. Dans cet arbre (un “wave”), chaque nœud représente un élément, ajouté par l’un des membres de la discussion, à un instant donné. Cette notion est très riche, et permet d’avoir nativement des documents riches, écrits à plusieurs, ou l’on peut retracer l’historique des modifications.

La notion d’arbre semble particulièrement clé, et permet de gérer des documents composites, mais également des jeux, et probablement pleins de nouvelles choses à inventer, puisque Google Wave est fourni avec une API. Rien d’étonnant là dedans, quand on sait que l’un des gars à l’origine de ce projet n’est autre que le celui qui a développé les API pour Google Maps…

Google Wave, c’est probablement un énorme changement dont on ne mesure pas encore bien toutes les concéquences…

Une interface réussie est donc une interface ou on a bien travaillé, du niveau “macro” au niveau “micro”.

Dans ce billet précédent, je parlais de l’idée de mettre plusieurs images pour un bouton :

• Une image pour le bouton au repos ;
• Une image quand la souris passe au dessus du bouton (mouseover) ;
• Une image quand on clique sur le bouton.

Petit détail qui compte : il ne faut pas que le navigateur ait à charger les images lors de l’action. Il faut que les images soient pré-chargées.

Sinon ? L’utilisateur risque d’avoir un effet très désagréable : avoir un bloc blanc qui s’affiche lors de l’action. Et oui, le temps que l’image se charge…

Comment pré-charger les images ?

Une solution (il y en a surement d’autres) : on charge une seule image, qui contient tous les états du bouton, et avec un petit code javascript, on déplace la partie visible en fonction de l’action. C’est assez facile à faire, et ça marche très bien.

La qualité d’un site passe par multitude de détails.

Des détails ?

Des détails qui impactent directement le taux de transformation du site. Des détails qui pèsent lourd donc !

Exemple : les boutons.

En premier lieu, le bouton doit avoir une forme sans équivoque, qui sera reconnu par l’Internaute comme un élément appelant le clic.

La couleur ressort bien du contexte, le libellé est clair. L’effet relief rajoute l’envie de cliquer.

En deuxième point, il me semble qu’on apporte un signal encore plus clair et “incitatif” en changeant la couleur ou la forme du bouton au survol de celui-ci par la souris :

(exemple extrait d’Amazon)

C’est bon ? Oui, mais je pense qu’on va aller dans un avenir proche un cran plus loin.

Je pense en effet qu’on pourrait améliorer l’expérience utilisateur en lui signifiant clairement, après le clic, qu’on a bien pris en compte sa demande.

En effet, le temps de traitement, qui suit le clic, est très variable, en fonction du débit de l’internaute, de l’engorgement du réseau, du taux de charge du serveur, …

Donc, il faut faire patienter l’internaute.

L’interface gagnerait en clarté si, après le clic, un signal visuel indiquait à l’internaute que sa commande est en cours de traitement. On pourrait par exemple ajouter sur le bouton, qui devrait être avoir un code couleur pour signifier que l’utilisateur a bien validé l’option, une animation représentant l’attente, dans le genre :

Je ne crois pas qu’on puisse faire ça en html / css standard. Il faut un brin de Javascript.

Je n’ai pas vu de site mettant ça en oeuvre (le dernier point je veux dire). Et vous ?

Tout le monde ne le sait peut être pas : Dassault System est aussi un éditeur de logiciel, dans le domaine du PLM.

3DS, c’est 8000 personnes (quand même !), dont la moitier en R&D.

3DS est leader sur son marché, et propose tout un tas d’outils, permettant de modéliser en 3D des produits. Ces outils sont historiquement utilisés pour les produits industriels (avions, voitures, …) mais aujourd’hui, le cadre d’utilisation de ces outils à bien changé, et sont également utilisés pour l’électronique grand public, ainsi que, par exemple, par les grands magasins, pour visualiser une mise en rayon virtuelle.

Bon, jusque là, on est encore dans un contexte purement B2B.

Mais cela évolue, surtout avec l’acquisition de Virtools (2005).

Donc aujourd’hui, 3DS propose 3DVIA :

La vision, c’est qu’après le texte, l’image, le son et la vidéo, la prochaine grande révolution pour le web sera la 3D.

Ce portail essaie de construire cette vision, avec tout un tas d’outils et de services.

On peut par exemple naviguer dans une bibliothèque de modèles 3D, qu’on peut consulter directement dans le navigateur (avec un plugins à installer). L’idée, c’est de construire le Youtube du 3D :

Mais les ambitions de 3DS vont plus loin, avec d’autres idées plus futuristes.

3DS a ainsi signé un deal OEM avec Microsoft, pour enrichir MS Virtual Earth, et permettre à chaque utilisateur d’ajouter des objets 3D sur le monde virtuel de Microsoft. On peut ainsi modéliser sa propre maison sur son emplacement :

3DS propose d’aller encore plus loin, avec plusieurs idées “Web 2.0″.

Ils ont ainsi développés une application FaceBook, permettant d’ajouter et de manipuler des objets 3D directement dans le réseau social.

Mais le plus étonnant est sans doute l’idée de la 3D “long tail” : une application permet de co-créer un modèle 3D sur Internet. On serait donc tous de futures créateurs 3D…

Exemple donné : un constructeur automobile diffuse le modèle 3D de la voiture en préparation, et propose à tout un chacun de modifier ce modèle. On peut ainsi changer la forme d’un tableau de bord qui ne plait pas, déplacer ou ajouter des éléments, …

Partagez vous cette vision ?

Pour ma part, je ne suis pas complètement convaincu.

Je pense bien sûr que la 3D va être de plus en plus utilisée, surtout avec la généralisation des player 3D (Flash ou même nativement dans les navigateurs).

La 3D peut être un bon vecteur pour améliorer la “proximité” avec certains produits, surtout pour les produits complexes.

Mais je ne pense pas que la 3D va prendre une place si importante que ça sur le Web, et je crois encore moins à l’idée qu’on va tous manipuler des modèles 3D (il faut s’entraîner vraiment longtemps avant d’arriver à faire ce qui est montré dans la vidéo ci-dessus).