24
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

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

Embed Size (px)

Citation preview

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

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

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

• 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

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

• 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

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

• 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

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

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

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

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

Page 7: Design d’interface en contexte : une approche organogénétique
Page 8: Design d’interface en contexte : une approche organogénétique
Page 9: Design d’interface en contexte : une approche organogénétique

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

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

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

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

Johannes Itten

Dreidimensionales Denken, 1919-1920

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

Philippe de Jonckheere

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

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

Marian Bantjes

Influences Map and artistic vocabulary, 2006

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

Bill Seaman

The Insight Engine, 2014

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

Visualisations spéculatives

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

E. Reyes, 2015

Schémas des UI pour réaliser des prototypes

à utiliser comme détonateurs en salle de classe

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

Tableau de relations spatiales

Fait avec Processing 3.0

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

Texture dans un hypercube

Fait avec Processing 3.0

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

Vidéo / séquence d’images

Electric Sheep (Scott Draves)

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

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

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

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

Visualisation spéculative dans un

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

Fait avec ImageJ et MeshLab

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

Visualisation spéculative dans un

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

Fait avec ImageJ et MeshLab

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

Visualisation spéculative dans un

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

Fait avec ImageJ et MeshLab

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

Merci de votre attentionEverardo REYES

Université Paris 8 / Lab. Paragraphe

À chercher Neurospeed, CNAM,