Christophe Le Bot

  • Navigation rapide
Pratique de la conception numérique

Derniers commentaires

  • Installer Drupal 6 sur un serveur mutualisé OVH
    • Damien | Bravo pour ce billet, simple, efficace. J’aimerais trouver ce genre de réponse qui marche tout le temps !
  • Test d’interface : paiement d’amendes en ligne
    • Benoit | Bonjour, euh, moi je n’ai rien compris à ce stratagème pour faire oublier la clé (manquante) à l’interface de saisie. Je saisie les 14 chiffres de mon avis, le javascript saute...
  • Un bon petit rythme pour 2010
    • Christophe | @ Développeur Magento Moi aussi, j’ai hâte… mais de le finir ! C’est du boulot, beaucoup de boulot. @Maxime Merci pour le compte-rendu.
    • Maxime | Bonjour, voici un petit livrento, ou plutôt un résumendo (On croirait parler espagnol ou italien, c’est fun :-p ) de l’Apérogento qui s’est déroulé à Lyon mercredi 30...
    • Développeur Magento | J’ai vraiment hâte de lire ce livrento !
 

Archives de la catégorie
Design numérique

Essayez vos lunettes avec Enjoy Sunglasses

Accueil Enjoy Sunglasses

Et voilà, Enjoy Sunglasses est en ligne ! Ce site e-commerce qui vend des lunettes de soleil, est l’un des rares à proposer d’essayer ses produits… en temps réel et en ligne !

Pour un client, rien n’est plus frustrant que d’acheter un produit qui ne lui va pas. Pour un vendeur, rien n’est plus frustrant que de perdre des ventes parce que le client n’a pas essayé le produit. Partant de ce constat, Enjoy Sunglasses a misé sur des technologies innovantes et propose l’essayage des paires de lunettes sur son propre visage. Une prouesse rendue possible par l’utilisation des outils d’essayage de Fitting Box.

Intégré à chaque étape-clé de la navigation, l’essayage virtuel offre enfin un moyen rapide de sélectionner la bonne paire de lunettes en fonction de la forme de son visage.

Retours d’expérience

Au-delà du concept plus qu’intéressant, j’ai eu la chance et le plaisir de vivre ce projet de l’intérieur. Toute l’équipe d’Ekinos a, en effet, participé à la construction de ce site autour de la plate-forme e-commerce Magento. Un travail parfois long et souvent difficile car les besoins étaient très éloignés du standard et les technologies utilisées longues à caler.

Sans tout dévoiler (ce n’est pas fini, une suite est déjà en route…), ce projet nous a permis de sortir des sentiers battus et de mettre à profit l’architecture si particulière de Magento. Oui, Magento est un gigantesque Lego. Oui, on peut faire des choses étonnantes avec. Mais quelle exigence ! J’avoue que la jeunesse de la solution nous a causé pas mal de soucis, cependant nous avons acquis une belle expertise dans le développement de modules, l’optimisation des performances et les méthodes de production adaptées à Magento (cycles de tests, packages, données de test et de production, installation, migration, etc.).

Nous avons maintenant une longue liste de points d’amélioration pour les futures versions de Magento, avec, en première ligne, la gestion des règles de calcul de prix pour le marché français et européen (prix HT, prix TTC, TVA, remises et escomptes, règles officielles d’arrondis sur 5 décimales, contextes d’application, etc.). Je reviendrai sur ce sujet pour préciser les aspects métier et fiscaux qui doivent être intégrés dans le standard Magento. C’est curieux : tous les intégrateurs Magento ont ce soucis, mais personne n’ose le dire…

Manque plus que l’soleil !

Maintenant, le site est en production. Avec l’arrivée du printemps (plus quelques fonctionnalités…), Enjoy Sunglasses sera, je l’espère, l’un des piliers du e-commerce ! Il faut bien rêver un peu, d’autant que les équipes d’Enjoy Sunglasses et de Fitting Box méritent bien ce succès : le projet est réfléchi, exigeant, précis et bien piloté. J’avoue prendre beaucoup de plaisir à travailler avec des gens qui ont des idées et de l’énergie pour les concrétiser. Surtout quand ils ont l’intelligence d’être souples face aux obstacles !

