See what you mean est un let motive utilisé comme slogan par le groupe Dassault Systemes pour promouvoir ces produits de conception et d’interaction en temps réel sur un système. Je vous laisse apprécier ces séduisantes vidéos.

Certes corporate, ces vidéos expriment bien cette idée de conception en temps réel, de manière interactive et itérative. Cette démarche correspond également à ce qu’on appelle le WYSIWYG pour What You See Is What You Get (ce que vous voyez est ce que vous obtenez). Cela désigne une interface graphique permettant de concevoir ce qu’on obtiendra. C’est très présent dans le domaine du webdesign, du graphisme, mais aussi de l’éclairagisme.

On pourrait se poser la question si une modélisation 3D ou une maquette n’adopte pas une démarche wysiwyg. Elles représentent ce qu’on obtiendra. Mais elles sont difficilement interactif et pour le cas de la maquette n’est pas modifiable en temps réel. Ces deux types de représentation permettent de figurer, mais sont lentes dans leur évolution, amélioration. L’itération est alors plus faible car le temps est l’élément clé dans l’itération. Ayant un temps imparti, l’objectif est en fait de faire le plus de cycles possible; il faut donc être rapide pour être efficace!

Aujourd’hui dans le milieu professionnel, il existe quelques supports de travail collaboratif comme les tableaux blancs interactifs : il y a les dispositifs lourds et les dispositifs légers. Il existe bien sûr les tables tactiles multipoints même si pour le moment les applications peinent à atteindre les marchés professionnels. Mais Toni Da Luz, nous a quand même démontré les possibilités que ces dispositifs offrent dans un contexte professionnel avec son projet MindFlow.

Le support de représentation, de figuration, d’échange, de communication est donc un enjeu important dans le travail collaboratif. Enfin l’agence galloise See What You Mean créée des supports de communication pour les rendre compréhensibles et attractifs, c’est à la fois du design d’information et du design d’expérience utilisateur.

Crédits : Balsamiq, Mockflow

Si la plupart des outils de prototypage ou wireframe sont numériques, ils existent aussi sous forme tangible. Il y a les cahiers de croquis (sketchbook) : en voici quelques exemples avec le Notepod, le Web Design Sketchbook ou dans un autre domaine le t-shirt sketchbook. On pourrait imager cette catégorie comme une surface de dessin préconçue par la forme ou par une surimpression : le cahier de coloriage.

Crédits : Web design sketchbook, Chickadee Child

On retrouve également des outils de tracés d’éléments graphique comme l’IPhone Stencil Kit, qui peuvent être un pochoir, un tampon, une gravure, un autocollant, etc. : le tampon graphique.

Crédits : IPhone Stencil Kit, Jima

Le paper wireframing est une autre solution pour disposer des éléments graphiques types.

Crédits : Rob Enslin

Prototyper rapidement permet aux concepteurs (architectes, designers) de mettre en forme une idée, pour mieux échanger ( »Une image vaut mille mots« , Confucius), mieux l’analyser et donc mieux l’améliorer. Albert Einstein disait « if I can’t picture it, I can’t understand it ». Voir permet effectivement à une personne ou un groupe de personne de comprendre et d’imaginer ce qui se passe mais aussi ce qui peut se passer. Cela permet d’avoir une même base et du coup tout le monde parle du même sujet. Enfin je remarque que nous sommes de plus en plus dans une conception en itération et en première ligne dans le design d’interactivité. C’est-à-dire que la conception se fait en améliorant une idée mise en forme :

Si le design d’interaction semble être riche en outil de conception, il n’en est pas de même pour les outils de conception architecturale. Le cahier et le crayon mais aussi la maquette restent les outils préférés dans la phase de conception. Notons toutefois que l’architecte n’adopte pas forcément un processus itératif même si quelques agences sont connues pour un travail itératif au niveau de la mise en volume grâce à la maquette; je pense notamment à l’agence Search. Un travail itératif est rarement adopté pour des projets de plus petite ampleur comme la conception d’une maison individuelle. Dans un article prochain j’analyserais les outils de l’architecte.

ressources :

• wireframes
• I love wireframes
• konigi

autres :

• service design tools
• human centered design toolkit