10 ans d’évolution des interfaces web au service de l’expérience utilisateur

2007 sera une grande année pour les interfaces riches (voir à ce sujet mon précédent billet). Pour célébrer cette révolution à venir, je vous propose de faire une rétrospective sur dix années d’évolution des interfaces web, en incluant un peu de prospective sur l’année à venir.

J’ai résumé tout cela dans ce schéma :

La page HTML : simple et efficace

La manière la plus simple de réaliser une interface web est d’utiliser HTML. Pour consulter une page web, il faut : un système d’exploitation et un navigateur. C’est simple et efficace, suffisamment efficace pour faire fortune (à l’image d’eBay ou d’Amezon).

L’applet : un peu plus de puissance mais au détriment du confort d’usage

Durant la fin des années 90, sont apparus des micro-applications qui pouvaient être exécutées au sein d’une page web : les applets réalisées en Java. Pour pouvoir les exécuter, il fallait bien évidemment un système d’exploitation, un navigateur, mais également une machine virtuelle. C’est cette dernière qui servait à interpréter le code Java (qui n’a rien à voir avec Javascript).

Les applets permettent de faire plus de chose que le HTML mais au détriment du confort d’usage, car les applets sont lourdes et longues à démarrer (de 1 à 3 secondes) et que la machine virtuelle nécessite souvent des mises à jour intempestives. Quand il s’agit du configurateur en 3D de Volkswagen, ça va, mais quand il s’agit d’un simple calendrier pour choisir une date comme sur le site de la banque Fortis, c’est inadmissible.

Les RIA : le meilleur compromis à ce jour

Puis sont apparues les Rich Internet Applications qui proposaient de bien plus grandes possibilités d’affichage et de manipulation que le HTML. Ces interfaces riches pouvaient être réalisées en AJAX (à l’image du sélecteur de diamant d’Amazon ou du site de GAP) ou en exploitant des technologies vectorielles comme Flash ou WPF/E. Pour les faire tourner, vous devez posséder le bon plug-in (ce qui est le cas de 99% des ordinateurs pour Flash). L’intégration des animations au sein d’une page web est transparente et très performante (à l’image du très bon comparateur de Ford Vehicles).

Les widgets : petites mais terriblement efficaces

Plus récemment, des petits modules autonomes sont venus s’installer sur notre bureau : les widgets. Ces micro-applications nécessitent plusieurs choses pour pouvoir tourner : soit un programme appelé moteur de widget (Yahoo! Widget, Google Desktop, Kapsules sous Linux ou encore le navigateur Opera), soit un système d’exploitation de nouvelle génération comme Windows Vista ou Mac OS X.

Les RDA : l’avenir du logiciel ?

La toute dernière évolution des interfaces web s’appelle les Rich Desktop Applications. Tout comme les applets, les RDA nécessitent une machine virtuelle (Eclipse RCP, NetBeans, Java Web Start, XULRunner de Mozilla, Le futur Apollo d’Adobe ou encore le SmartClient de Microsoft). Ces technologies permettent d’avoir des interfaces aussi robustes que des applications et la simplicité de déploiement des sites web (pas besoin de les installer sur le système d’exploitation).

Plusieurs expérimentations sont en cours autour des RDA : SongBird (un concurrent de iTunes réalisé avec XUL), le Mozilla Amazon Browser (une RDA qui exploite le catalogue d’Amazon) ou encore le module d’eBay réalisé avec Apollo.

Conclusion : le service avant tout

Après ce formidable déballage des technologies toutes plus prometteuses les unes que les autres, je vous propose de faire le constat suivant : Qui avons-nous à gauche du schéma ? Amazon et eBay. Qui retrouvons-nous à droite du schéma ? Amazon et eBay. L’enseignement que nous pouvons en tirer est le suivant : si votre service est bon alors ces différentes technologies (et les plus récentes en particulier) ne doivent vous servir qu’à enrichir l’expérience utilisateur que vous proposez. Par contre si votre service n’est pas performant alors ne rêvez pas, l’interface (quelle que soit la technologie utilisée) ne compensera pas une expérience utilisateur négative.

Je vous laisse méditer là dessus…

Amazon lance une boutique semi-riche

Amazon vient juste de lancer une boutique en ligne indépendante de chaussures et de sacs à main : Endless. Cette boutique propose une expérience tout à fait intéressante avec un principe de navigation riche (ou du moins semi-riche).

