Ce n’est pas la première fois que je vous parle de Décathlon car c’est un site que j’aime beaucoup. Je vous propose ce soir de découvrir le nouvel espace Running qui bénéficie d’un traitement particulier notamment au niveau de la sonorisation de l’interface :

Tous les éléments de l’interface sont associés à des retours sonores (blip, bloup, tic…) qui donnent du relief à cette page et permettent de rythmer la découverte de la page « à tâtons » (en baladant la souris sur l’écran). Il y a un côté très ludique dans cet écran qui me fait penser aux interfaces des jeux vidéo (qui font un usage systématique des retours sonores).

Cette section propose également un assistant au choix très sympa :

Des réglettes permettent d’activer des filtres et de réduire la liste de résultats de produits. Simple mais bien réalisé car les boutons et tirettes ont un volume suffisant pour donner envie de les tripoter.

Notez que l’on retrouve le même interface dans l’espace Carpe (ou plutôt « pêche », non ?).

Suite à la publication d’un tutoriel il y a quelques années (Des tableaux plus simples, oui je sais il y a un problème d’encodage) je me rend compte qu’il y a bien longtemps que je n’ai pas abordé le sujet des tableaux. C’est bien dommage car il ne se passe pas un jour sans que je croise un tableau de données en ligne.

Même si aujourd’hui la conception de tableaux de données ne pose plus trop de problème, la complexité de certains tableaux pousse les concepteurs à utiliser des astuces pour gagner de la place et faire rentrer dedans toujours plus de données et de fonctionnalités. Je vous propose donc de découvrir ces trois articles qui listent des cas très intéressants : Ultimate guide to table UI patterns, Ultimate guide to table UI patterns (même titre) et 15 Tips for Designing Terrific Tables. Je vous propose donc ma sélection d’exemples.

Chez BlinkCampaign nous avons une alternance des couleurs des rangées et des données affichées sur deux lignes :

Chez PulseApp nous avons des sections en guise de séparateurs :

Chez BuildItWith.me nous avons des filtres dignes d’une application Apple :

Chez Dropbox nous avons un menu déroulant d’actions contextuelles :

Enfin chez Mint nous avons de l’édition en ligne des lignes avec la possibilité de dérouler un panneau pour les données complémentaires :

Tout ceci est très inspiré et nous prouve qu’il est possible de construire des interfaces applicatives très performantes à partir de « simples » tableaux.

Adobe vient tout juste de lancer un nouveau service à sa suite collaborative Acrobat.com : Workspaces (« Espaces en ligne » en français). L’objectif annoncé de ce nouveau service est de faciliter la collaboration et le partage de documents en ligne : Acrobat.com Takes a New Step Today – Workspaces. Inutile de vous refaire le pitch sur la difficulté de gérer le partage de documents par email, la gestion des versions… car vous le connaissez par coeur.

Rien de très disruptif dans cette nouvelle fonctionnalité, car d’autres le propose depuis longtemps comme Drop.io, mais une intégration étroite avec la suite d’applications déjà en place (ConnectNow, Buzzword, Presentations, Tables, PDF Creator…).

Je trouve un peu présomptueux de présenter cette fonctionnalité comme un outil de collaboration. Tout au plus il s’agit d’un outil de partage de fichier, et j’aurais tendance à penser que les fichiers sont un frein à la collaboration. Car force est de constater que sur cette plateforme il ne se passe pas grand chose en dehors des fichiers (« change, révision, commentaires…). Il y a bien un outil pour faire des réunions virtuelles, mais il manque une solution de collaboration asynchrone pour compléter ce tableau. En ce sens, je suis bien d’accord avec l’article de The Next Web (dont le titre est trompeur) : Adobe Launches “Workspaces”, a Project Management Tool.

La gestion de projet, ou plutôt la collaboration au sein d’une équipe projet, est encore absente de la plateforme, rendant ainsi les collaborateurs toujours dépendant de leurs emails. Il existe pourtant d’innombrables solutions de collaboration en ligne (cf. Ne confondez plus gestion de projet et collaboration en ligne) qui pourraient parfaitement compléter le tableau sans nécessairement faire de l’ombre aux autres services (où sont les discussions « libres » ?). D’autant plus que la plateforme Acrobat est payante, cette lacune est donc inacceptable. Considérons que ceci est la conséquence de l’héritage culturel d’Adobe, inventeur du format PDF et acteur historique de la gestion documentaire.

Conclusion : Il leur reste encore un peu de route avant de proposer une offre cohérente et s’extraire de la dépendance des fichiers et emails.

Si vous êtes un(e) habitué(e) des blogs alors vous devez forcément connaître Gravatar, qui est la contraction de Globaly Recognized Avatar (cf. Mettez des visages sur vos commentaires avec Gravatar). Le but de ce service est d’humaniser les commentaires des blogs en affichant la photo (ou l’avatar) des auteurs des commentaires. Comment font-ils ? Tout simplement en vérifiant si l’email laissé par le commentateur est présent dans leur base (la création de compte est gratuite). Pour la petite histoire ce service a été racheté il y a plusieurs années par Automattic, la maison-mère de WordPress, et est disponible sur quasiment toutes les plateformes de blog (WordPress, MovableType, TextPattern, Expression Engine, Blogger, LiveJournal…) et les CMS du marché (Joomla, Drupal, Nucleus…). Bref, en quelques années Gravatar est devenue LA technologie de référence pour agrémenter les commentaires d’avatars et pour simplifier grandement la tâche de celles et ceux qui veulent maîtriser leur image.

« Maîtriser leur image« , ça fait un peu « gestion de l’identité numérique », vous ne trouvez pas ? Et c’est justement la direction que l’éditeur a voulu prendre dans la toute récente évolution du service : Gravatar-Powered Profiles. L’idée est donc de lier chacune des ces vignettes (les avatars) au profil des membres :

En ce sens Gravatar se positionne donc en concurrence directe avec d’autres services de gestion de profile comme Yahoo! Profiles ou Google Profiles, à la grande différence que les membres de Gravatar (22 millions au dernier comptage) sont déjà massivement présents sur la blogosphère. Or, les blogs étant très bien référencés, les liens vers les profils des commentateurs le seront aussi. Nous sommes donc bien en présence d’un réseau social distribué qui vit et se diffuse au sein de la blogosphère (au même titre que MyBlogLog) : Gravatar Has Just Become an 22 Million+ Strong Social Network.

Voici donc une nouvelle très intéressante car elle ramène la compétition sur un territoire où l’éditeur est en position de force. Pour être plus précis, cela fait un petit bout de temps que je surveille de près Automattic car ils éditent des services et solutions qui ne sont pas aussi médiatiques que Facebook mais sont des piliers des médias sociaux (WordPress, bbPress, PollDaddy…) ainsi que d’autres qui risquent de s’installer durablement et modifier la chaîne de valeur des médias sociaux (BuddyPress, IntenseDebate, GlotPress…). La chaîne de valeur ? Oui tout à fait, celle qui repose sur le contenu (production, traduction, enrichissement…).

Je ne suis pas devin mais j’ai comme l’impression que l’orientation stratégique d’Automattic est de s’imposer comme un maillon essentiel des médias sociaux d’arrière-garde (blogs, forums…) et de laisser les autres s’entre-tuer sur des terrains ultra-compétitifs comme les réseaux sociaux ou le micro-blogging.

Il y a de fortes chances pour que vous ayez déjà un compte Gravatar, je vous invite donc à le mettre à jour en prévision de l’ouverture des profils publics qui devrait arriver très vite.