5. “BEAUTIFUL DESIGNER KITCHENS”
design as a consumer significant
• people say : “it’s (so) design !”
• it means : beautiful, elegant, distinguished, “chic”
• it means modern, recent, new, original, trendy
• it means strange, freaky, crazy
• we are consumers of the significant design as we are for all other things
• the concept of design is not clearly defined
7. DESIGN DOES THINK
BUT DOES NOT THINK ITSELF
design undefinition can be explained
designers take advantage of design undefinition
design is nowadays trying to enter into the research field
it’s time to invent a critical epistemology of design
design needs theoretical foundations
the task is to think the design, not the designer
not design thinking but thinking design
design as a discipline
8. DɪˈZAɪN, THE WORD STORY
• latinism : designare, « to mark out, point out, trace »
de + signum, « a mark, token, sign, indication, proof »
= to form signs or to sign forms = SKETCH
• anglicism : to design, « to think, to invent, to conceive »
according to some plan or intention
= to make a project = CONCEPT
• 1930’s : first american agencies popularize the expression “industrial design” (R. Loewy)
• 1950’s : Jacques Viénot offers “esthétique industrielle” as a french translation for industrial
design
• 1956 : Association for Industrial Design in Milano (disegno industriale)
• 1971 : the “Académie Française” accept the word “design”
• 1994 : french law “Toubon” wants to replace the word “design” by “stylique” (lol)
• 2000’s : everybody talks about “design thinking” (design driven innovation)
9. DESIGN AND INDUSTRY (1/3)
from rejection to assumption in the XIXth century
• First idea of some marriage between art and industry
1849 : Henry Cole, Journal of Design and Manufactures
1851 : The Great Exhibition of the Works of Industry of All Nations, London (Crystal Palace)
• Rejection of industrialisation : against social poverty & poor taste of
industry
1848 : Marx, The Communist Manifesto
1849 : Ruskin, The Seven Lamps of Architecture (Crystal Palace as “serre à concombres”)
1894, William Morris : « L'idéal du meunier moderne [...] semble être de réduire les riches grains
de blé en une poudre blanche dont la particularité est de ressembler à de la craie, car il recherche
avant tout la finesse et la blancheur, au détriment des qualités gustatives. Vous voyez donc qu'il est
désormais pratiquement impossible de trouver du pain. Et cela, vous devez le comprendre, est un
trait essentiel du processus d'édification de la société de l'ersatz : on impose à toute une
population un ersatz quelconque, et en un laps de temps très court l'authentique, le produit
d'origine, disparaît totalement»
• Assumption of industriy : birth of industrial design
1907 : Peter Behrens, art director for AEG, first collaboration art/industry
1907 : Hermann Muthesius claims some alliance between decorative arts and industrial production
10. DESIGN AND INDUSTRY (2/3)
alliance of design with industrial capitalism in the XXth century
• 1952 : Raymond Loewy, “ugly things sell badly”
• 1970 : Jean Baudrillard, The Consumer Society
• 1971: Victor Papanek, Design for a real world : « ce que les architectes, les
designers industriels, les planificateurs, etc., pourraient faire de mieux pour
l’humanité serait de cesser complètement leur travail »
• 1973 : Ettore Sottsass, Tout le monde dit que je suis méchant
• 1993 : Vilém Flusser : « Qui a décidé de devenir designer s’est décidé contre la
bonté pure »
• 2002 : Hal Foster, Design et crime : « le design est l’un des principaux agents qui
nous enferment dans le système quasi total du consumérisme contemporain »
11. DESIGN AND INDUSTRY (3/3)
the (new) paradigm of innovation in the XXIe century
• Tim Brown, TED conference, 2009 : « From design to “design thinking” »
• XXth century = “small view of design” = “design became a tool of consumerism” ;
designers population as “a priesthood of folks in black turtlenecks and designer glasses
working on small things” (« un clergé de gens en col roulé noir avec des lunettes de designer
qui travaillent sur des petites choses ») only focused on aesthetics, image and fashion
• XXIth siècle = “design is getting big again” = “the application of design thinking to new
kinds of problems” in a new global context with economy of services, sustainable
development, digital technologies....
=> designers must turn back into “system thinkers who are reinventing the world” by
approaching new types of problems with more impact like global warming, education,
healthcare, security, clean water, etc.
• This is the principle of design thinking as a “human centered design”
We can call it “design driven innovation” (Remy Bourganel).
I just call it design.
12. THE DESIGN EFFECT
a theoretical proposal for thinking design
DESIGN IS MOSTLY AN EFFECT
a design act consists in producing a design effect
A DESIGN EFFECT IS AN EXPERIENTIAL EFFECT
a design effect is an event that happens in a user life-experience
un effet de design transforme un usage brut en une expérience-à-vivre qu’un sujet peut éprouver
l’expression UX Design est un pléonasme, le design c’est penser l’expérience
A DESIGN EFFECT IS A CALLIMORPHIC EFFECT
a design effect produces a life experience through the forms
une forme issue du design peut être spatiale, volumique, textile, graphique ou interactive
l’effet de design est callimorphique car il produit une “prime de séduction” (beauté formelle)
A DESIGN EFFECT IS A SOCIOPLASTIC EFFECT
a design effect produces a life experience dedicated to others
il modifie les usages, les manières de faire et de vivre en société, il réinvente le monde
l’effet de design est socioplastique car il transforme les pratiques sociales (“sculpture sociale”)
WHAT IS THE GOAL OF DESIGN ?
solving problems, simplifying life, offering new options, enchanting existence
15. THE DIGITAL DESIGN ACT
digital design has its own history
is the history of digital design the history of computer technology ?
the history of “devices” is not the history of digital design
the history of digital design is the history of design acts
which occured during the history of computer devices
can you see the difference between
technical invention and design act ?
16. 1946
ENIAC, first electronic computer (vacuum tubes)
17,468 vacuum tubes - 7,200 diodes - 70,000 resistors & many “bugs”
Construit à partir de 1943 dans le plus grand secret par la US Army, l’ENIAC est terminé en 1946 et en service jusqu’en 1955.
Il nécessitait 2 jours de programmation pour calculer en 20 secondes la trajectoire d’un obus.
17. 1946
ENIAC, first electronic computer (vacuum tubes)
17,468 vacuum tubes - 7,200 diodes - 70,000 resistors & many “bugs”
Construit à partir de 1943 dans le plus grand secret par la US Army, l’ENIAC est terminé en 1946 et en service jusqu’en 1955.
Il nécessitait 2 jours de programmation pour calculer en 20 secondes la trajectoire d’un obus.
i cal inve ntion !
techn
18. 1970
OFFICE SCHEMATIC, the desktop metaphor (Xerox Parc)
“to help users more easily interact with the computer”
Principles
screen = bureau ou pupitre
windows = feuilles papier
folders = tiroirs
files = documents
corbeille = poubelle de bureau
The Office Schematic de Tim Mott,
chercheur aux Xerox Parc
19. 1970
OFFICE SCHEMATIC, the desktop metaphor (Xerox Parc)
“to help users more easily interact with the computer”
Principles
screen = bureau ou pupitre
windows = feuilles papier
folders = tiroirs
files = documents
corbeille = poubelle de bureau
sign co nce pt !
( p ure) de
The Office Schematic de Tim Mott,
chercheur aux Xerox Parc
20. 1973
XEROX ALTO, first computer with a graphical user interface
based on the desktop metaphor and driven by a mouse
not for the market, but for the Xerox Parc research
“pictures rather
WIMP
than text
commands” Windows = fenêtres
superposées
Icons = icônes cliquables
Menus = menus déroulants
Pointing device = souris
21. 1973
XEROX ALTO, first computer with a graphical user interface
based on the desktop metaphor and driven by a mouse
not for the market, but for the Xerox Parc research
“pictures rather
WIMP
than text
commands” Windows = fenêtres
desig n actc!
h
superposées
thanks to resear Icons = icônes cliquables
Menus = menus déroulants
Pointing device = souris
22. 1981
IBM PC, the first PC (“Personal Computer”)
an open Intel architecture opening the door to all PCs
partnership between “Big Blue” and Microsoft
Le PC IBM est équipé du système d’exploitation PC-DOS développé pour lui par Microsoft et plus tard décliné en MS-DOS.
C’est un système fondé sur une interface en ligne de commande et dérivé du QDOS (Quick and Dirty Operating System, sic)
de Tim Paterson racheté pour 50 000 $ par Microsoft pour l’occasion. Fabriqué en un an grâce à une architecture ouverte qui fera sa
perte et son succès à la fois. Un outil de travail labellisé IBM qui n’a pas l’image d’un gadget et séduit les entreprises grâce à la
suite de programmes Lotus. IBM s’empare 50% des parts du marché de la micro, tout le monde veut de l'IBM.
23. 1981
IBM PC, the first PC (“Personal Computer”)
an open Intel architecture opening the door to all PCs
partnership between “Big Blue” and Microsoft
cal inve ntion !
ec hni
tpar Microsoft et plus tard décliné en MS-DOS.
Le PC IBM est équipé du système d’exploitation PC-DOS développé pour lui
C’est un système fondé sur une interface en ligne de commande et dérivé du QDOS (Quick and Dirty Operating System, sic)
de Tim Paterson racheté pour 50 000 $ par Microsoft pour l’occasion. Fabriqué en un an grâce à une architecture ouverte qui fera sa
perte et son succès à la fois. Un outil de travail labellisé IBM qui n’a pas l’image d’un gadget et séduit les entreprises grâce à la
suite de programmes Lotus. IBM s’empare 50% des parts du marché de la micro, tout le monde veut de l'IBM.
24. 1981
GRID COMPASS, first laptop computer for the NASA
with the principle of the screen flap (écran-rabat)
by Bill Moggridge, who invented “interaction design”
“Les designers de produits issus des technologies numériques ne
considèrent plus leur travail comme consistant à faire le design d’un
objet physique - beau ou utile - mais comme consistant à faire le
design des interactions avec lui” (Bill Moggridge)
25. 1981
GRID COMPASS, first laptop computer for the NASA
with the principle of the screen flap (écran-rabat)
by Bill Moggridge, who invented “interaction design”
design act !
“Les designers de produits issus des technologies numériques ne
considèrent plus leur travail comme consistant à faire le design d’un
objet physique - beau ou utile - mais comme consistant à faire le
design des interactions avec lui” (Bill Moggridge)
26. 1984
MACINTOSH 128K, first microcomputer for the market with a GUI
the first digital revolution : thanks to Xerox Parc researches
“insanely great” (Steve Jobs)
Xerox Parc : depuis sa visite en 1979, Steve Jobs sait que l’avenir est aux interfaces graphiques. Il s’en approprie l’idée. Apple met 5
ans avant de sortir le Macintosh et demande dès 1980 à l’agence de design global IDEO de concevoir une souris 10% moins cher.
24 janvier 1984 : jour de lancement, campagne de communication “orwellienne”, personne chez Apple ne dort les 3 jours avant
Gros succès immédiat mais pas durable, sauf auprès des professions créatives et artistiques grâce à la PAO.
Le problème : 2500 $, soit 1000 $ de plus que le PC. En outre, les logiciels sont moins nombreux que sur PC et les logiciels PC ne
sont pas compatibles, tout repose alors sur MacPaint et MacWrite. Le PC IBM n'est pas aussi facile à utiliser et attrayant mais il rend
plus de services grâce aux tableur et traitement de texte en ligne de commande de Lotus 123 sous DOS.
À noter : depuis 1982, Microsoft a commencé écrire des programmes pour le Macintosh et à croire aux interfaces graphiques.
27. 1984
MACINTOSH 128K, first microcomputer for the market with a GUI
the first digital revolution : thanks to Xerox Parc researches
“insanely great” (Steve Jobs)
l) desig n act !
Xerox Parc : depuis sa visite en(
i d
1979,
ussaitria est aux interfaces graphiques. Il s’en approprie l’idée. Apple met 5
nSteve Jobs t que l’avenir
ans avant de sortir le Macintosh et demande dès 1980 à l’agence de design global IDEO de concevoir une souris 10% moins cher.
24 janvier 1984 : jour de lancement, campagne de communication “orwellienne”, personne chez Apple ne dort les 3 jours avant
Gros succès immédiat mais pas durable, sauf auprès des professions créatives et artistiques grâce à la PAO.
Le problème : 2500 $, soit 1000 $ de plus que le PC. En outre, les logiciels sont moins nombreux que sur PC et les logiciels PC ne
sont pas compatibles, tout repose alors sur MacPaint et MacWrite. Le PC IBM n'est pas aussi facile à utiliser et attrayant mais il rend
plus de services grâce aux tableur et traitement de texte en ligne de commande de Lotus 123 sous DOS.
À noter : depuis 1982, Microsoft a commencé écrire des programmes pour le Macintosh et à croire aux interfaces graphiques.
28. 1990
WorldWideWeb : Proposal for a HyperText Project, by Tim Berners-Lee
a hypertext system that operates over the Internet
the second digital revolution
29. 1990
WorldWideWeb : Proposal for a HyperText Project, by Tim Berners-Lee
a hypertext system that operates over the Internet
the second digital revolution
c al inven tion !
t echni
31. 2000-2007
ISSEY MIYAKE WEBSITES, by Etienne Mineur
unusual interfaces and web experiences....
) desig n act !
(web
32. 2007-2011
mobile devices with cloud services
“le mariage d’une application client vraiment extraordinaire avec un service cloud vraiment extraordinaire
est incroyablement puissant et plus puissant qu’un navigateur sur une machine cliente” (Steve Jobs)
the third digital revolution : the “post-PC devices” era ?
33. 2007-2011
mobile devices with cloud services
“le mariage d’une application client vraiment extraordinaire avec un service cloud vraiment extraordinaire
est incroyablement puissant et plus puissant qu’un navigateur sur une machine cliente” (Steve Jobs)
the third digital revolution : the “post-PC devices” era ?
ign stra teg y !
des
34. THE DIGITAL
DESIGN EFFECT
a digital design effect appears when an interface (via a product or a
service) improve the user experience of a digital technology by offering him
to do more things, or better things, or new things
or more easily or in a more enjoyable way
36. DESIGN AND DIGITAL
the double shift of the 1980’s
• first shift : Graphical User Interfaces (GUI)
= when the design came into the digital field
the birth of digital design (or interaction design)
➔ mouse, desktop metaphor, first microcomputers with GUI...
• second shift : Computer Aided Design (CAD)
= when the digital came into the design field
the birth of digitally aided design (creative software era)
➔ CATIA, AutoCAD, Illustrator, QuarkXPress, Photoshop...
37. GRAPHICAL USER INTERFACES
it’s like the invention of writing
prehistory prehistory
of humanity of digital design
↓ ↓
invention of invention of
writing graphical user interfaces
3300 before J-C, Sumer 1980’s, Silicon Valley
↓ ↓
history of humanity history of digital design
by texts by interfaces
only “nerds” like command line interfaces
39. DIGITALLY AIDED DESIGN
a brief history of a creative decade (CAD)
• 1981 : CATIA, first CAD software used in big industries (Dassault Systèmes)
• 1982 : AutoCAD, the main tool of architects (AutoDesk)
• 1983 : Athena project at MIT : introduction of computers in courses and research
• 1985 : PageMaker, only for the Macintosh, the main tool of graphic designers
• 1987 : Illustrator 1.0 for the Macintosh (for Windows in 1989)
• 1987 : QuarkXPress 1.0 for the Macintosh (for Windows in 1992)
• 1990 : Photoshop 1.0 for the Macintosh (for Windows in 1992)
• 1992 : early versions of Rhino
• 1996 : Flash 1.0
40. digital design digitally aided design
↓ ↓
digital is in digital is in
the product the process
↓ ↓
digital book paper book
via iBooks via QuarkXPress
41. 1983
ATHENA, between the “doing” and the “doubting”
introduction of CAD at MIT in early 1980’s
• Sherry Turkle, Simulation and its discontents, 2009, MIT Press
• sponsorisé par de grandes firmes comme IBM, le projet Athena a pour but
d'introduire “l'ordinateur moderne et l'équipement informatique à toutes les phases du
processus de formation” au MIT
• 3 départements concernés du MIT : architecture et urbanisme — avec AutoCAD
lancé en 1982 ; génie civil — avec le logiciel Growltiger ; physique-chimie — avec le
logiciel Peakfinder.
• le doing : adoption enthousiaste de ceux, majoritairement étudiants, qui cèdent à
l'immersion voulue par la simulation et se mettent à faire avec les ordinateurs
• le doubting : scepticisme inquiet de ceux, majoritairement enseignants, qui expriment
une grande méfiance à l’égard de ces nouveaux outils et doutent de leur
pertinence, craignant une perte de réalité ou de fiabilité = les
“mécontentements” (discontents)
42. 1983
ATHENA, between the “doing” and the “doubting”
introduction of CAD at MIT in early 1980’s
• les “mécontentements” (discontents) tiennent au souci de “de préserver des
espaces sacrés, c’est-à-dire des zones de travail inaccessibles au numérique” (Turkle)
• Court traité du design, PUF, 2010, p. 79 : « Les architectes voulaient protéger le
dessin à la main, qu'ils considéraient comme essentiel à la qualité de leur design
et au sentiment d'en être les auteurs. Les ingénieurs civils voulaient tenir loin des
logiciels le travail d'analyse de la structure ; ils craignaient que l'ordinateur les
amène à omettre des sources d'erreur et d'incertitude cruciales. Les physiciens
étaient passionnés par la distinction entre démonstration et expérience. Ils
croyaient que les ordinateurs n'avaient pas leur place en laboratoire si les
scientifiques n'avaient pas une connaissance détaillée de leurs programmes. Les
chimistes, tout comme les physiciens, voulaient préserver l'enseignement
théorique » (celui des cours magistraux, en amphithéâtre, lieu privilégié de la
transmission de la science)
• 2000’s : tout le monde travaille “presque à plein temps dans la simulation” (Turkle)
43. digital design digitally aided design
↓ ↓
digital as a material digital as a tool for creation
to be modeled in order to model
itself and for itself all the materials
44. 2008
CATIA v6, “lifelike” digitally aided design
“On fait un avion virtuellement, on le valide virtuellement” (A. Asensio)
• la PAO a révolutionné le design graphique dès son apparition dans les 1980’s.
la CAO s’est installée dans les métiers de la conception moins facilement mais
sûrement : où en est-elle aujourd’hui ?
• L’exemple de CATIA 6, un logiciel qui n’est plus seulement un logiciel de représentation,
mais un logiciel de conception virtuelle conforme la science : c’est un monde virtuel
conforme au réel où le numérique est scientifiquement conforme à la vie : aujourd’hui,
les avions décollent, atterrissent et s’écrasent dans le monde virtuel de CATIA
conformément aux lois de la physique. Le Design Studio de Dassault Systèmes parle de
conception “lifelike” : “a product that behaves in the computer as it does in the real world” :
“a product that looks and acts real but is not yet real”.
• John THACKARA : “80% de l’impact environnemental d’un produit, d’un service ou d’un
système se décide au stade de la conception”
• la conception “lifelike” favorise une plus grande prédictibilité : avant même de fabriquer la
moindre matière, on peut tester son objet dans le réel avant qu’il soit réel ! La
conception lifelike est probablement une avancée pour le design : un moyen de le rendre
plus responsable et plus durable grâce à un contrôle accru des conséquences des gestes
de conception.
50. 2 METHODS
to define by material, to define by form
• 1. to define by material or medium (digital design)
design applied to one particular sector = IT sector, digital technology sector
= design applied to digital products and services
= making design with digital materials
• 2. to define by form or goal (interactive, interaction, interactivity
design)
digital materials are used to create interactive forms handled by a user thanks to an
interface, and this creates interactions or an interactive experience (goal of the process)
= “Les designers de produits issus des technologies numériques ne considèrent plus
leur travail comme consistant à faire le design d’un objet physique - beau ou utile - mais
comme consistant à faire le design des interactions avec lui” (Bill Moggridge)
➔ Bill Moggridge about his book “Designing interactions” : it is “about designing
everything digital” (video : http://www.designinginteractions.com/chapters/introduction)
➔ Remy Bourganel states that digital technology is “the main material” of interaction
design
51. 2 SIDES OF THE SAME THING ?
digital design interaction design
↓ ↓
focus on focus on
handled material generated experience
52. DIGITAL DESIGN
“creative activity that consists in the conception of life-experiences
thanks to interactive forms produced in digital materials
and organized around an interface.”
(Court traité du design, PUF, 2010, p. 96)
53. 5
selected references
• Stéphane Vial, Court traité du design, PUF, 2010.
• Sherry Turkle, Simulation and its discontents, MIT Press, 2009.
• Bill Moggridge, Designing interactions, MIT Press, 2007.
• *designers interactifs*, Petit dictionnaire du design numérique, édition 2009, PDF en
ligne.
• Robert Cringely, Triumph of the Nerds, documentaire vidéo (2h45) .
http://www.youtube.com/watch?v=EvBff7Stw38
• Etienne Mineur, Petite histoire du design d’interactivité :
http://www.fluctuat.net/blog/6987-Carte-blanche-a-Etienne-Mineur-le-design-d-
interactivite
54. < MERCI />
stéphane vial
www.reduplikation.net
MAY, 2011