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)

Vive les schémas de conception !

Connaissez-vous les schémas de conception ? Mais si enfin, les design patterns : ce sont des principes de conception qui servent à résoudre des problèmes récurrents (affichage et manipulation d’une liste, sélection multiple… cf. la définition de Wikipedia : Patron de conception).

Quand on parle de schémas de conception dans le cadre d’une interface, ils prennent la forme de petits éléments d’interface qui servent à composer un écran. Pour faire simple, les schémas de conception sont les mots du concepteur qui servent à rédiger les phrases (les écrans) d’un livre (un site).

Et où trouve-t-on une description du vocabulaire du concepteur ? Mais dans un dictionnaire bien sûr !J’en arrive donc au sujet de mon billet, le très bon livre Designing Interfaces.

Ce livre, ainsi que le site qui l’accompagne est une véritable mine d’or : sont présentés un ensemble de schémas de conception très bien décris et détaillés.

Un livre que je recommande à tout concepteur d’applications ou d’interfaces riches, en complément du toujours très bon Pattern Library for Interaction Design (avec une nouvelle version du site) et de l’indispensable Yahoo! Design Pattern Library.

Et tant que j’y suis, pour parfaire votre culture des interfaces et savoir d’où l’on vient, je ne saurais que trop vous recommander l’incroyable, le formidable, le stupéfiant Designing Interactions (sans doute le meilleur livre sur l’interactivité jamais écrit).

Songza expérimente l’interface transparente

Je suis passé complètement à côté d’un nouveau service qui mérite réellement le détour : Songza. Il s’agit d’un moteur de recherche musicale qui propose une interface tout à fait remarquable :

La particularité de ce service est de proposer une interface transparente où toutes les fonctionnalités sont affichées en surimpression au clic ou au survol de la souris. Il en résulte une page extrêmement dépouillée et une liste de résultat des plus simples à lire.

J’avais déjà abordé ce principe avec un précédent billet parlant de l’information liquide, mais là ils vont un peu plus loin et se rapprochent des notions d’interfaces omniprésentes comme Jef Raskin le décrit dans son article sur les human interfaces. Vous noterez au passage que c’est le fils de Jef Raskin (Aza Raskin) qui est à l’origine de l’interface de Songza.

Aza Raskin qui est le président de Humanized, une société qui s’est spécialisée dans ce type d’interface et qui propose un produit très particulier : Enso.

Je trouve cette interface tout à fait intéressante par le côté dépouillée qu’elle propose. Pour information, les services concurrents de Songza (SkreemR, SeeqPod…) ne parviennent pas proposer une expérience utilisateur aussi… « paisible ». (via TechCrunch et ses commentaires)

Mozilla expérimente une alternative aux solutions de client riche avec Prism

La Fondation Mozilla a publié la semaine dernière une nouvelle version de WebRunner qui s’appelle maintenant Prism.

Pour faire simple, il s’agit d’une extension de Firefox qui permet de faire tourner des applications en ligne sur votre bureau et de reproduire l’expérience d’une application traditionnelle (fenêtre indépendante, icône et menus personnalisables…). Comme le résume très bien Laurent Jouanneau : « c’est Firefox sans l’interface de Firefox (boutons, barre d’adresse…)« .

Par contre ne vous méprenez pas, Prism ne permet pas d’accéder à des services en mode déconnecté (pas d’accès offline). De même, ne confondez pas WebRunner (maintenant nommé Prism) avec XulRunner, un environnement d’exécution d’applications réalisées avec XUL (le langage de description d’interface de Mozilla).

Si vous vous sentez un peu perdu, c’est normal c’est un peu compliqué (je vous recommande tout de même la lecture de ce billet : 10 ans d’évolution des interfaces web au service de l’expérience utilisateur). Pour faire simple, nous pouvons distinguer deux familles technologiques :

les solutions de RIA déconnectées (comme Google Gears ou Dojo Offline Tollkit)
les solutions de RDA (comme AIR d’Adobe, SmartClient de Microsoft ou encore Java Web Start)