Je tiens aussi à remercier l’équipe qui partage mon quotidien chez Ekinos et a réalisé ce travail. Le challenge valait le coup, non ? Oui, bon, je sais, on soufflera plus tard : on doit livrer des projets encore plus dingues… J’y retourne !

World of Goo : le design numérique par excellence


World of Goo, LA surprise numérique de cette fin d’année.

Noël approche ! C’est le moment de penser aux cadeaux. Et pour ceux qui cherchent encore, j’ai LE truc qui va plaire à tout le monde : World of Goo.

« Quoi ? Un jeu vidéo !? »

A première vue, oui, mais ce serait passer à côté de l’essentiel : il s’agit surtout d’une oeuvre numérique parfaitement réalisée. Pour calmer cet emballement juvénile soudain (cela doit faire 15 ans que je n’ai pas touché un jeu vidéo), je vais aborder le sujet sous un angle plus rabat-joie technique. Voici donc le cocktail détonnant qui compose la chose…

Un gameplay basique, mais un univers totalement décalé

Pour perdre du temps à jouer sans culpabilité, il faut pouvoir se plonger dans un univers en décalage complet avec la réalité. Avec World of Goo, on est servi ! Le but du jeu est plutôt simple (mettre des Goos dans un tuyau), mais l’histoire, les messages, les transitions entre les scènes nous plongent dans un univers caustique et sarcastique (rien que ça !), à mi-chemin entre le doux rêve et le cauchemar absolu.

Une création graphique originale

Chaque élément de l’interface est travaillé pour servir le jeu. Tous les détails comptent : la forme, le comportement, les interactions avec les autres éléments, les messages dans lesquels sont cachés des astuces. Le tout traité avec une grande cohérence graphique. Un excellent travail !

Une bande son extraordinaire

Les concepteurs de jeu le savent bien : le son est plus efficace que l’image pour immerger l’utilisateur. Et les concepteurs de World of Goo ne l’ont pas oublié. La musique se fond parfaitement aux phases du jeu, les bruitages sont superbes (la palme au bruit du Goo se faisant croquer !).

Une programmation sans faille

Dommage que je ne puisse pas accéder au code source… Quand on voit le jeu tourner, on perçoit immédiatement la qualité de la programmation (orientée objet, cela va de soi). Sa fluidité incroyable offre une parfaite maîtrise des éléments qui composent la scène. Aucun bug constaté.

Les lois de la physique parfaitement respectées

Je finis par ce qui fait le principal intérêt de World of Goo : son respect maniaque des grands principes de la physique : masse, inertie, élasticité, énergie, gravité, mécanique des fluides. Tout repose sur la parfaite intégration de ces notions intuitives. Nul doute que tout est programmé grâce aux formules mathématiques adéquates. D’ailleurs, le résultat semble largement inspiré d’autres projets, comme les animaux de SodaZoo (huit ans déjà !) ou les expériences de Yugo Nakamura.

Joyeux Noël !

Après ce déluge d’éloges, je ne peux que vous inciter à essayer ce jeu, d’autant que son prix reste très abordable (20$). Pour ma part, je garderai de ce projet l’exemple d’une parfaite intégration des différents métiers du numérique : scénario, création graphique, composition musicale, programmation objet, etc. Même si l’équipe derrière ce bijou se résume à quelques fous furieux talentueux !

Je me sens agile !

Excellente journée, aujourd’hui !

Pour commencer, une jolie acquisition finalisée ce matin (la 4e entreprise du groupe) dont je laisse au padrone le soin d’annoncer la nouvelle. Ce sera le 21 octobre. Oui, je sais, ça fait un peu buzz

