Olivier Courtois

Très très en retard je l'accorde j'ai enfin eu l'occasion de voir le film Her avec l'ensemble de l'équipe Sensorit. Nous avons saisi l'occasion de sortir hors de nos murs pour nous inspirer. Et je dois dire que nous n'avons pas été déçus.

Personnellement j'ai vraiment adoré l'esthétique du film et sa narration... mais surtout les questions qu'il soulève :)

Comme Florian et moi avons essayé de l'expliquer lors de notre dernière conférence, nous partageons cette vision minimaliste du futur de l'informatique. Le monde que dépeint Spike Jonze dans Her est étonnamment proche de nous et diffère de ce à quoi Hollywood nous a habitué : fini les interfaces omniprésentes, les hologrammes à tout va et une informatique qui s'impose à nous. Ici la plupart des comportements décrits prennent racine dans notre quotidien, les technologies sont à leurs places : une oreillette, une émanation plus chaleureuse du smartphone proche d'un objet de maroquinerie actuel, des écrans minimalistes en bois, etc... une vision intéressante où le monde est centré sur l'humain, une utopie avec ses avantages mais aussi ses inconvénients. A tel point que l'interaction se concentre quasi exclusivement dans la voix...

--- Attention spoiler

Pour retrouver les questions soulevées par le film je vous invite à lire l'article de RSLN ou le plus nuancé billet d'Ubsek et Rica. 

Pour détailler les interfaces et les éléments d'interactions vous devez absolument lire les billets de Christopher Noessel, auteur de l'excellent blog/livre Make It So, dans lesquels il décrypte avec brio les interfaces issues de la science fiction. 

Her interface components

Her interactions

OS1 as a wearable computer

OS1 as product

Lessons about Her

Comme prévu j'ai donné avec mon collègue Florian Roualin une présentation sur le futur (probable) des interactions le 28 mars chez Microsoft. Nous avons pris beaucoup de plaisir à exposer notre vision ainsi qu'à discuter avec les personnes à la sortie. N'hésitez pas à laisser un commentaire si vous étiez là. Nous cherchons toujours à progresser :) 

Pour revoir ou découvrir la présentation : 

 - J'ai aussi pris le temps de créer une version commentée

 - Le slideshare

Si vous n'avez pas encore vu l'évènement ou que vous hésitiez encore à vous inscrire, sachez que Microsoft organise sur son campus une conférence : "Windows 8 et l'UX, comment améliorer les interactions développeurs / designers". 

Vous assisterez à une après-midi de conférence donnée par des représentants de 9 entreprises qui vous livreront leurs retours d'expériences.

Quant à moi j'aurais le plaisir de vous parler de ce que nous réserve (peut-être) le futur en terme d'interactions... Je serais pour ça accompagné de mon collègue Florian Roualin, designer chez Sensorit. 

N'hésitez plus, c'est gratuit et y'a même un pot pour échanger en fin de journée :) Pour vous inscrire c'est ici. 

Je ne vais pas vous parler d'engagement ou d'étiquetage psychologique dont vous pouvez tout découvrir dans l'excellent Petit traité de manipulations à l'usage des honnêtes gens. Ni même de "persuasive design", pratique qui s'en inspire fortement...

Au lieu de ça je vous propose de découvrir un de mes projets coup de coeur de ces dernières semaines : un miroir interactif qui renvoie une image plus positive de vous. 

L'idée brillante de l'équipe de "University of Tokyo’s School of Interdisciplinary Information Studies" consiste à manipuler par ordinateur le flux vidéo d'une caméra pour y incruster un sourire. Ainsi à chaque fois que vous vous regardez dans ce miroir vous voyez une version "augmentée" de vous-même ! Pour cela rien de plus simple, ils utilisent une photo de vous avec une expression triste et une autre où vous souriez : 

La démonstration vidéo : 

Ainsi, pour le meilleur, et malgré la mauvaise qualité actuelle de cette retouche ce projet a des implications hypers positives. Je suis impatient de voir les (bonnes) utilisations dont le procédé bénéficiera...

Pour fêter la rentrée nous nous sommes dit chez Sensorit qu'il serait bien utile de maltraiter travailler avec un/une graphiste en alternance. 

