Articles étant taggés ‘Design-des-interactions’

Des tonnes de vidéos sur l’Information Architecture TV

Vous en rêviez ? Ils l’ont fait : Information Architecture TV.

IATV.jpg

En fait de télévision, c’est plutôt un blog sur lequel vous trouverez un ensemble de vidéos traitant de sujets aussi variés que l’architecture de l’information, l’utilisabitilté, l’interaction design, la conception centrée sur l’utilisateur…

Toutes ces vidéos sont en fait extraites de Youtube mais le travail de sélection et de catégorisation réalisé par Jan Jursa(du blog Hot Strudel) est tout à fait remarquable.

Un must pour les passionnés d’ergonomie et pour les concepteurs de sites web.

La fondation Mozilla intègre les équipes de Humanized

Souvenez-vous, il y a quelques temps je vous parlais de Songza, un moteur de recherche musicale avec un concept très intéressant d’interface transparente.

Et bien figurez-vous que la fondation Mozilla vient d’annoncer qu’elle avait recruté une grosse partie de l’équipe de Humanized, la société à l’origine de Songza : Mozilla Hires Humanized Founders. Parmi les personnes recrutées, il y a (entre autres) Aza Raskin le fils de Jef Raskin, une pointure de la conception d’interfaces.

Mozilla_Humanized.png

C’est une très bonne nouvelle dans la mesure où les équipes de Humanized sont également à l’origine d’un produit remarquable : Enso Launcher qui permet de lancer tout un tas de commandes à partir de commandes au clavier. Je vous recommande à ce sujet la démonstration vidéo ainsi que cet article : Enso est une merveille.

Il y a fort à parier que les personnes recrutées chez Humanized vont travailler sur des améliorations portées à l’interface de Firefox (peut-être pour la version 4 ?).

Connaissez-vous la simplexité ?

Je vous propose de découvrir un concept qui me tient à cœur : la simplexité (contraction de simplicité et complexité). Pour faire simple, la simplexité est un art qui consiste non pas à simplifier un produit complexe, mais plutôt à rendre à priori simple un produit qui ne peut pas être simplifié sous peine de ne pas remplir sa fonction.

La première fois que j’ai entendu parler de ce terme c’était chez Renault où un réel effort est déployé pour améliorer le confort d’utilisation et la lisibilité des tableaux de bord (SVP pas de troll dans les commentaires). Mais cette notion s’applique à de multiples domaines comme le design (exemple ici : Quand les constructeurs de l’EGP misent sur le design), l’art (notamment avec des artistes comme Constantin Brâncuşi) ou encore le managment (Manager soyez dans l’art de la simplexité).

C’est d’ailleurs de ce dernier article que je tire une première définition : “Art qui consiste à rendre simple les choses compliquées et à vulgariser le monde dans le but de le mettre à la portée de tous“.

Appliquée à la conception d’interfaces web, qu’est-ce que ça pourrait bien donner ? Voilà ce que je vous propose : “Une interface à la simplicité apparente pour un service à la complexité induite“.

Illustration avec Gmail et son interface de rédaction d’un email : les options sont nombreuses (car c’est comme ça que les systèmes de messagerie fonctionnent) mais les équipes de Google ont trouvé l’astuce en masquant un maximum de choses.

Regardez bien cette copie d’écran, à gauche la version initiale (à l’ouverture de la page) et à droite la version complète (avec toutes les options déployées) :

Gmail1.jpg Gmail2.jpg

L’impression de simplicité à l’ouverture de la page est réelle, par contre en cliquant sur différents liens on s’aperçoit que toutes les options sont bien là. Et voilà : simplicité apparent pour un service à la complexité induite.

Et vous, ça vous inspire quoi ?

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.

DesigningInterfaces.gif

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).

oSkope expérimente de nouveaux modes de présentation des listes de résultats

Connaissez-vous oSkope ? Il s’agit d’un moteur de visualisation des résultats de recherche en provenance de sites marchands (Amazon, eBay) ou de sites de partage (FlickR, YouTube).

Les résultats de recherche peuvent ainsi être présentés sous forme de grille, pile, bazar, liste ou encore graphique.