Et puis, c’était surtout la journée Agile Tour 2008 à Toulouse ! Inutile de tourner autour du pot : j’ai été très agréablement surpris ! Et ce, pour plusieurs raisons :

  • L’organisation était parfaite : accueil sympathique, horaires respectés, pauses gourmandes généreuses, matériel et salles adaptés, atmosphère détendue propice aux échanges.
  • Les salles étaient combles, preuve que les méthodes agiles commencent à s’installer doucement mais surement.
  • Les intervenants étaient passionnés, passionnants et pédagogues.
  • Les exemples d’utilisation étaient clairs et convaincants.
  • La programmation était judicieuse pour avoir une vision globale du sujet (1. Origine, théorie ; 2. Application via les ateliers ; 3. Retours d’expérience).
  • L’effort des sponsors a permis d’ouvrir gratuitement cette journée à tous, sans rogner sur la qualité des interventions.

Que du bonheur ! Il faut dire que c’était facile : l’organisation de ces journées Agile Tour a elle-même bénéficié d’une approche agile…

Sur ce coup, les absents ont eu tord, mais ils pourront (légèrement) se rattraper en consultant les supports des conférences sur le site de la SigmaT dès demain.

Pour finir, voici en vrac ce que je retiens de cet événement :

  • Lire deux livres : The Mythical Man-Month, de Frederick P. Brooks, et Peopleware, de Tom DeMarco et Timothy R. Lister.
  • L’Agile Manifesto et ses 12 principes.
  • La complémentarité de l’approche Lean sur les projets agiles.
  • Le constat à l’origine de la création de Scrum : « le processus de développement est imprévisible ».
  • Scrum est utilisé dans 3 projets agiles sur 4 (Scrum seul 49%, Scrum + XP 22%).
  • Le coeur de cible agile : un nouveau projet pas trop critique, piloté par un management accomodant, sur une architecture définie, développé à temps plein par une équipe de 5 à 12 personnes réunies en un même lieu, s’appuyant sur des outils et systèmes interactifs ! C’est un idéal, bien sûr…
  • Sélectionner les méthodes agiles adéquates et les adapter au contexte.
  • Shu Ha Ri : suivre, comprendre, adapter. Auquel j’ajouterais améliorer.
  • Bien penser son architecture avant d’appliquer un développement agile.
  • Ne pas oublier de documenter son travail (non par formalisme, mais parce que tout ne peut pas être déduit du code, comme les séquences).
  • L’atelier XP Game qui a vite montré à tous les participants l’intérêt de l’Extreme Programming pour piloter un projet.
  • L’excellent retour d’expérience d’Igeoss qui a adopté les méthodes agiles dès l’origine pour développer ses solutions, avec un réel avantage productif et qualitatif.
  • L’excellente discussion avec Ramiro Sarmiento, agile coach chez Agilii et organisateur de l’Agile Tour 2008.

Parmi les blogs que je lis régulièrement sur le sujet, je vous recommande :

Merci à tous les organisateurs d’Agile Tour 2008 pour cette belle réussite ! Leurs efforts méritent bien ce petit retour.

Journée IHM à Toulouse le 30 juin 2008

Comme l’an dernier, Midi-Pyrénées Innovation et le SIGCHI (Special interest group on computer-human interaction) organisent une Journée Interface homme-machine et interaction innovante. Cette fois-ci, la rencontre se déroulera au Museum d’histoire naturelle de Toulouse le 30 juin 2008.

Au programme, le meilleur de l’ergonomie d’interfaces avec de nombreuses études de cas et des démonstrations : IntuiLab, Thales Avionics, Aeroconseil, Smiths Dectection, Microsoft, Immersive Solutions, Blanc Tailleur, SL Dimension, IRIT, etc. Il y a aura même Metapages, cette boîte de fous furieux (de génie) dans laquelle j’ai passé deux ans inoubliables !

Si l’édition 2008 est aussi réussie que l’an dernier, je vous conseille vivement de vous y rendre !

Agence web ou SSII : que choisir ?