Une boutique semi-riche dans la mesure où les pages sont en HTML classique mais où le mode d’accès aux produits (navigation et système de filtre sur la gauche de l’écran) sont dynamisés avec de l’AJAX. Un compromis fort intéressant car le site est rapide, réactif et le processus de choix est très intuitif : des filtres successifs (par marque, gamme de prix, couleur…) sont activés et le choix est restreint automatiquement.

Bref, c’est de l’Ajax parfaitement dosé qui me fait penser à la boutique PimperLime ouverte par GAP.

Rétrospective sur mes prédictions 2006

Avant de me lancer dans des prédictions pour l’année 2007, je souhaitais revenir sur mes prédictions faites pour le second semestre 2006 et voir dans quelle mesure elles avaient été réalisées.

Google propose ses services sous forme de solutions pour les entreprises

Même si l’annonce n’a pas encore été faite, tous les observateurs s’accordent à dire que le Google Apps for Your Domain va très prochainement se transformer en Google Apps for Your Enterprise. D’autant plus avec le rachat de JotSpot qui pourrait fédérer tous les outils déjà existant et se positionner comme une solution alternative très crédibles aux intranet ‘’traditionnels ». Mais nous aurons l’occasion d’en reparler dans mes prédictions pour 2007…
Verdict : ça va se faire

Facebook ne se fait racheter par personne

Des discussions sont toujours en cours, les rumeurs parlent d’offres supérieures à 1 milliards de dollars pour Viacom et NewsCorp, mais les fondateurs de Facebook s’obstinent à faire monter les enchères. On se demande bien jusqu’où… Mais nous aurons l’occasion d’en reparler dans mes prédictions pour 2007…
Verdict : j’avais vu juste mais c’était prévisible

Montée en puissance des réseaux sociaux verticaux

Il est aujourd’hui très difficile de lister les multiples initiatives de réseaux sociaux de niche. Toujours est-il qu’avec la croissance mal maîtrisée de MySpace (où l’on retrouve tout et n’importe quoi, surtout n’importe quoi), les réseaux de niche représentent d’autant plus de valeur qu’ils se restreignent à un domaine particulier. En tout cas les exemples sont nombreux et la tendance sera de développer des réseaux qui sont de préférence compatibles entre eux (par le biais de service de gestion de l’identité numérique). Mais nous aurons l’occasion d’en reparler dans mes prédictions pour 2007…
Verdict : j’avais vu juste mais c’était prévisible

MTV tente une contre-offensive dans les sites communautaires pour jeunes

Pas grand chose du côté de Viacom (la maison mère de MTV). Peut-être se rattraperont-ils en 2007 ?
Verdict : Je me suis trompé mais l’avenir peut nous réserver des surprises

OpenAjax s’enlise

