Design d’interface en contexte : une approche organogénétique

Everardo REYES

Université Paris 8 / Lab. Paragraphe

Colloque International. L’organogenèse.

Org : S. Bianchini, I. Galligo, E. Reyes, B. Stiegler.

Oct. 15 - 16, 2015. ENSAD, Paris

• Démarches académiques-pédagogiques

• Réflexions sur le designer et les interfaces graphiques utilisateur

• Pratiques et scénarios spéculatifs

Not re cont r ibut ion

• Critical & radical design [ Dunne & Raby ]

• Speculative computing [ Drucker ]

• Ontographical tools [ Bogost ]

• Sciences de l’imprécis [ Moles ]

• Cultural analytics [ Manovich, SSI ]

• Computational creativity [ Seaman ]

• Organogenèse [ Stiegler ]

Des regards l iés

• Aller au-delà une simple réponse aux problèmes de l’industrie

• Design ➜ nouvelles formes de savoir, manières de faire

• Design ➜ responsabilité

• Utilisateur ➜ sujet, protagoniste, co-producteur

• Adopter un regard multidisciplinaire

Le designer

Le design d’ interface

• Comme exemple

• Comme dispositif de réflexion théorique

• Comme prototype d’un modèle d’une vision du monde

• Pour dépasser le niveau surface

• descendre vers le code

• remonter vers les pratiques sociales et formes de vie

Le contexte de la product ion

• Problème complexe :

• Organes psychiques

• Organes techniques

• Organisations sociales, trans-individuelles

• Importance d’observer et documenter : influences

sociales, techniques, politiques, économiques, passionnelles

Pattern of patterns/meta patterns

Pattern topologies

Pattern sensing

Pattern orientation

Pattern recombination

Pattern generation (fragment collages)

Pattern gestalts

Pattern projection (intermingling with environment)

Pattern confluence

Pattern transference (technological production)

Pattern implementation

Pattern re-orientation (categorization)

Pattern strings

Pattern actions (spatial/conceptual/relational)

Pattern navigation

Pattern recognition

Pattern truncation

Pattern abbreviation

Pattern inversion

Pattern mistreatment

Pattern realignment

Pattern surgery

Pattern comparison

Pattern abstraction

Pattern imagination

Pattern fields

Bill Seaman & Otto Rössler, 2011

Approche orientée patterns

patterns qui informent la production créative

Des annotat ions aux interfaces

L’annotation multimodale : texte, image, schémas, audio…

L’annotation comme production des savoirs

L’annotation non-linéaire :

pensée linguistique

pensée graphique

pensée diagrammatique

Johannes Itten

Dreidimensionales Denken, 1919-1920

Philippe de Jonckheere

http://www.desordre.net/plan.htm, 2005

Marian Bantjes

Influences Map and artistic vocabulary, 2006

Bill Seaman

The Insight Engine, 2014

Visualisations spéculatives

E. Reyes, 2015

Schémas des UI pour réaliser des prototypes

à utiliser comme détonateurs en salle de classe

Tableau de relations spatiales

Fait avec Processing 3.0

Texture dans un hypercube

Fait avec Processing 3.0

Vidéo / séquence d’images

Electric Sheep (Scott Draves)

Modèle 3D généré à partir d’une

séquence d’images d’Electric Sheep (Scott Draves)

Visualisation spéculative dans un

espace 3D généré d’une séquence d’images

Fait avec ImageJ et MeshLab

Visualisation spéculative dans un

espace 3D généré d’une séquence d’images

Fait avec ImageJ et MeshLab

Visualisation spéculative dans un

espace 3D généré d’une séquence d’images

Fait avec ImageJ et MeshLab

Merci de votre attentionEverardo REYES

Université Paris 8 / Lab. Paragraphe

À chercher Neurospeed, CNAM,