Étiquette : ajax

Yahoo! publie sa bibliothèque de schémas de conception ainsi qu’un framework AJAX

C’est une révolution, une vrai révolution. Et, une fois n’est pas coutume, c’est Yahoo! (et non Google) qui créé l’événement et vient de publier coup sur coup :

Une bibliothèque pour standardiser les interfaces

Pour ceux qui se posent la question, un design pattern est un schéma de conception pour représenter un élément d’interface. Pour faire simple : un système d’onglets ou une navigation page à page sont deux schémas de conception. En gros, ce sont des éléments d’interface que l’on peut réutiliser à l’infini.

Il existait déjà des bibliothèques (à l’image de la Web Design patterns ou de la User Interface Design Patterns) mais là où la librairie de schémas de conception de Yahoo! est d’une valeur ajoutée inestimable c’est qu’elle nous fait bénéficier du retour d’expérience de Yahoo! sur certains éléments. Inutile de se demander comment représenter des onglets ou un chemin de navigation, il suffit de se fier au savoir-faire de Yahoo!. Pour s’en convaincre il suffit de voir les différents exemples : chemin de navigation, onglets, navigation page à page.

Un framework pour enrichir vos interfaces

Pour ceux qui se posent la question, un framework est composé de briques pou pouvoir intégrer beaucoup plus rapidement des fonctionnalités. Dans le cas de Yahoo!, il s’agit d’éléments pour concevoir beaucoup plus rapidement une interface riche : sélecteur de date, glissière, navigation arborescente, glissé-déposé.

Avec ce framework, je crois que les interfaces riches vont définitivement acquérir leurs lettres de noblesse. D’une part car les briques que proposent Yahoo! semblent robustes aux niveaux techniques, fonctionnelles et ergonomiques, d’autre part parce qu’il est gratuit.

Et en prime, les ingénieurs de chez Yahoo! ont de la suite dans les idées. Je vous recommande à ce sujet la lecture de ce très bon article qui parle de niveaux de compatibilité des navigateurs ainsi que d’enrichissement progressif et de dégradation harmonieuse : Graded Browser Support.

Et un blog pour argumenter le tout

Et comme ci ça ne suffisait pas, Yahoo! nous propose également le blog de leurs équipes de développement d’interfaces utilisateurs : Yahoo! User Interface Blog.

J’ai toujours été fan des interfaces des services Yahoo! Ils m’ont et m’inspirent encore énormément. Voilà pourquoi aujourd’hui est un grand jour, un TRÈS grand jour pour le monde de la conception de site web. Les répercutions de ces publications ne vont peut-être pas se voir immédiatement mais risquent de bouleverser la donne à moyen terme. Nous aurons largement l’occasion d’en reparler.

Adieu Limoges !

Et voilà, l’édition 2006 du Webdesign Festival de Limoges est terminée. Un grand bravo pour l’organisateur de cette manifestation qui a fait du très bon travail.

Cette année a été marquée par une très forte participation de délégations étrangères au WebJam Contest, une compétition express où des équipes s’affrontent en réalisant un site web sur un thème donné en 24 heures. Allez donc jeter un oeil à la liste des sites réalisés et à la liste des vainqueurs.

J’ai beaucoup apprécié l’opportunité de rencontrer quelques grandes figures de la blogosphère française lors de la soirée de gala (Elie, Raphael, Dew, Laurent… Je ne cite pas Amélie et Tristan que je connaissais déjà mais ils étaient là aussi).

Une matinée très chargée puisque j’y animais deux conférences avec Amélie (sur l’ergonomie incitative et sur les interfaces riches. Au passage, j’espère que l’audience a apprécié mon combat héroïque avec le vidéo-projecteur qui ne voulait plus projeter ;-)

WIF3

 

Je n’ai pas le courage de faire un compte-rendu complet, d’autant plus que d’autres s’en sont chargés :

Webdesign Festival : J-4

Plus que 4 jours avant le Festival International du Webdesign de Limoges (WIF pour les intimes)… 4 jours quand on y pense… c’est peu. Mais c’est énorme pour un enthousiaste comme moi ! D’ailleurs je ne suis pas le seul puisque Raphaël d’Alsacreations et Laurent de Blog and Blues en parlent aussi.

Pour ceux qui seront présent à cet événement, j’aurais le plaisir de participer à deux interventions conjointement avec Amélie d’Ergolab :

  • Concentrez votre design sur l’expérience utilisateur, où Amélie nous fera une présentation de l’ergonomie, où Morganne et Martin d’Ipsopresto nous présenterons leur retour d’expérience sur la mise en oeuvre d’une démarche ergonomique et où j’essaierais d’élargir le débat en parlant d’ergonomie incitative ;
  • Flash, Ajax : des technologies anti-ergonomiques ?, où Amélie nous expliquera à quel point Flash c’est mal et où j’essayerais de tempérer en parlant du potentiel des interfaces riches.

Bref, tout ça pour dire que je suis excité comme une puce. Vivement jeudi !

Flash ou AJAX : les différences s’amenuisent

Si vous m’aviez demande il y a quelque temps : AJAX concurrence-t-il Flash ?, je vous aurais répondu : mais enfin mais pas du tout, Flash est beaucoup plus puissant qu’AJAX et il offre des possibilités de manipulation et d’affichage qui sont bien plus poussée.

Mais voilà, entre temps les technologies évoluent et les différences s’amenuisent. La preuve avec ces deux démonstrations :

Que remarquez-vous ? Peu de différences : les deux interfaces proposent des filtres à l’aide de glissières, des colonnes triables, des lignes qui se réorganisent en un ballet très fluide et bien entendu un rafraîchissement des données mais pas de la page.

Alors oui je sais, ces deux interfaces sont encore perfectibles (accessibilité, lenteur…) mais le résultat est tout de même saisissant, non ?

Tout ceci est d’autant plus intéressant que de grands acteurs du tourisme comme Expedia se mettent à faire de l’AJAX (essayez donc de saisir une ville dans le champs « Départ de » et vous comprendrez…).

XUL + AJAX = ZK

Décidément, les interfaces riches vont être à l’honneur en 2006. Laissez moi vous présenter un projet pour le moins particulier : ZK est en effet un framework permettant de développer des interfaces riches à l’aide d’AJAX et de la syntaxe XUL.

Selon les auteurs, l’intérêt d’utiliser la syntaxe XUL est d’être indépendant de la plateforme et d’utiliser une syntaxe qui a fait ses preuves. Notons tout de même que ce framework fonctionne bien évidement sur plusieurs navigateurs dont IE.

Toujours selon les auteurs, leur framework serait une alternative à d’autres frameworks comme Backbase et Bindows ainsi que des environnements plus costauds comme Macromedia Flex, Open Lazslo ou le futur Atlas de Microsoft. C’est bizarre… pourquoi ne font-ils pas mention de Dojo ou de Prototype ? (via AJAX Magazine)

MAJ (15/01/2006) : Dans un autre style, on me signale l’exitance du projet xulfaces qui propose un framework où il est possible de mélanger des tags venant de la librairie de tags de xulfaces et des balises XUL, le tout reposant sur JSF. A tester, en plus le site est très bien documenté alors vous n’avez aucune excuse. (merci à Olivier pour le lien)