SlideShare une entreprise Scribd logo
1  sur  24
Télécharger pour lire hors ligne
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
Notre contribution
• 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 lié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 production
• 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 annotations 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 attention
Everardo REYES
Université Paris 8 / Lab. Paragraphe
À chercher Neurospeed, CNAM,

Contenu connexe

En vedette

Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma diario_catarinense
 
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org  Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org Socialbar
 
Reality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributionsReality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributionsjohnboy_philothea_net
 
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1Peter Müller
 
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo OttoneoBronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo OttoneoAlberto Ferrando
 
Makalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologiMakalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologiFebrianto Putra
 
Fritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hutFritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hutSocialbar
 

En vedette (7)

Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma
 
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org  Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
 
Reality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributionsReality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributions
 
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
 
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo OttoneoBronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
 
Makalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologiMakalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologi
 
Fritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hutFritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hut
 

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

L’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédiaL’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédiaEverardo Reyes-García
 
Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...
Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...
Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...AnneliseRias
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours VisualisationAmaury de Buchet
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ? UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ? UXD Meetup
 
Vers une approche praxéologique du design
Vers une approche praxéologique du designVers une approche praxéologique du design
Vers une approche praxéologique du designlaureno
 
Enjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelleEnjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelleEverardo Reyes-García
 
Architecture d'intérieure par l'Académie Charpentier
Architecture d'intérieure par l'Académie CharpentierArchitecture d'intérieure par l'Académie Charpentier
Architecture d'intérieure par l'Académie CharpentierEricFreymond
 
Les nouvelles technologies et l’enseignement du design au lycée : construire ...
Les nouvelles technologies et l’enseignement du design au lycée : construire ...Les nouvelles technologies et l’enseignement du design au lycée : construire ...
Les nouvelles technologies et l’enseignement du design au lycée : construire ...Geoffrey Dorne
 
De l’effet de design à l’effet de design numérique
De l’effet de design à l’effet de design numériqueDe l’effet de design à l’effet de design numérique
De l’effet de design à l’effet de design numériqueStéphane Vial
 
Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...
Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...
Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...SFSIC Association
 
Dynamique des complexes médiatiques et design d'interfaces
Dynamique des complexes médiatiques et design d'interfacesDynamique des complexes médiatiques et design d'interfaces
Dynamique des complexes médiatiques et design d'interfaceslaureno
 
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.Geoffrey Dorne
 
Construire son système d'exploitation
Construire son système d'exploitationConstruire son système d'exploitation
Construire son système d'exploitationJulian Legendre
 
Conversion numérique et modification épistémologique
Conversion numérique et modification épistémologiqueConversion numérique et modification épistémologique
Conversion numérique et modification épistémologiquemap8slide
 
Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009France
 
memoire Nathanael Delahaye
memoire Nathanael Delahayememoire Nathanael Delahaye
memoire Nathanael DelahayeNathana Delahaye
 
Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Vincent Pereira
 
Site internet : les tendances pour 2014
Site internet : les tendances pour 2014Site internet : les tendances pour 2014
Site internet : les tendances pour 2014Inaativ
 

Similaire à Design d’interface en contexte : une approche organogénétique (20)

L’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédiaL’image-interface : Approche sémio-technique des objets hypermédia
L’image-interface : Approche sémio-technique des objets hypermédia
 
Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...
Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...
Soutenance thèse de Pierre-Antoine Arrighi "Modèles d'intégration des designe...
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation
 
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ? UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
UXD#6 - La Dataviz c’est joli mais ça sert à quoi ?
 
Vers une approche praxéologique du design
Vers une approche praxéologique du designVers une approche praxéologique du design
Vers une approche praxéologique du design
 
Enjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelleEnjeux des cultural analytics et sémiotique visuelle
Enjeux des cultural analytics et sémiotique visuelle
 
Design fiction
Design fictionDesign fiction
Design fiction
 
Architecture d'intérieure par l'Académie Charpentier
Architecture d'intérieure par l'Académie CharpentierArchitecture d'intérieure par l'Académie Charpentier
Architecture d'intérieure par l'Académie Charpentier
 
Les nouvelles technologies et l’enseignement du design au lycée : construire ...
Les nouvelles technologies et l’enseignement du design au lycée : construire ...Les nouvelles technologies et l’enseignement du design au lycée : construire ...
Les nouvelles technologies et l’enseignement du design au lycée : construire ...
 
De l’effet de design à l’effet de design numérique
De l’effet de design à l’effet de design numériqueDe l’effet de design à l’effet de design numérique
De l’effet de design à l’effet de design numérique
 
Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...
Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...
Laurence Noël : Dynamique des complexes médiatiques et design d’interfaces de...
 
Dynamique des complexes médiatiques et design d'interfaces
Dynamique des complexes médiatiques et design d'interfacesDynamique des complexes médiatiques et design d'interfaces
Dynamique des complexes médiatiques et design d'interfaces
 
15.12.15 cv, paramètres
15.12.15 cv, paramètres15.12.15 cv, paramètres
15.12.15 cv, paramètres
 
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
Comment améliorer la collaboration entre designers, ergonomes et ingénieurs.
 
