Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

From design to digital design : a few theoretical concerns

2,975 views

Published on

Conference for "Design in Life" event organized by Dassault Systèmes at Strate College Designers, on May, 17, 2011.

Published in: Design

From design to digital design : a few theoretical concerns

  1. 1. FROM DESIGNTO DIGITAL DESIGN (v. 3) a few theoretical concerns #didn3 ou #designinlife (twitter) stéphane vial www.reduplikation.net MAY, 2011
  2. 2. WHERE AM I SPEAKING FROM ? Philosophy of design
  3. 3. 1. thinking design2. design and computers3. digitally aided design4. digital design5. selected references
  4. 4. 1thinking design
  5. 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
  6. 6. Jean-Louis Frechin, designer :“design is an activity whose undefinition is acceptable”
  7. 7. DESIGN DOES THINKBUT 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. 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. 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 : « Lidé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 quil 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 lersatz : on impose à toute une population un ersatz quelconque, et en un laps de temps très court lauthentique, le produit dorigine, 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. 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. 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. 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-experienceun 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
  13. 13. 2design and computers
  14. 14. digital design act ↓digital design effect
  15. 15. THE DIGITAL DESIGN ACT digital design has its own historyis 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. 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. 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. 18. 1970OFFICE 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. 19. 1970OFFICE 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. 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. 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. 22. 1981 IBM PC, the first PC (“Personal Computer”) an open Intel architecture opening the door to all PCs partnership between “Big Blue” and MicrosoftLe 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 saperte 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 à lasuite de programmes Lotus. IBM s’empare 50% des parts du marché de la micro, tout le monde veut de lIBM.
  23. 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 luiC’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 saperte 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 à lasuite de programmes Lotus. IBM s’empare 50% des parts du marché de la micro, tout le monde veut de lIBM.
  24. 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 neconsidèrent plus leur travail comme consistant à faire le design d’unobjet physique - beau ou utile - mais comme consistant à faire ledesign des interactions avec lui” (Bill Moggridge)
  25. 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 neconsidèrent plus leur travail comme consistant à faire le design d’unobjet physique - beau ou utile - mais comme consistant à faire ledesign des interactions avec lui” (Bill Moggridge)
  26. 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 5ans 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 avantGros 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 nesont pas compatibles, tout repose alors sur MacPaint et MacWrite. Le PC IBM nest pas aussi facile à utiliser et attrayant mais il rendplus 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. 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’avenirans 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 avantGros 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 nesont pas compatibles, tout repose alors sur MacPaint et MacWrite. Le PC IBM nest pas aussi facile à utiliser et attrayant mais il rendplus 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. 28. 1990WorldWideWeb : Proposal for a HyperText Project, by Tim Berners-Lee a hypertext system that operates over the Internet the second digital revolution
  29. 29. 1990WorldWideWeb : 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
  30. 30. 2000-2007ISSEY MIYAKE WEBSITES, by Etienne Mineur unusual interfaces and web experiences....
  31. 31. 2000-2007 ISSEY MIYAKE WEBSITES, by Etienne Mineur unusual interfaces and web experiences.... ) desig n act !(web
  32. 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. 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. 34. THE DIGITAL DESIGN EFFECT a digital design effect appears when an interface (via a product or aservice) 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
  35. 35. 3digitally aided design
  36. 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. 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
  38. 38. digital design is notdigitally aided design
  39. 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. 40. digital design digitally aided design ↓ ↓ digital is in digital is inthe product the process ↓ ↓digital book paper book via iBooks via QuarkXPress
  41. 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 dintroduire “lordinateur 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 à limmersion 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. 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, quils considéraient comme essentiel à la qualité de leur design et au sentiment den être les auteurs. Les ingénieurs civils voulaient tenir loin des logiciels le travail danalyse de la structure ; ils craignaient que lordinateur les amène à omettre des sources derreur et dincertitude cruciales. Les physiciens étaient passionnés par la distinction entre démonstration et expérience. Ils croyaient que les ordinateurs navaient pas leur place en laboratoire si les scientifiques navaient pas une connaissance détaillée de leurs programmes. Les chimistes, tout comme les physiciens, voulaient préserver lenseignement 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. 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. 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.
  45. 45. 4digital design
  46. 46. WHICH DESIGN ? historical or cultural differencies and strategic discourses• USER INTERFACE DESIGN - 1970’s• INTERACTION DESIGN (Bill Moggridge + IxDA) - 1980’s• MULTIMEDIA DESIGN (the age of CD-ROM) - 1990’s• DIGITAL DESIGN (Jean-Louis Frechin, Ensci) - 2000’s• INTERACTIF DESIGN (Benoît Drouillat, *designers interactifs*) - 2006• INTERACTIVITY DESIGN (Etienne Mineur + Edna) - 2007• INTERACTION ORIENTED DESIGN (David Bihanic, Ensci) - 2010• DESIGN FOR INTERACTION & SERVICE (Remy Bourganel, Ensad) - 2011
  47. 47. THERE IS NO EPISTEMOLOGICAL FOUNDATION BETWENN THESE EXPRESSIONS
  48. 48. LET’S DO THE SAME ELSEWHERE provocation inside ! let’s play !• PHILOSOPHIE (Ensci) • BIOLOGIE (Ensci)• PHILOSOTIQUE (Ensad) • BIOGIE (Ensad)• PHILOSOPHICALITÉ (Edna) • BIOLOGICALITÉ (Edna)• PHILOSOPHICITÉ (*di*) • BIOLOGICITÉ (*di*)• etc. • etc.
  49. 49. DIGITAL DESIGNNEEDS AN EPISTEMOLOGY
  50. 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. 51. 2 SIDES OF THE SAME THING ? digital design interaction design ↓ ↓ focus on focus onhandled material generated experience
  52. 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. 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. 54. < MERCI /> stéphane vialwww.reduplikation.net MAY, 2011

×