L’euphorie autour d’Ajax semble s’être calmée et c’est une très bonne chose. Alors que les framework des grands acteurs continuent de prendre des parts de marché, nous sommes à l’aube d’une bataille sans merci autour des [RDA. Mais nous aurons l’occasion d’en reparler dans mes prédictions pour 2007…
Verdict : j’avais vu juste mais c’était prévisible

Arrivée en France de places de marché de l’innovation

Le concept de crowdsourcing est encore balbutiant en France. Alors que Yahoo! Answers s’adjuge une victoire par KO face à Google Answers, les places de marchés BtoB brillent par leur absence en France. Reste la très belle initiative de CrowdSpirit, mais c’est du BtoC…
Verdict : Je me suis trompé mais l’avenir peut nous réserver des surprises

Le web 2.0 sort de la blogosphère et commence à intéresser les grands comptes

Je suis le témoin au quotidien de nombreuses expérimentations autour des flux RSS, des blogs et des wikis dans les grands comptes pour lesquels je travaille, mais je ne peut pas en parler (clause de confidentialité oblige). Est-ce que le web 2.0 en entreprise peut se résumer aux flux RSS, aux blogs et aux wikis ? Non, certainement pas. Force est de constater que les concepts d’interfaces riches ou de mashup font encore très peur aux patrons. Toujours est-il que les offres de wiki d’entreprise comme celles de SocialText et de Confluence séduisent de plus en plus de grands groupes américains. L’année 2007 nous dira si des packages comme SuiteTwo ou l’hypothétique Google Apps for Your Enterprise sauront s’imposer dans les groupes français.
Verdict : ça va se faire

Voilà, un bilan plutôt positif qui me motive pour fignoler mes prédictions 2007 (dès demain si je suis en forme).

Best of 2006

Voici ma sélection des billets les plus marquants de l’année 2006, soit parce qu’ils ont entrainés de fortes réactions, soit parce qu’ils me tiennent à coeur.

Interfaces innovantes

Toujours plus de performance et d’incitation

Innovations en tout genre

Coups de gueule

Remises en question

Il y a des jours où j’étais vachement inspiré

Les temps forts de l’année

Yahoo! publie sa bibliothèque de schémas de conception ainsi qu’un framework AJAX ;
Le patron de Google s’invite au conseil d’administration d’Apple ;
Google rachète JotSpot ;
Une nouvelle vie démarre (bon OK, sur ce coup là je fais un peu de nombrilisme !).

Voilà de quoi vous occuper pour la journée (du moins pour celles et ceux qui ont découvert récemment ce site). Dès demain je vous ferais une rétrospective sur mes précédentes prédictions.

De l’Ajax dans votre bibliothèque

Non, je ne vais pas vous recommander de dépoussiérer votre bibliothèque avec du produit ménager, mais plutôt vous parler d’un très bon livre : Bien développer pour le Web 2.0. Mais… pourquoi parler d’Ajax alors que c’est écrit Web 2.0 sur la couverture ? Et bien justement je vais y venir, mais chaque chose en son temps.

Avant toute chose, sachez que ce livre s’adresse avant tout aux développeurs, comprenez par là que l’on y parle essentiellement de code. Mais pas seulement, puisque sont également abordés les problématiques d’accessibilité, de respect des standards web et même d’ergonomie (pas assez à mon goût mais bon, c’est déjà très bien d’aborder le sujet).

La grande force de ce livre réside dans son approche : l’auteur commence par ré-expliquer ce que sont javascript, le DOM, les standards web (XHTML et CSS) avant de s’intéresser à AJAX. Et là encore il le fait de façon intelligente en décrivant et expliquant la mise en oeuvre de framework comme Prototype et script.aculo.us.

Cette approche est la bonne, dans la mesure où les bases de la programmation de pages web (respect des standards web et de la sémantique, bonne utilisation du DOM…) sont bien souvent bafouées pour des impératifs de délais. Loin de moi l’idée de vouloir lancer une polémique, mais le fait est que Javascript (et par conséquent AJAX) est un langage beaucoup moins rigoureux que Java (ou autres langages élaborés), ceci entraîne parfois de gros problèmes de maintenabilité, de pérennité et de montée en charge. Mais c’est une autre histoire, encore une fois je ne souhaite pas créer de polémique à ce sujet.

L’auteur détaille également dans son livre la mise en oeuvre d’API (notamment celles d’Amazon et de FilckR) ainsi que l’exploitation des flux d’information comme RSS et Atom.

La question de l’accessibilité est également abordée. Une application Ajax est-elle peut-elle être accessible ? Voici une question intéressante à laquelle l’auteur n’a pas répondu, certainement parce que la question est très loin d’être simple et parce que la réponse peut être mal interprétée. Pour la petite histoire, il semblerait que la nouvelle version d’Opquast soit accessible. Je n’ai pas les compétences nécessaires pour vérifier la conformité stricte de cette application, mais au moins ils ont fait un effort notable.

L’unique réserve que j’aurais au sujet de ce livre concerne son titre : Est-ce que l’univers technologique du web 2.0 se limitent à Ajax, à REST et à RSS ? Non pas du tout. En fait il est beaucoup plus large : Quid des technologies permettant de faire des RIA ou des RDA ? Quid des API réalisées avec SOAP ? Quid des problématiques de délégation d’identité ? Quid du web sémantique ? Quid des éléments multimédia (vidéo, son, 3D) ?

Bref, la liste est longue et l’ouvrage est loin de tout couvrir. Ce n’est pas pour autant un mauvais livre, mais c’est juste que le titre est un peu sur-vendeur. Je pense que l’auteur du livre n’y est pour rien et que cela doit sûrement être une décision de la maison d’édition (Eyrolles) qui a également publié un autre livre sur le sujet (Développez en Ajax), qui détaille plus l’utilisation de Dojo. Et pour celles et ceux que ça intéresse, il parait que jQuery est également très performant (via Weblogger).

Bon en tout cas si vous avez un cousin développeur alors ce livre sera le cadeau de Noël idéal.

…

Bon il y a aussi l’iPhone qui serait un très beau cadeau, mais il n’est pas encore officiellement lancé. Peut-être un compte FlickR Pro alors ?