Pour rappel Sensorit est une jeune startup dédiée à la création d'interfaces disruptives. Nous accompagnons de nombreuses sociétés depuis l'étude jusqu'à la réalisation de prototypes grâce à notre équipe pluridisciplinaire : UX designer, Designer Produit, Développeurs, etc… Notre objectif : créer des dispositifs intelligents et utiles, provoquant l'étonnement ou l'émerveillement.

Voici quelques rares exemples publics de nos travaux présentés par Dick Lantim dans cette vidéo : 

Nous cherchons donc un ou une graphiste du cycle supérieur (à partir de Bac+3) en alternance passionné(e) par les nouvelles technologies pour rejoindre notre équipe de 8 personnes. Vous devrez :  

Avoir un bon coup de crayon, nous manipulons de nombreux concepts abstraits, pouvoir les croquer pour itérer s'avère un atout. 

Être capable de créer une identité visuelle qui convienne au client et à Sensorit, couvrant l'interface logicielle jusqu'aux supports de communication. L'important étant de créer les interfaces en collaboration avec un UX designer. 

Un plus serait d'être intéressé par le motion design appliqué aux interfaces/produits.

Surtout n'hésitez pas à envoyer vos cv accompagnés de portfolios à [email protected] ou me contacter sur twitter. 

Aujourd'hui je vous propose de nous pencher sur le design sonore dans l'informatique. Souvent mal connoté et peu utilisé par les designers car ce n'est pas sans rappeler la publicité... il est primordial. Tous les produits iconiques des dernières années ne s'y trompent pourtant pas ! 

Vous aussi profitez des bienfaits du son dans vos applications que ce soit pour renforcer votre identité produit ou pour fournir de nouveaux feedbacks. A l'image du cinéma et des centres commerciaux qui vous donne à vivre une expérience champêtre dans les rayons fruits et légumes...

Quelques exemples célèbres : 

Les sons facebook reconnaissables

L'histoire du son Marimba d'Apple

Le travail réalisé sur le "clic" entre la tablette Ms Surface et son cover

Quelques applications en font même leurs fonds de commerce : 

Thunderspace

Topophonie

L'artiste Giuseppe Colarusso a créé une superbe série d'objets du quotidien complètement détourné pour devenir inutile. Voilà de quoi alimenter votre imaginaire voire même pousser à la reflexion sur l'obsolescence programmée. 

Quelques visuels en suivant ou la collection complète sur le site de l'artiste. 

Je vous propose aujourd'hui de découvrir l'histoire émouvante, touchante et inspirante de Jane ni Dhulchaointi qui a fondé Sugru. Pas besoin de sortir de votre transat juste de lancer la vidéo. 

Dans une intervention de la conférence 99U elle revient sur son histoire personnelle, comment elle a eu l'idée de créer Sugru et sur toutes les difficultés de démarrer sa propre aventure entrepreneuriale. 

Pour info Sugru est une pâte à mi-chemin entre la pâte à modeler et une colle faite de silicone. Pendant la première demi-heure vous lui donnez la forme que vous voulez puis après 24h vous obtenez un matériau durable.

Découvrez cette intervention humaniste, pleine d'espoir et rempli de bons conseils  :

Voilà une très bonne nouvelle selon moi : Infragistics propose un nouvel outil de prototypage très complet et gratuitement (pour sa première version au moins) : Indigo Studio. 

Je suis actuellement en train de l'essayer... il est plutôt convaincant même s'il faudra que je réalise quelques projets avant de le conseiller définitivement. Petite précision : Infragistics ne sponsorise absolument pas ce post ^^

Ce qui est dedans : 

Création d'un storyboard à partir de vos images et bibliothèque de situations habituelles (bien pour ceux qui ne dessinent pas comme moi).

Possibilité de parcourir le storyboard tout en lançant le prototype interactif sans effort (illustré ici). 

Un des supports les plus avancés pour les animations que j'ai vu dans un outil de prototypage (depuis le temps que j'attendais ça)

Outil de wireframing interactif avec bibliothèque de contrôles

Au sein d'un projet : gestion de plusieurs écrans, d'états dans un écran, de flow diagram automatique, etc...