Prism se situe entre ces deux familles avec une solution qui ambitionne de faire évoluer les services en ligne vers un modèle applicatif, contrairement à AIR par exemple qui veut transformer des applications en services en ligne. Je vous recommande pour y voir plus clair l’article de Ryan Stewart : Mozilla moves closer to the desktop with ‘Prism’.

Donc concrètement avec Prism vous n’installez rien sur votre ordinateur et vous accédez à votre service favoris au travers d’une fenêtre qui lui est entièrement consacrée (indépendante de Firefox).

La contrepartie est que cette application (tout comme les sites web) ne peut pas accéder au contenu de votre disque dur ni au hardware (contrairement à AIR ou SmartClient). L’équipe de Mozilla Labs nous promet une évolution prochaine de Prism qui permettra de gérer la persistance des données et de stocker des informations sur le disque. A terme, les futures évolutions de Prism vont donc le faire ressembler à Google Gears (et à Firefox 3).

En tout cas ne vous y trompez pas, Prism n’est pas réellement un concurrent de AIR (qui lui aussi repose majoritairement sur des technologies web) mais plutôt un coopétiteur comme le suggère Mike Chambers : Mozilla Prism and the disingenuous web. Rappelons que Mozilla et Adobe sont très proches, surtout depuis qu’Adobe à « légué » le moteur Javascript de Flash (Tamarin) à la fondation : Vers un flash player en open source pour la fondation Mozilla ?.

Quoi qu’il en soit, le fait que Prism repose sur Firefox représente un énorme avantage car il pourrait être déployé à partir d’une « simple » mise à jour. Simple mise à jour qui concerne tout de même 30% des utilisateurs du web (lire à ce sujet l’article de Mike Potter : Prism Gives Web Apps Desktop Space).

Est-ce que ce Prism est une bonne nouvelle ? Mais bien sûr enfin ! C’est une très bonne nouvelle et je félicite la fondation Mozilla pour avoir adopté une approche alternative par rapport aux solutions existantes. Petite précision : ne vous posez pas la question de savoir si Prism et Silverlight de Microsoft sont des solutions concurrentes, ça n’a rien à voir car Silverlight est avant tout un concurrent de Flash.

Comme je suis bon joueur, je laisse le mot de la fin à Tristan Nitot : The (not so) hidden goals of Prism, AIR and Silverlight.

MAJ : Bon en fait ce n’est pas Tristan Nitot mais Microsoft qui va avoir le dernier mot puisque le principe d’applications en ligne exécutées sur le bureau n’est pas nouveau, ils appellent ça des HTML Applications : HTA Developers Center. (merci à Laurent pour l’info)

Adobe MAX et autres thèmes webcastés (avec et sans cravate)

J’ai enregistré la semaine dernière un petit podcast avec l’équipe de TV4IT (ils appellent ça une interview d’expert).

Les thèmes abordés lors de cette interview sont variés : Sophistication des interfaces, montée en puissance des avatars, expériences 3D, regain d’intérêt pour l’ergonomie des applications mobiles…

http://storage02.brainsonic.com/webtv/tv4it/player.swf?&paramXml=http://storage02.brainsonic.com/webtv/tv4it/param_player.xml&itemId=3451&autostart=false&mute=false&rollover=true

J’ai trouvé ce format de prise de parole très sympa et bien rythmé (10 minutes), du coup je me demande si je ne vais pas régulièrement réitérer l’expérience régulièrement pour avoir une prise de parole complémentaire à l’écrit pour faire un point sur l’actualité et les tendances du moment.J’ai également croisé quelqu’un de l’équipe Brainsonic lors du Max Europe 2007 qui m’a interviewé pour faire un rapide compte-rendu de cette manifestation : http://storage02.brainsonic.com/webtv/tv4it/player.swf?&paramXml=http://storage02.brainsonic.com/webtv/tv4it/param_player.xml&itemId=3464&autostart=false&mute=false&rollover=true

Alors, vous préférez avec ou sans la cravate ? (merci à Cyril pour l’invitation sur le plateau)