SlideShare ist ein Scribd-Unternehmen logo
1 von 31
La recherche en design
Laurence Noël
Cours du 19/10/2010
Design Numérique
Premiers ordinateurs
Programmation par cartes
perforées
Design Numérique
Premiers ordinateurs
console de visualisation
+ clavier
Programmation par lignes
de commande
Design Numérique
Console de visualisation => représentation
Spacewar ! (1962)
Steven Russell
Sketchpad (1963)
Ivan Sutherland
Design Numérique
Console de visualisation => représentation
Spacewar ! (1962)
Steven Russell
Sketchpad (1963)
Ivan Sutherland
Design Numérique
Vers des interfaces graphiques utilisateurs (GUI)
« The mother of all demos » : souris, collaboration réseau, graphique
Douglas Engelbart
Design Numérique
Vers des interfaces graphiques utilisateurs (GUI)
Apple Lisa (1983)
Design Numérique
Vers des interfaces graphiques utilisateurs (GUI)
Opérateurs / programmeurs => « utilisateurs néophytes »
Utilité + Utilisabilité
Design Numérique
Utilité / utilisabilité
Modèle d’acceptation des technologies (Davis) : Les
utilisateurs adoptent et utilisent un outil technique en fonction
– de l’utilité perçue, c’est-à-dire en fonction du degré selon
lequel une personne croit qu’utiliser un système particulier
peut lui permettre d’accroitre ses propres performances ;
– de la facilité d’utilisation perçue, c’est-à-dire en fonction
du degré selon lequel une personne croit que l’utilisation d’un
outil implique ou non un effort
Design Numérique
Utilité / utilisabilité et apprentissage
 Métaphore « Tricycle / vélo »
(douglas engelbart)
Il est plus facile d’apprendre à faire du tricycle mais si on
prend le temps d’apprendre à faire du vélo, on va plus vite
dans les virages qu’une personne qui fait du tricycle
=> Différence entre « simplification » et « principe de
parcimonie »
Design Numérique
Design centré-utilisateur
Quels sont les besoins, les objectifs et les attentes des
utilisateurs ?
Quelles sont leurs connaissances par rapport au domaine ?
Comment concevoir cet outil de manière à ce que
son utilisation permette de réduire le temps et les efforts
(physiques et cognitifs) fournis pour réaliser telle ou telle
tâche ?
Design Numérique
Méthodes de conception proposées
GOMS (Goals, Operators,
Methods and Selection
rules)
Méthode MAD (Méthode
Analytique de Description
des Tâches ) - (Dominique
Scapin) Doc conception
(Card, Moran, Newell)
Design Numérique
Design UX (expérience utilisateur)
Il n’y a pas que l’utilité et l’utilisabilité
=> Prise en compte de facteurs émotionnels,
esthétisme, etc.
Design Numérique
Design UX (expérience utilisateur)
(Peter Morville)
Les facettes de l’expérience
Utilisateur
“UX honeycomb”
Design Numérique
Design UX (expérience utilisateur)
(Peter Morville)
Les facettes de l’expérience
Utilisateur
“UX honeycomb”
Design Numérique
Design UX (expérience utilisateur)
Les variantes :
Design centré sur l’activité (Donald Norman)
Design centré sur l’usage (Alan Cooper – voir site)
Design Numérique
Design UX (expérience utilisateur)
Les outils
Personas
 Scénarios d’usage
 Enquêtes utilisateurs
Design Numérique
Design UX (expérience utilisateur)
Les problèmes
 Opposition entre approche centrée sur les technologies
et approche centrée sur les usages
Design Numérique
Design UX (expérience utilisateur)
Les problèmes
 La recherche en design évolue au sein d’îlots, en