Ce qui manque encore (non exhaustif) : 

Un support plus avancé des gestuelles. En effet de plus en plus d'applications utilisent un vocabulaire commun : flick, swipe, pinch, etc... 

Possibilité de jouer le storyboard en plein écran

Pour le découvrir rendez-vous sur la page du produit ou regardez cette série couvrant les basiques en 6 vidéos : 

Utilisation des storyboards

Création de wireframes

Ajout d'interactions

Ajout d'animations

Annotation et partage

Croquis interactifs

J'étais passé complètement à coté lors de sa sortie mais Sight, réalisé par un étudiant Israélien, est terriblement d'actualité : interface trop présente, confidentialité, réalité augmentée voir inception...

En bref l'histoire dépeint un monde où la majorité des personnes semble équipée d'une émanation plus moderne du smartphone : des lentilles connectées offrant un accès à des applications le plus souvent en réalité augmentée. (cette idée est actuellement à l'oeuvre dans des laboratoires de recherche et n'est pas sans rappeler les célèbres Google Glass). 

Le personnage principal est un ingénieur de la société qui commercialise ce produit, Sight Systems, et nous découvrons une partie de son quotidien. Chez lui puis dans un café lors d'un rendez-vous galant. 

Quelques idées m'ont interpellé :

Chaque action de la vie quotidienne semble avoir une application associée qui "gamifie" cette dernière et la décompose en étapes simples. Même le jeu de la séduction... 

Le personnage principal est souvent enfermé dans un monde virtuel et fait preuve d'un manque d'attention chronique. Ce n'est pas sans rappeler ce que met en avant la dernière publicité Apple. 

La question de la confidentialité dans ce monde est posée. Voire même de la responsabilité de l'entreprise qui dispose de ce type d'informations sur nous : comment être sur qu'elle en fait bon usage?

Je n'en dis pas plus, je préfère vous laisser découvrir le film : 

Depuis mon entrée en fonction chez Sensorit j'ai réorienté ma veille pour notamment tenir compte des nombreuses interfaces visuelles et interactives créées pour le cinéma et la télévision. 

De la science-fiction aux séries télés il faut bien avouer que les interfaces informatiques tiennent un rôle de plus en plus visible à l'écran. Elles deviennent un personnage à part entière. Ce qui est plutôt amusant quand on considère le chemin complètement inverse de nos outils du quotidien qui tendent à se faire invisibles à l'heure des "objets connectés". 

Cette attention renouvelée pour cette forme d'expression m'aide beaucoup dans mon travail. Toutes ne sont bien évidemment pas utilisables dans la vraie vie puisqu'elles assument avant tout un rôle narratif. Par contre elles donnent à comprendre de quoi sera fait l'imaginaire de nos utilisateurs dans les années à venir. Parfois, comme les auteurs de Make It So l'affirment, elles donnent même un objectif à atteindre en terme d'expérience utilisateur. 

Pour vous en nourrir aussi je vous invite donc à consulter les références suivantes : 

J'ai un board pinterest sur lequel je punaise toutes les interfaces qui m'interpellent. 

Vous pouvez aussi consulter le très complet Kit FUI

Ou encore analyser les qualités de chaque interface grâce au blog SciFiInterfaces dont les auteurs ont aussi écrit le livre Make It So. 

Enfin je vous invite à écouter la non moins excellente émission de Xavier de la Porte "les ordinateurs et l'informatique au cinéma - Place de la Toile". 

Avec un peu de retard, puisque l'annonce officielle était mercredi dernier, je voudrais vous parler de Plug par ForgetBox dont la campagne sur kickstarter est un succès en moins de 24h. 

Je ne vais pas rentrer dans les détails de leur histoire dont vous trouverez :

Evidemment un bon résumé sur leur page kickstarter

Mais aussi dans l'article de Rude Baguette. 

Par contre deux points m'intéressent particulièrement : 

Au lieu de persévérer dans une voie qui n'aurait surement pas été fructueuse ils ont passés du temps à redéfinir le problème. Comme la vidéo le met largement en avant cette équipe ne souhaitait pas faire un nouveau dropbox, outil de synchronisation de fichier vers chaque device, mais une mémoire partagée et identique entre tous les devices : "un contexte" pour nos machines. En réalité notre vrai problème en tant qu'utilisateur n'est pas de synchroniser chaque fichier mais d'y accéder sans se poser de question. 

