FredCavazza.net

Malgrè tout ce que l’on peut en penser, Powerpoint est l’outil sur lequel je travaille au quotidien, notamment pour réaliser mes prototypes de sites web. Prototype, wireframe, storyboard… appelez-ça comme vous voulez, toujours est-il que je n’ai pas encore trouvé mieux pour faire du prototypage rapide et réaliste.

Pour celles et ceux que ça intéresse, je vous propose la lecture d’un billet publié sur le blog SuperFiction (Création de wireframes (article 1/3) : utiliser Microsoft Powerpoint) qui décortique les avantages et inconvénients de cet outil. Tiens d’ailleurs Éric va même organiser un workshop avec les Designers Interactifs sur ce sujet.

Bon bref, tout ça pour dire que j’avais publié il y a quelques temps (plus de 3 ans) mes gabarits de wireframes dans le cadre de l’Information Architecture Institute : CavazzaWireframe.ppt. Il fut un temps où il existait une version en français mais impossible de remettre la main sur le fichier…

Et bien figurez-vous que l’on vient de me faire découvrir des gabarits tout à fait au goût du jour : PowerPoint Prototyping Toolkit (release 0.2). Ces modèles servent à réaliser des prototypes d’applications avec un look & feel à la Vista tout à fait réalistes :

Et comme ils sont sympas, ils expliquent même comment ajouter de l’interactivité : Microsoft Design prototyping with PowerPoint. Bon par contre ça ne fonctionne qu’avec Powerpoint 2007 (et donc Windows Vista).

Autant je suis convaincu de l’intérêt de faire du prototypage rapide avec PPT, autant je me demande si pousser le niveau de détail aussi loin ne brouille pas la fonction première de cet outil de travail… Regardez par exemple ce prototype réalisé pour le site SplitGames (le souci du détail est avant tout porté sur le contenu de la page et non sur les fenêtres en elles-mêmes) :

Et vous : Avec quoi travaillez-vous ? Jusqu’où allez-vous dans le réalisme / niveau de détails ? (via Frédéric via Christophe)

Les architectes de l’information et autres concepteurs qui ont déjà essayé de normaliser leur travail (arborescence, cas d’utilisation, diagrammes fonctionnels…) savent à quel point il est délicat de vouloir adopter un minimum de formalisme.

Pour faire simple : les concepteurs d’applications ont UML (entre autre), les concepteurs d’interfaces eux n’ont pas grand chose ! Il y a bien le Visual Vocabulary, mais il date de 2002 !

Heureusement qu’Alex Jongman est là pour nous pondre le Universal Information Architecture Modeling Language : UiaML.

Ce projet (qui a été présenté lors de l’EuroIA 2007) n’en est qu’à ses premiers pas mais on devine déjà une forte ambition pour pouvoir faire émerger quelque chose de constructif. Il existe déjà un certain nombre de low fidelty patterns comme cette représentation d’un champ texte :

Dans le même ordre d’idée il existe également le Graphical User Interface Modeling Language (qui visiblement n’a pas beaucoup évolué ces dernières années).

Difficile pour l’instant de se prononcer sur l’intérêt d’un tel formalisme dans notre profession. Le plus sage est encore de voir comment va s’enrichir ce langage et surtout de le tester sur des projets pour éprouver son utilité réelle.

Louis Rosenfeld, le pape de l’architecture de l’information vient de publier les résultats d’une enquête sur l’avenir de la discipline : Whole lotta IA survey results now available.

Là où cette enquête nous révèle des choses très intéressantes, c’est sur les nouveaux domaines d’application de cette discipline : What’s New in IA?.

Les résultats nous dévoilent en effet les prochains défis que devront relever les concepteurs et autres ergonomes :

• les modèles d’interaction au sein d’une même page (sur lesquels reposent tout l’intérêt des interfaces riches) ;
• les modèles d’organisation orientés utilisateurs (nuages de tags, folksonomies…) ;
• les modèles de navigation / de structuration des contenus générés par les utilisateurs (notes, commentaires, billets…) ;
• les modèles fonctionnels appliqués à des services en ligne non-commerciaux (réseaux sociaux…).

Ces considérations sont exactement au coeur de mes réflexions du moment (qui tournent essentiellement autour du web 2.0), et ils seront surtout au coeur de mon intervention lors de la future Journée Mondiale de l’Utilisabilité 2006 du 14 Novembre prochain.

Vous habitez Berlin (ou à proximité) ? Vous vous intéressez à l’architecture de l’information et à la conception de sites web ? Alors ne ratez sous aucun prétexte le second sommet européen de l’architecture de l’information qui se déroulera le 30 septembre prochain à Berlin : Euro IA 2006.

Cet événement se déroule sur 2 jours et permettra à des grands spécialistes de l’architecture de l’information de s’exprimer. Je vous invite à jeter un oeil sur le programme pour vous motiver.

(merci à Manjari pour l’info)

Voilà près d’un an et demi que j’ai commencé à vous parler des folksonomies. Depuis, beaucoup d’eau (numérique) à coulée sous les ponts (virtuels). Le toujours très bon Joshua Porter nous propose en ces jours de canicule un très bon article de rattrapage : Folksonomies: A User-Driven Approach to Organizing Content.