fonction du domaine d’application
Design de produits, d’emballage, de services, etc.
La recherche en design
Les débuts
1ère école : Le Bauhaus (1920-1930)
“Unir l’art et les technologies”
Contexte : produit artisanal => produit industriel
consommation de masse
“La laideur se vend mal” Raymond Loewy
Bernhard Bürdek
Design: The History, Theory And
Practice Of Product Design
La recherche en design
Evolution
Trois grandes périodes
“Rationalisation des artefacts”
“Rationalisation de la démarche du designer”
(méthodologies de conception)
La recherche en design : une discipline
Nigel Cross
Designerly ways of knowing : Design discipline
versus design science.
Design Issues, 17(3):49–55, 2001.
La recherche en design
1. Rationalisation des artefacts
“pas de fioritures”
Minimalisme
Abstraction
La recherche en design
1. Rationalisation des artefacts
Pendant la même période : recherche sur le
langage des formes : Klee et Kandinsky
Théorie de la Gestalt
L’ être humain cherche toujours à déceler une forme, un
tout, lorsqu’il perçoit des éléments, mêmes si ceux-ci sont
disposés aléatoirement.
La recherche en design
La recherche en design
2. Rationalisation de la démarche
Les méthodologies de conception (à partir de 1962)
=> cherche à établir une “science”
à mesurer les critères esthétiques comme on
mesure l’information
=> “Sciences de l’artificiel” de Simon
La recherche en design
2. Rationalisation de la démarche
Les méthodologies de conception (à partir de 1962)
=> C. Alexander : approche scientifique et
approche du designer sont incompatibles
« les scientifiques essaient d’identifier les composants
de structures existantes, les designers essaient de
définir les composants de nouvelles structures »
La recherche en design
2. Rationalisation de la démarche
Les méthodologies de conception (à partir de 1962)
=> Parallèlement, évolution des travaux liés
aux formes visuelles
La recherche en design
La recherche en design
2. Rationalisation de la démarche
=> Parallèlement, évolution des travaux liés
aux formes visuelles
=> MAIS impossibilité de définir des unités
discrètes (un lexique visuel)
La recherche en design
3. Le design en tant que discipline
Cf Nigel Cross : a designerly way of knowing
Débats sur le design resurgissent
Pourquoi ?
La recherche en design
3. Le design en tant que discipline
Les défis
=> Besoins terminologiques
=> Dispersion des savoirs
=> Profession non-reconnue / mal identifiée

Weitere ähnliche Inhalte

Ähnlich wie La recherche en design

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
 
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...Patrice Pena
 
Editionsmsh 386-role-et-enjeux-du-design-graphique
Editionsmsh 386-role-et-enjeux-du-design-graphiqueEditionsmsh 386-role-et-enjeux-du-design-graphique
Editionsmsh 386-role-et-enjeux-du-design-graphiqueGeoffrey Dorne
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UIPatrice Lelaisant
 
Construire son système d'exploitation
Construire son système d'exploitationConstruire son système d'exploitation
Construire son système d'exploitationJulian Legendre
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXNewflux UX/UI News
 
Présentation Intuilab aux Microsoft Techdays 2010
Présentation Intuilab aux Microsoft Techdays 2010Présentation Intuilab aux Microsoft Techdays 2010
Présentation Intuilab aux Microsoft Techdays 2010IntuiLab
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHMAnne-Marie Pinna-Dery
 
Petite introduction au flat design (et autres platitudes)
Petite introduction au flat design (et autres platitudes)Petite introduction au flat design (et autres platitudes)
Petite introduction au flat design (et autres platitudes)i-breed et associés
 
From design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concernsFrom design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concernsStéphane Vial
 
De l'effet de design à l'effet de design numérique (v.3)
De l'effet de design à l'effet de design numérique (v.3)De l'effet de design à l'effet de design numérique (v.3)
De l'effet de design à l'effet de design numérique (v.3)Stéphane Vial
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours VisualisationAmaury de Buchet
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI DesignMicrosoft
 
Design Pattern: Développement et Bonnes pratiques
Design Pattern: Développement et Bonnes pratiquesDesign Pattern: Développement et Bonnes pratiques
Design Pattern: Développement et Bonnes pratiquesAlex Wilfried OUATTARA
 
20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMaker20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMakerMargarida Romero
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesignVersusmind
 
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
 

Ähnlich wie La recherche en design (20)

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
 
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
[Atelier des experts] Design d'expérience utilisateur : adopter une approche ...
 
Editionsmsh 386-role-et-enjeux-du-design-graphique
Editionsmsh 386-role-et-enjeux-du-design-graphiqueEditionsmsh 386-role-et-enjeux-du-design-graphique
Editionsmsh 386-role-et-enjeux-du-design-graphique
 
User Experience : Ux versus UI
User Experience : Ux versus UIUser Experience : Ux versus UI
User Experience : Ux versus UI
 
Construire son système d'exploitation
Construire son système d'exploitationConstruire son système d'exploitation
Construire son système d'exploitation
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
Présentation Intuilab aux Microsoft Techdays 2010
Présentation Intuilab aux Microsoft Techdays 2010Présentation Intuilab aux Microsoft Techdays 2010
Présentation Intuilab aux Microsoft Techdays 2010
 