Construire son système d'exploitation
Construire son système d'exploitationConstruire son système d'exploitation
Construire son système d'exploitation
 
Conversion numérique et modification épistémologique
Conversion numérique et modification épistémologiqueConversion numérique et modification épistémologique
Conversion numérique et modification épistémologique
 
Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009Présentation des métiers du design numérique à l'ESSEC - mai 2009
Présentation des métiers du design numérique à l'ESSEC - mai 2009
 
memoire Nathanael Delahaye
memoire Nathanael Delahayememoire Nathanael Delahaye
memoire Nathanael Delahaye
 
Site Internet, les tendances en 2014
Site Internet, les tendances en 2014Site Internet, les tendances en 2014
Site Internet, les tendances en 2014
 
Site internet : les tendances pour 2014
Site internet : les tendances pour 2014Site internet : les tendances pour 2014
Site internet : les tendances pour 2014
 

Plus de Everardo Reyes-García

Experimental categorization and deep visualization
 Experimental categorization and deep visualization Experimental categorization and deep visualization
Experimental categorization and deep visualizationEverardo Reyes-García
 
A distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireA distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireEverardo Reyes-García
 
Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesEverardo Reyes-García
 
Méthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesMéthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesEverardo Reyes-García
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionEverardo Reyes-García
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translationEverardo Reyes-García
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisationEverardo Reyes-García
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numériqueEverardo Reyes-García
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsEverardo Reyes-García
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualizationEverardo Reyes-García
 
Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Everardo Reyes-García
 

Plus de Everardo Reyes-García (20)

Faire Image / What Makes An Image?
Faire Image / What Makes An Image?Faire Image / What Makes An Image?
Faire Image / What Makes An Image?
 
Experimental categorization and deep visualization
 Experimental categorization and deep visualization Experimental categorization and deep visualization
Experimental categorization and deep visualization
 
A distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireA distant reading of Greimas' Dictionnaire
A distant reading of Greimas' Dictionnaire
 
Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slides
 
Méthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesMéthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériques
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expression
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translation
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisation
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numérique
 
On Media Art Software
On Media Art SoftwareOn Media Art Software
On Media Art Software
 
Explorations in media visualization
Explorations in media visualizationExplorations in media visualization
Explorations in media visualization
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productions
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualization
 
La visualité de Nirvana
La visualité de NirvanaLa visualité de Nirvana
La visualité de Nirvana
 
Esthétique des médias
Esthétique des médiasEsthétique des médias
Esthétique des médias
 
Disrupting 3D Models
Disrupting 3D ModelsDisrupting 3D Models
Disrupting 3D Models
 
Quelques principes du design web
Quelques principes du design webQuelques principes du design web
Quelques principes du design web
 
Culture Numérique
Culture NumériqueCulture Numérique
Culture Numérique
 
Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02
 
Séance 03. Graphisme Web
Séance 03. Graphisme WebSéance 03. Graphisme Web
Séance 03. Graphisme Web
 

Dernier

Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024IEN_Jonzac
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseTxaruka
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxAbderrahim GHASSOUB
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbainesSocratis Vasiopoulos
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en FranceTxaruka
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfOssamaLachheb
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxAbderrahim GHASSOUB
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"ArchivesdeLyon
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesLeBaobabBleu1
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONfrizzole
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationLeBaobabBleu1
 

Dernier (11)

Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdf
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 

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

  • 1. 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
  • 2. • Démarches académiques-pédagogiques • Réflexions sur le designer et les interfaces graphiques utilisateur • Pratiques et scénarios spéculatifs Notre contribution
  • 3. • 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 liés
  • 4. • 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
  • 5. 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
  • 6. Le contexte de la production • Problème complexe : • Organes psychiques • Organes techniques • Organisations sociales, trans-individuelles • Importance d’observer et documenter : influences sociales, techniques, politiques, économiques, passionnelles
  • 7.
  • 8.
  • 9. 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
  • 10. Des annotations 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
  • 13. Marian Bantjes Influences Map and artistic vocabulary, 2006
  • 14. Bill Seaman The Insight Engine, 2014
  • 16. E. Reyes, 2015 Schémas des UI pour réaliser des prototypes à utiliser comme détonateurs en salle de classe
  • 17. Tableau de relations spatiales Fait avec Processing 3.0
  • 18. Texture dans un hypercube Fait avec Processing 3.0
  • 19. Vidéo / séquence d’images Electric Sheep (Scott Draves)
  • 20. Modèle 3D généré à partir d’une séquence d’images d’Electric Sheep (Scott Draves)
  • 21. Visualisation spéculative dans un espace 3D généré d’une séquence d’images Fait avec ImageJ et MeshLab
  • 22. Visualisation spéculative dans un espace 3D généré d’une séquence d’images Fait avec ImageJ et MeshLab
  • 23. Visualisation spéculative dans un espace 3D généré d’une séquence d’images Fait avec ImageJ et MeshLab
  • 24. Merci de votre attention Everardo REYES Université Paris 8 / Lab. Paragraphe À chercher Neurospeed, CNAM,