Lors d’une conférence aux RSI Midi-Pyrénées, j’ai été amené à répondre à une question sur le choix du prestataire pour une plate-forme e-commerce. Ma réponse a été suffisamment maladroite et incomplète pour que plusieurs visiteurs me relancent sur le sujet dans les couloirs de Sup Info.

La fameuse question

La question était à peu près : « est-ce que le choix entre agence web et SSII n’est qu’une simple question de coût ? ».

J’ai donc répondu que le débat ne se situait pas là, puisque nous constatons une évolution profonde des agences web et des SSII autour des prestations Internet.

La fameuse réponse

Il y a 15 ans, quand démarraient les premiers projets Internet, il y a avait peu de technologies associées. Juste du HTML, même pas de CSS ! Ce nouveau canal de diffusion servait essentiellement à la communication d’entreprises. Naturellement, ce sont les services de communication et/ou de marketing qui ont hérité des projets Internet et ont, à leur tour, transmis les demandes à leurs prestataires habituels : les agences de communication et de design.

Résultat : ces agences ont créé des départements web autour de méthodes et outils utilisés dans les métiers de création. Il suffit de relire les cahiers des charges des sites web de l’époque pour s’en convaincre…

Puis, tout a évolué très vite. Les technologies ont débarqué à un rythme effréné. Attirés par ce nouveau marché juteux, les agences web ont fleuri (en débauchant des profils d’agences de communication et de design) et ont intégré de plus en plus de profils techniques, sans radicalement changer leurs méthodes. Jusqu’à l’éclatement de la « Bulle Internet » en 2000 et 2001.

Internet avait prouvé son intérêt, mais il fallait l’aborder autrement. Les entreprises ont donc impliqué d’autres profils, ceux de l’informatique, autour de méthodes et outils très différents.

D’une façon générale, les agences web qui avaient survécu au crash, ont continué leur chemin autour de la communication et de la conception de contenu et d’interfaces. Les SSII ont récupéré les développements techniques et l’exploitation des services Internet.

Avec le temps et parce que les deux mondes coexistaient sans réellement se comprendre, les rapprochements étaient inévitables. C’est ce que nous vivons depuis quelques années, avec les fusions-acquisitions d’agences web par les SSII (l’inverse est plus rare).

J’ai conclus ma « fameuse » réponse sur ce point. J’ai donc pris beaucoup (trop) de raccourcis et oublié la suite !

Ce que j’aurais dû ajouter

Bien sûr, se faire manger tout crû par une SSII n’a pas plu à certains responsables d’agences web qui réclament haut et fort leur indépendance et leur culture. Et je leur donne mille fois raison !

Voici donc la suite de ma pensée… qui reste toujours la mienne et soumise à débat.

En réponse à la demande des internautes (dont le comportement a fortement évolué avec la généralisation du haut débit), les acteurs d’Internet se spécialisent. Les profils et les prestations deviennent très techniques et mettent à l’écart les agences web qui n’ont pas su évoluer ou recentrer leur activité. Non seulement les méthodes des métiers de la création côtoient les méthodes de développement logiciel, mais Internet a fini par favoriser la création de nouvelles méthodes (méthodes agiles, développements pilotés par les tests, conception centrée utilisateur, etc.). S’il existe encore des agences web indépendantes, c’est parce qu’elles utilisent ces nouvelles approches.

A côté de cela, une myriade de nouveaux acteurs se focalise sur les marchés de niche : référencement, marketing viral, e-mailing, e-commerce, vidéo web, réseaux sociaux, univers virtuels, veille, développement RIA/RDA, M2M, convergence web / mobile, etc. Cette dynamique structure le marché des prestations Internet et favorise la créativité, technique à l’appui.

C’est ma vision des choses qui ne demande qu’à évoluer grâce à vos commentaires.

Magento et le web sémantique