Enfin un vrai travail d'expérience utilisateur a été mené. Plutôt qu'une interface compliquée nous aurons probablement droit à une interface minimaliste couplée à une intégration poussée dans les OS qui le permettent. D'après ce que je vois dans la vidéo je dirais que Mac OS et Windows verront le plug comme un disque local et accèderont aux fichiers de manière transparente. Voire même si je comprends bien l'arborescence s'adaptera à l'OS (le dossier Mes images Windows sera mappé à Images de mon Mac automatiquement). 

Bon ça a l'air super prometteur mais notons néanmoins quelques interrogations ? 

Qu'arrive-t-il si le disque dur externe décède ? Pour être sûr de soi mieux vaut investir dans un NAS avec du RAID... 

De même quid de la vitesse d'accès (accès au disque dur externe pas toujours très rapide + accès via la connexion internet personnelle) ? 

Vous connaissez tous sans doute Little Big Details, un tumblr, qui fait un excellent travail pour promouvoir l'importance du plus petit des détails dans le design. 

En complément je vous propose plusieurs liens qui pourraient vous intéresser : 

Les animations occupent aujourd'hui un rôle très important dans les interfaces. Demandez au cinéaste ou regardez des OS comme Windows Phone et iOS. Allez donc sur Guifff pour obtenir votre dose régulière. 

Microsoft lance une série de vidéos courtes intitulée "On the whiteboard" dont les deux premiers épisodes mettent en avant le design sonore et la manière de vérifier qu'un produit émet le bon son. 

Bonne lecture :)

Qui n'a jamais utilisé une application si superbement réalisée qu'une larme perle au coin de votre oeil ? Souvent plusieurs designers et développeurs ont travaillé des heures durant pour vous offrir un service sur mesure. Quel bonheur ! C'est si rare...

Comment imaginer alors que cette belle histoire puisse être gâchée ? Je vais vous donner un secret, c'est plus facile qu'on le croit, il suffit de ne pas avoir designer les "états vides"... En réalisant les designs sur des écrans contenant de l'information il bien facile de ne pas s'intéresser au point de départ d'une grande majorité d'applications : l'écran vide.  

Et bien des personnes ont eu la bonne idée de collecter différents états vides de vos applications préférées dans un dans un tumblr sobrement intitulé "Ghost screenshots". 

Vous y retrouverez de mauvais exemples tels que :

Mais aussi de bons exemples tels que ce qui suit. N'hésitez plus, inspirez-vous en et n'oubliez plus qu'un écran doit systématiquement être conçu dans deux états :  vide d'information et rempli.

Voici un écran qui explique pourquoi il est vide mais propose une échappatoire. 

Un écran peu "utile" mais offrant une surprise "émotionnelle" pour indiquer l'absence de message. 

Un écran qui propose carrément une fonction décorrelée mais ludique. 

Il y'a bien longtemps que je n'ai rien publié ici... Depuis que j'ai la chance d'avoir rejoins l'équipe de Sensorit, une startup Parisienne, dont le maitre mot est de rendre l'informatique invisible et plus innovante... mon temps libre se fait bien rare :) Je vous reparlerais bientôt de ma nouvelle société. 

Quoi qu'il en soit je vous propose de découvrir le travail incroyablement talentueux d'un spécialiste français de la retouche photo, Cristian Girotto, intitulé "L'enfant extérieur". Vous l'aurez compris en utilisant ses compétences il retravaille des photos d'adultes pour laisser transparaitre l'enfant qui sommeille en chacun d'entre nous. 

Je vous invite donc à voir l'intégralité de son portfolio (et le reste de son travail). 

Enfin quelques dernières pour la route...

HackDesign est un nouveau site (en anglais) permettant de recevoir chaque semaine une lecture autour du design. D'après les premiers contenus ces "cours" semblent très intéressants : bien documentés, interactifs, autour du design mais aussi de l'entreprenariat. Je ne peux que vous recommander de vous inscrire, c'est gratuit !