Géovisualisation(s)
Géovisualisation(s)Géovisualisation(s)
Géovisualisation(s)
 
Intro conception et évaluation des IHM
Intro conception et évaluation des IHMIntro conception et évaluation des IHM
Intro conception et évaluation des IHM
 
Petite introduction au flat design (et autres platitudes)
Petite introduction au flat design (et autres platitudes)Petite introduction au flat design (et autres platitudes)
Petite introduction au flat design (et autres platitudes)
 
Design fiction
Design fictionDesign fiction
Design fiction
 
From design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concernsFrom design to digital design : a few theoretical concerns
From design to digital design : a few theoretical concerns
 
De l'effet de design à l'effet de design numérique (v.3)
De l'effet de design à l'effet de design numérique (v.3)De l'effet de design à l'effet de design numérique (v.3)
De l'effet de design à l'effet de design numérique (v.3)
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
 
Design Pattern: Développement et Bonnes pratiques
Design Pattern: Développement et Bonnes pratiquesDesign Pattern: Développement et Bonnes pratiques
Design Pattern: Développement et Bonnes pratiques
 
20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMaker20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMaker
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
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...
 

Mehr von laureno

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
 
Cartographie de l'information
Cartographie de l'informationCartographie de l'information
Cartographie de l'informationlaureno
 
Web et communication
Web et communicationWeb et communication
Web et communicationlaureno
 
Introduction à la gestion de projet
Introduction à la gestion de projetIntroduction à la gestion de projet
Introduction à la gestion de projetlaureno
 
conception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnelleconception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnellelaureno
 
Du concept board aux pistes graphiques
Du concept board aux pistes graphiquesDu concept board aux pistes graphiques
Du concept board aux pistes graphiqueslaureno
 
Ecrire un mémoire - master hypermédia
Ecrire un mémoire - master hypermédiaEcrire un mémoire - master hypermédia
Ecrire un mémoire - master hypermédialaureno
 
introduction à la gestion de projet
introduction à la gestion de projetintroduction à la gestion de projet
introduction à la gestion de projetlaureno
 

Mehr von laureno (8)

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
 
Cartographie de l'information
Cartographie de l'informationCartographie de l'information
Cartographie de l'information
 
Web et communication
Web et communicationWeb et communication
Web et communication
 
Introduction à la gestion de projet
Introduction à la gestion de projetIntroduction à la gestion de projet
Introduction à la gestion de projet
 
conception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnelleconception de site web : introduction à l'analyse fonctionnelle
conception de site web : introduction à l'analyse fonctionnelle
 
Du concept board aux pistes graphiques
Du concept board aux pistes graphiquesDu concept board aux pistes graphiques
Du concept board aux pistes graphiques
 
Ecrire un mémoire - master hypermédia
Ecrire un mémoire - master hypermédiaEcrire un mémoire - master hypermédia
Ecrire un mémoire - master hypermédia
 
introduction à la gestion de projet
introduction à la gestion de projetintroduction à la gestion de projet
introduction à la gestion de projet
 