Si vous êtes à Toulouse le mardi 27 mai et voulez tout savoir sur les solutions internet actuelles, je vous invite à vous inscrire aux RSI Midi-Pyrénées. 19 conférences sont programmées autour de trois thèmes majeurs : le e-commerce, les technologies web et les stratégies innovantes.

J’ai l’immense privilège (et la lourde tâche !) d’être invité à deux conférences pour aborder ces sujets et montrer le résultat d’approches innovantes dans le e-commerce. Je vais donc prendre mon sujet de prédilection du moment : Magento ! Et pour compliquer la chose, j’y ajouterai une dose de web sémantique, grâce aux travaux menés par Ekinos et Mondeca sur de nouvelles interfaces de sites marchands (navigation contextuelle, filtres à facettes, moteur de recherche sémantique, association de produits et conseils d’achat en temps réel, etc.). Et comme un bon exemple vaut mieux qu’un long discours, je prendrai comme support un site e-commerce Magento que nous développons en ce moment.

Je serai ravi de vous rencontrer sur place pour discuter de tous ces sujets qui me passionnent. Si vous venez, faites-moi signe ! Maxime et Florent, je vous ai déjà repérés ! D’ailleurs, merci Maxime pour ton dernier billet : je vais en avoir bigrement besoin mardi !

Dernière chose, si vous loupez Toulouse, l’équipe d’Ekinos sera présente à Paris le 5 juin pour le TEC Paris – Île de France.

Sauvez les développeurs !

Mettre au point des sites web qui fonctionnent avec Internet Explorer 6 relève du défi ! Ce qui devait arriver, arrive : Save the developers!

Pour ma part, j’ai pu mesurer le temps passé à mettre au point une interface pour Internet Explorer 6 : 15 à 25% du temps de développement des interfaces web ! Sans parler de l’énervement au sein des équipes de développement…

Alors, s’il vous plaît, mettez à jour votre navigateur web ! Ce sera bénéfique pour tout le monde : les développeurs pourront concevoir des interfaces plus rapidement, les applications web seront plus stables et vous bénéficierez d’un outil efficace et adapté au web d’aujourd’hui.

Vous avez l’embarras du choix :

Téléchargez Internet Explorer

Si vous tenez à rester dans le giron de Microsoft, installez dès que possible Internet Explorer 7. Les améliorations sont notables, même si nous sommes encore loin d’un résultat idéal. Il paraît qu’Internet Explorer 8 sera enfin un navigateur digne de ce nom. J’attends de voir… Bref, vous l’aurez compris : ce n’est pas mon préféré.

Téléchargez Firefox

Firefox 2 est le navigateur web le plus utilisé par les développeurs, grâce à une interface intuitive et une multitude d’extensions. Seule ombre au tableau : sa gourmandise en terme de ressources mémoire. Mais Firefox 3 apportera un sérieux changement de ce côté. Incontournable et recommandé par les professionnels.

Téléchargez Opera

Opera, c’est LE navigateur web par excellence. Léger, rapide, complet, il a tout pour plaire, en particulier son support quasi parfait des normes du W3C. S’il reste marginal sur les ordinateurs, il est le roi du web mobile !

Téléchargez Safari

Proposé par Apple, Safari est le navigateur web par défaut de MacOS, mais il fonctionne aussi sous Windows. Un bon produit qui possède la magie Apple. Parfait pour l’utilisateur qui ne veut pas s’embarrasser de technique.

Quel que soit votre choix, le plus important est d’abandonner Internet Explorer 6 !

Naviguer dans les graphes, un défi pour la conception d’interfaces ?

Le web sémantique est à la mode. Cette nouvelle « découverte » des notions fondamentales de l’informatique (le web est jeune, qu’il en soit pardonné…) entraîne une évolution des interfaces, à commencer par celles qui facilitent la compréhension et la manipulation de graphes de données.

Exemple avec le site dédié à l’exposition Design and the Elastic Mind du MoMA.

Interface du site web Design and the Elastic Mind
Interface du site web Design and the Elastic Mind.