Ici le mode stack :

oSkope_Stack.jpg

Et ici le mode graph :

oSkope_Graph.jpg

Voici donc une expérience intéressante à mi-chemin entre Kartoo et les expérimentations visuelles de Jonathan Harris (We Feel Fine, Universe…).

(merci à François pour le lien)

Des menus contextuels dans Google Docs

Aviez-vous remarqué l’apparition de menus contextuels (clic droit avec votre souris) dans Google Docs :

GoogleDocsContextMenu.png

Une implémentation intéressante dans la mesure où :

  •  cet usage est très intuitif car lié à la façon dont nous manipulons les applications hors-ligne ;
  • les fonctions proposées sont répliquées en haut d’écran (pour que l’application reste opérationnelle avec ceux qui ont des problèmes de compatibilité) ;
  • le traitement graphique est d’une sobriété exemplaire (des icônes pour faciliter le repérage, des séparateurs pour un regroupement logique).

Bref, ce n’est pas neuf mais encore une fois très bien exécuté par les équipes de Google. Espérons que ces menus contextuels seront bientôt présents dans une prochaine version du Google Web Toolkit. (via Google Operating System)

Google + Ligne de commande + Wiki = YubNub

Et c’est reparti, encore un nouveau concept à base de remix : YubNub.org. Le principe est le suivant : c’est un moteur de recherche dans lequel on peut taper des instructions en abrégé (un peut comme des lignes de commandes sous MS Dos ou Unix). Par exemple, gim permet de faire de la recherche d’image sur Google (Google IMage), wp permet de faire une recherche spécifiquement sur l’encyclopédie Wikipedia…

Là où ça devient intéressant, c’est que toutes ces commandes abrégées sont créées et maintenus par les utilisateurs eux-même (un peu comme dans un WiKi). D’ailleurs, le créateur du site le définit comme un meta-moteur de recherche à lignes de commande sociales.

Logo du site YubNub

Bon OK, c’est un peu vague comme description mais il faut le voir fonctionner pour se rendre compte du potentiel du bazar. (via Outils Froids)

Yahoo : 1 – Google : 0

Luke Wroblewski (une des stars montantes de l’ergonomie et de la conception d’interface) vient de réaliser un comparatif des interfaces des différents services concurrents offerts par Yahoo! et Google : Google vs. Yahoo! Interface Design. En tout ce sont près de 25 services qui ont été analysés (recherche, cartographie, shopping…) et le verdict est tombé : les interfaces des services de Yahoo! sont plus performants pour inciter les internautes à passer à l’acte et proposent en règle générale des réponses plus pertinentes du fait de l’intégration de chaînes ‘verticales’ (finance, voyages, sports, automobile…).

Une bibliothèque de ressource sur le design d’interactions

L’Interaction Design Group vient de mettre en ligne une bibliothèque de ressources sur la discipline de la conception d’interaction : ID Resource Library. On y trouve plein de choses intéressantes. A mettre d’urgence dans vos favoris au même titre que la bibliothèque de ressources sur l’architecture de l’information de l’IA Institute : Information Architecture Library.

Un concurrent pour Kartoo

Ca y est, depuis le temps que notre Kartoo national était le seul à évoluer dans la niche des moteurs de recherche qui restituent les résultats sous forme de carte, voici venir un sérieux concurrent : Grokker. Dans la copie d’écran qui suit, j’ai effectué une recherche sur ‘RIA’ :

Première copie d'écran du moteur de recherche Grokker

La carte de réponse ressemble à un ensemble avec des sous ensembles. En passant la souris sur un carré, j’ai la description du résultat trouvé. Lorsque je clique sur un sous-ensemble j’obtiens une vue rapprochée :

Deuxième copie d'écran du moteur de recherche Grokker

Encore une fois au survol de la souris j’ai des informations complémentaires. Pas mal, mais il faut impérativement avoir le plug-in Java pour le faire fonctionner (alors que Kartoo exploite la technologie Flash). Pour plus d’infos, je vous conseille la visite guidée (lien ‘Take the tour’ en page d’accueil).