L’auteur y retrace ainsi la genèse des folksonomies en expliquant le concept de taxonomie et en décrivant le casse-tête auquel sont confrontés les concepteurs de sites : rajouter toujours plus d’informations, encore et encore et encore. Il donne également une très bonne définition du terme et s’essaye même à un peu de prospective : si aujourd’hui les folksonomies sont cantonnées à certains domaines d’application (services de partage de photos ou de bookmarks), le besoin de proposer des modes d’accès à l’information intuitifs et cohérents au sein de grands sites de contenus (ou de sites institutionnels) va pousser les concepteurs de site à se tourner vers des solutions de classification alternatives à la très classique arborescence.

Dans cette quête, les folksonomies sont probablement la solution la plus prometteuse pour réduire le fossé entre la vision des utilisateurs (qui utilise des mots de tous les jours) et celle des concepteurs (qui doivent faire en fonction de la culture et l’organisation d’une entreprise). Encore faut-il prendre le risque et sauter le pas…

En tombant sur une vidéo virale vantant les méritent d’un service de Poker en ligne (plus d’infos ici : Non-Sex Poker Viral Better Than Sex Viral), j’ai découvert un site tout à fait remarquable : PokerRoom.

Remarquable parce que :

1. très limpide dans son rubriquage et système de navigation ;
2. très sobre avec un traitement graphique sans fioritures ;
3. très rassurant avec ses récompenses et ses garanties de sécurité (Safe, Secure and Awarded) ;
4. très incitatif avec ses boutons d’action qui ressortent immédiatement ;
5. très persuasif avec son argumentaire complet (Join PokerRoom.com).

Bref, une véritable perle dans sa conception et sa structuration. Vous remarquerez également le bandeau d’identification en haut de page qui ne prend quasiment pas de place ainsi les petites étiquettes sur le côté de la page pour basculer d’un univers à un autre.

Voici une initiative audacieuse et remarquable (du moins aux yeux d’un concepteur de sites web) : placer le plan du site ainsi que l’ensemble des informations de contact dans le pied de page.

Nous devons cette initiative à une communauté religieuse de Seattle : The City Church.

Quand je dis communauté religieuse, n’allez pas vous imaginer des moines en soutane, mais plutôt une paroisse avec de très gros moyens et surtout un dispositif de communication très au point. Vous remarquerez ainsi la façon très élégante avec laquelle ils vulgarisent les podcasts du pasteur (deux boutons : Listen et Download).

Tout ça pour dire que cette astuce de conception est loin d’être dénuée de sens et que je suis surpris par l’ingéniosité et l’efficacité de ce dispositif : les utilisateurs ayant l’habitude de parcourir la page vers le bas pour trouver l’information qu’ils cherchent, c’est généralement dans le pied de page que l’on retrouve des liens vers le plan du site et la page contact (plus d’infos dans un précédent billet). Y inclure directement les informations, c’est gagné un clic quelque part.

Et vous, qu’est-ce que ce choix vous inspire ?

Vous connaissez les utilisateurs-types ? Mais si enfin, j’ai déjà eu l’occasion de vous en parler.

Rassurez-vous, je ne vais pas vous proposer une énième définition mais plutôt un exemple de mise en oeuvre chez Yahoo! où ils utilisent des fiches d’utilisateurs-types sous forme de dépliants lors de leurs réunions d’équipe de conception :

Voici un cliché assez grossier des fiches d’utilisateurs-types :

Qu’est-ce que vous en pensez ? Sympa comme pense-bête, non ? (via UIE Brain Sparks)

Après Yahoo!, c’est au tour de Snap vient de lancer une nouvelle version de sa page d’accueil… et du reste de son site : Snap.com, et le résultat est très intéressant.

Commençons par la page d’accueil :

D’une simplicité à toute épreuve, elle propose néanmoins un système de saisie prédictive (à la Google Suggest) ainsi que la possibilité d’afficher ou de masquer les dernières nouvelles du jour (lien Show top News Headlines).

Nous avons ensuite une page de résultats particulièrement réussie :

On retrouve sur cette page :

• une structuration assez particulière avec les résultats listés à gauche sous forme de liste infinie (sur le principe du Live Grid) ;
• la possibilité de parcourir la liste des résultats avec les flèches du clavier (comme sur le Google Reader) ;
• des captures d’écran comme sur A9 ;
• différentes tailles d’affichage des vignettes comme sur Windows Live…

Vous l’aurez compris, Snap nous a réalisé un pot-pourri des meilleures pratiques du secteur de la recherche et le résultat est plutôt bon avec une ergonomie et une expérience de recherche différenciante. D’ailleurs ils en parlent très bien : Why Snap is Better.

Souvenez-vous, il y a quelques temps je vous parlais d’expérimentations autour d’une nouvelle page d’accueil pour Yahoo!. Et bien c’est chose faite, elle est en ligne : Yahoo.com.

Au programme des nouveautés :

• un haut de page moins chargé avec l’apparition de Yahoo! Answers à un emplacement stratégique (tout près du moteur de recherche) ;
• les chaînes qui s’affichent maintenant sur la colonne de gauche avec des pictos en primes ;
• des onglets des quasiment toutes les cartouches pour diminuer la densité d’information ;
• un gros bloc où sont concentrés les services personnalisés ;
• l’apparition de deux nouveaux services collaboratifs (Marketplace et Pulse) ;
• un code source utilisant le positionnemnet CSS (et beaucoup de javascript aussi) ;
• l’utilisation de nombreux patterns (ils en parlent sur leur blog)…

Pas mal de nouveautés donc pour cette nouvelle version qui est plutôt réussie. Vous aimez ?

MAJ (15/05/2006) : On me signale que cette nouvelle page d’accueil n’est visible que par les utilisateurs d’IE6 et de Firefox (merci Pilgrim) et qu’il existe une version française (merci Smadje)