La recherche en design

  • 1. La recherche en design Laurence Noël Cours du 19/10/2010
  • 3. Design Numérique Premiers ordinateurs console de visualisation + clavier Programmation par lignes de commande
  • 4. Design Numérique Console de visualisation => représentation Spacewar ! (1962) Steven Russell Sketchpad (1963) Ivan Sutherland
  • 5. Design Numérique Console de visualisation => représentation Spacewar ! (1962) Steven Russell Sketchpad (1963) Ivan Sutherland
  • 6. Design Numérique Vers des interfaces graphiques utilisateurs (GUI) « The mother of all demos » : souris, collaboration réseau, graphique Douglas Engelbart
  • 7. Design Numérique Vers des interfaces graphiques utilisateurs (GUI) Apple Lisa (1983)
  • 8. Design Numérique Vers des interfaces graphiques utilisateurs (GUI) Opérateurs / programmeurs => « utilisateurs néophytes » Utilité + Utilisabilité
  • 9. Design Numérique Utilité / utilisabilité Modèle d’acceptation des technologies (Davis) : Les utilisateurs adoptent et utilisent un outil technique en fonction – de l’utilité perçue, c’est-à-dire en fonction du degré selon lequel une personne croit qu’utiliser un système particulier peut lui permettre d’accroitre ses propres performances ; – de la facilité d’utilisation perçue, c’est-à-dire en fonction du degré selon lequel une personne croit que l’utilisation d’un outil implique ou non un effort
  • 10. Design Numérique Utilité / utilisabilité et apprentissage  Métaphore « Tricycle / vélo » (douglas engelbart) Il est plus facile d’apprendre à faire du tricycle mais si on prend le temps d’apprendre à faire du vélo, on va plus vite dans les virages qu’une personne qui fait du tricycle => Différence entre « simplification » et « principe de parcimonie »
  • 11. Design Numérique Design centré-utilisateur Quels sont les besoins, les objectifs et les attentes des utilisateurs ? Quelles sont leurs connaissances par rapport au domaine ? Comment concevoir cet outil de manière à ce que son utilisation permette de réduire le temps et les efforts (physiques et cognitifs) fournis pour réaliser telle ou telle tâche ?
  • 12. Design Numérique Méthodes de conception proposées GOMS (Goals, Operators, Methods and Selection rules) Méthode MAD (Méthode Analytique de Description des Tâches ) - (Dominique Scapin) Doc conception (Card, Moran, Newell)
  • 13. Design Numérique Design UX (expérience utilisateur) Il n’y a pas que l’utilité et l’utilisabilité => Prise en compte de facteurs émotionnels, esthétisme, etc.
  • 14. Design Numérique Design UX (expérience utilisateur) (Peter Morville) Les facettes de l’expérience Utilisateur “UX honeycomb”
  • 15. Design Numérique Design UX (expérience utilisateur) (Peter Morville) Les facettes de l’expérience Utilisateur “UX honeycomb”
  • 16. Design Numérique Design UX (expérience utilisateur) Les variantes : Design centré sur l’activité (Donald Norman) Design centré sur l’usage (Alan Cooper – voir site)
  • 17. Design Numérique Design UX (expérience utilisateur) Les outils Personas  Scénarios d’usage  Enquêtes utilisateurs
  • 18. Design Numérique Design UX (expérience utilisateur) Les problèmes  Opposition entre approche centrée sur les technologies et approche centrée sur les usages
  • 19. Design Numérique Design UX (expérience utilisateur) Les problèmes  La recherche en design évolue au sein d’îlots, en fonction du domaine d’application Design de produits, d’emballage, de services, etc.
  • 20. La recherche en design Les débuts 1ère école : Le Bauhaus (1920-1930) “Unir l’art et les technologies” Contexte : produit artisanal => produit industriel consommation de masse “La laideur se vend mal” Raymond Loewy Bernhard Bürdek Design: The History, Theory And Practice Of Product Design
  • 21. La recherche en design Evolution Trois grandes périodes “Rationalisation des artefacts” “Rationalisation de la démarche du designer” (méthodologies de conception) La recherche en design : une discipline Nigel Cross Designerly ways of knowing : Design discipline versus design science. Design Issues, 17(3):49–55, 2001.
  • 22. La recherche en design 1. Rationalisation des artefacts “pas de fioritures” Minimalisme Abstraction
  • 23. La recherche en design 1. Rationalisation des artefacts Pendant la même période : recherche sur le langage des formes : Klee et Kandinsky Théorie de la Gestalt L’ être humain cherche toujours à déceler une forme, un tout, lorsqu’il perçoit des éléments, mêmes si ceux-ci sont disposés aléatoirement.
  • 24. La recherche en design
  • 25. La recherche en design 2. Rationalisation de la démarche Les méthodologies de conception (à partir de 1962) => cherche à établir une “science” à mesurer les critères esthétiques comme on mesure l’information => “Sciences de l’artificiel” de Simon
  • 26. La recherche en design 2. Rationalisation de la démarche Les méthodologies de conception (à partir de 1962) => C. Alexander : approche scientifique et approche du designer sont incompatibles « les scientifiques essaient d’identifier les composants de structures existantes, les designers essaient de définir les composants de nouvelles structures »
  • 27. La recherche en design 2. Rationalisation de la démarche Les méthodologies de conception (à partir de 1962) => Parallèlement, évolution des travaux liés aux formes visuelles
  • 28. La recherche en design
  • 29. La recherche en design 2. Rationalisation de la démarche => Parallèlement, évolution des travaux liés aux formes visuelles => MAIS impossibilité de définir des unités discrètes (un lexique visuel)
  • 30. La recherche en design 3. Le design en tant que discipline Cf Nigel Cross : a designerly way of knowing Débats sur le design resurgissent Pourquoi ?
  • 31. La recherche en design 3. Le design en tant que discipline Les défis => Besoins terminologiques => Dispersion des savoirs => Profession non-reconnue / mal identifiée