L’interface (réalisée en Flash) permet de naviguer d’un article à un autre, grâce aux liens typés affichés sur chaque article sélectionné. L’idée est intéressante et l’aspect très réussi, mais l’ensemble manque d’efficacité (la destination d’un lien est imposée et la représentation mentale de l’ensemble est difficile).

Finalement, malgré son âge (7 ans), je trouve Kartoo plus efficace pour naviguer d’une information à l’autre, via leurs relations intrinsèques (même si ces dernières sont déduites de l’indexation des sites et ne gèrent ni l’orientation, ni la composition). Je l’utilise régulièrement quand un moteur « classique », comme Google, ne peut affiner une recherche floue.

Exemple de résultat Kartoo
Exemple de résultat de recherche avec Kartoo.

Autre approche, Visuwords qui tente de typer fortement les relations entre les données. Le résultat est exhaustif, mais, au-delà d’un item (ce que ne fait pas Visuwords), sa lecture nécessite du temps et un effort intellectuel important.

Visuwords
Recherche d’un mot dans le dictionnaire Visuwords.

Malgré le degré de finition de ces quelques exemples (et de tant d’autres glanés sur le web), je reste encore sur ma faim. Est-ce si difficile de concevoir une interface efficace pour naviguer dans des graphes complexes de données ? Je finis par le penser. A croire que notre (mon) cerveau n’a pas naturellement vocation à maîtriser ce type de représentation de l’information qui nous semble pourtant si intuitif…

Au bout du compte, j’en viens à me demander si la manipulation de graphes ne devrait pas être la chasse gardée des machines. Twine semble parfaitement tirer profit de cette approche.

Graphe de données Twine
Un graphe Twine… que l’utilisateur ne verra jamais !
Interface de Twine
L’interface de Twine, simple et pertinente.

Bug Labs crée les « user generated devices »

BUG 2
BUG de Bugs Labs.

Après l’ère du contenu généré par l’utilisateur (user generated content) et alors que nous commençons tout juste à avoir les outils pour créer facilement nos applications (user generated applications), Bug Labs commercialise des briques matérielles bien réelles pour créer ses propres appareils électroniques. Les user generated devices sont nés.

La gamme BUG se compose de BUGbase, la brique de base sur laquelle viennent se greffer les BUGmodules, tels qu’un capteur GPS, une caméra vidéo, un écran tactile, un capteur de mouvement, des touches, etc.

BUGbase
La BUGbase…
BUGmodules
… et ses BUGmodules.

Même si Lego le fait depuis longtemps, n’allez pas croire que BUG est un simple jouet ! Vous avez un potentiel créatif sans limite, servi par une excellente utilisation de la programmation orientée objet, l’objet ayant dans ce cas une réalité matérielle peu fréquente. Pour développer les fonctions de son appareil, le « créateur-concepteur-utilisateur » dispose d’un environnement de développement (BUG SDK, fonctionnant sous Eclipse) qui repose sur des technologies éprouvées (Java + framework OSGi).

BUG SDK
Le BUG SDK en action.

C’est donc tout naturellement que Bug Labs vient de remporter un CES award 2008.

Shoogle, votre téléphone mobile en sera secoué !

Lorsqu’en 2006, je défrichais le terrain de la téléphonie mobile pour quelques projets innovants (dont Goojet), certains ergonomes et designers préconisaient de se servir du mouvement pour manipuler les téléphones dans des contextes d’utilisation particuliers (déplacement, obscurité, discrétion…).

Aujourd’hui, les premiers résultats sont là et le projet de l’université de Glasgow le montre parfaitement.


Le projet Shoogle de l’université de Glasgow.

Le projet Shoogle met ainsi en oeuvre les capteurs de mouvement de certains téléphones pour simuler des interactions du monde matériel, comme secouer un objet pour savoir ce qu’il contient. La modélisation des sons reproduits repose sur une approche purement physique (principe de masses ancrées, ressort, friction, collision, granularité de surface), d’où la grande fidélité de restitution.

Source : InternetActu