Christophe Le Bot

  • Navigation rapide
Pratique de la conception numérique

Derniers commentaires

  • Récupérer le dernier auto-incrément MySQL avec PHP
    • chanteur06 | salut , une question : comment je remplace ça svp? >> $id_resto_tmp = mysql_insert_id(); mysql_query(‘INSERT INTO users_restos SET id_user=\ ».$_SE...
    • franky | Je pense que c’est ton commit qui n’est pas bon… relis le code de la fin de l’article… A+ utile plus de 5 ans après…
  • Test d’interface : paiement d’amendes en ligne
    • loren | L’algorithme surpuissant imaginé par les grands cerveaux de cette administration élimine la 5eme case lorsque les 3 premiers chiffres entrés par le citoyen verbalisé sont égaux. Pour...
  • Simile Exhibit 2.0 officiellement en français
    • Christophe | Il n’y a rien à faire. Exhibit détecte la langue du navigateur et charge le fichier de traduction correspondant. Facile !
    • Cess | Bonjour, Je viens de m’embêter avec Exhibit à essayer de bidouiller un affichage en français et je viens de tomber sur votre post ! Comment fait-on pour installer Exhibit en français?
 

Archives de la catégorie
Inspiration

La documentation de Magento 1.0 est en ligne

Depuis le lancement de la version 1.0 de Magento, tous ses utilisateurs attendaient (impatiemment !) sa documentation. Elle est désormais disponible sur le wiki officiel.

C’est long, précis et bien écrit. Amplement suffisant pour comprendre le fonctionnement et les atouts extraordinaires de cette plate-forme e-commerce.

Bonne lecture !

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.

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

Nouvelle année, nouvelles idées

Je souhaite que 2008 soit, pour nous tous, une nouvelle année de création, d’innovation et de réalisation. Avec beaucoup de satisfaction à la clé !

Internet qui fêtera ses 18 ans cette année, sera encore et toujours une source d’inspiration inépuisable. Un florilège pour bien commencer l’année :

Johnny Chung Lee. Etonnant tracking via la caméra infrarouge de la télécommande WII (novembre 2007).


AudioFaktor. Création musicale collaborative par des étudiants du Department of Computer Science (Daimi) de l’Université d’Aarhus (février 2007).
Projet Wiiwiiwiiwii
Wiiwiiwiiwii project. Ou comment jouer de la musique avec la Wiimote (septembre 2007).

Scratch. Un incroyable environnement de programmation accessible aux enfants, créé par Mitchel Resnick du fameux Medialab (mai 2007).
Pianoteq
Pianoteq. La modélisation numérique d’instruments est enfin une réalité commerciale grâce à cette série de pianos de toute beauté… et un beau succès mondial pour une entreprise toulousaine (avril 2007).

L’ère de l’overdose du savoir

Je cherchais depuis quelques temps une réponse à mon malaise persistant. John Maeda me l’a donnée :

Aujourd’hui, nous avons accès à tellement de choses, à des choses dont nous n’avons même plus besoin, c’est devenu un problème : beaucoup d’occasions d’apprendre, mais pas de temps pour apprendre.

Sous l’apparente évidence de cette phrase, se cache un bouleversement de taille : c’est la première fois que l’être humain se trouve dans cette situation !

Certes, on peut relativiser ces propos quand on sait que la moitié de la population française n’a pas un accès régulier à Internet…

Via Etienne Mineur

Une interface tangible… en pots de yaourt !

Voilà une découverte qui me sort de ma léthargie bloguesque : une interface tangible composée de carton et de pots de yaourt !

Lors d’un précédent article, j’avais présenté le projet Reactable, un instrument de musique électronique collaboratif avec interface tangible multi-touch. Au-delà de la définition qui semble noyer l’incrédule dans un discours technico-commercial bien ficelé, la vidéo de démonstration suffisait à comprendre l’intérêt de la chose. La voici, rien que pour le plaisir :


La Reactable, projet du MTG de l’Université Pompeu Fabra de Barcelone.

Encore un projet de recherche inabordable pour l’internaute bêta ? Cette fois-ci, non, car une partie du projet Reactable est mise à disposition de tous en open source. Il s’agit de reacTIVision, le composant applicatif qui permet de capter les mouvements des objets sur la table.

Il n’en fallait pas plus pour qu’un ingénieux bidouilleur crée sa propre surface tangible, avec si peu de moyens que tout internaute peut l’avoir chez soi ! Voilà le résultat :

Interface tangible économique avec reacTIVision

Grâce à ce didacticiel clair et précis, vous avez là un excellent moyen de recycler vos pots de yaourt ! Très tendance.

Nouvel iMac, et toujours le même phénomène…

Le nouvel iMac d’Apple vient de sortir. Encore une fois, il suffit de voir ce produit Apple pour qu’immédiatement tout ce qui existait auparavant ait un petit air d’obsolescence…

Je ne vais pas m’étendre sur ses caractéristiques puisque des centaines d’autres sites l’ont déjà fait. J’en garde juste une image redoutable.

Comparaison iMac / Dell XPS 410
Comparaison iMac / Dell XPS 410 (photo Apple).

Ce que j’aime dans cette comparaison, c’est qu’Apple a fait l’effort de choisir une machine concurrente au « design soigné » qu’on pourrait qualifier de « belle » dans le monde PC. Pourtant, le fossé qui sépare Apple des autres constructeurs en matière de design et d’innovation est abyssal…

Définition de la créativité

Une définition de la créativité par Sir Ken Robinson :

La créativité est la capacité de pouvoir apporter de nouvelles idées qui ont de la valeur.

Source : L’école tue la créativité… selon Ken Robinson – Gwix.net

Le web 2.0 par l’exemple ? Commencez par cette liste !

Si votre voisin de pallier vous demande à quoi sert le web 2.0, autant lui montrer des exemples de référence. Pour nous épargner des jours de sélection et de tests, Christophe Lefevre nous propose une liste de services en ligne largement démonstrative, classée par catégorie.

Bien sûr, c’est tout aussi efficace avec un client un peu conservateur…

Source : Le Top du Top du web 2.0 international

Entreprise 2.0 et management

C’est Christian Fauré qui a la bonne petite phrase du jour :

Avec l’entreprise 2.0 c’est le management qui fait confiance aux salariés, et non le management qui demande la confiance aux salariés.

Source : L’Entreprise 2.0