{une} histoire du design interactif - [IxD].educationixd.education/wp-content/uploads/2014/10/00-UHDDI-72dpi.pdfune histoire du design interactif-rsu - un sor u sn nr. Design Interactif

E-Artsup. Département Design interactif & communication visuelle.

Design interactif s.01 // Alexandre Rivaux [email protected]

Département Design interactif & communication visuelle:

Enseignants: Nicolas BaumgartnerFélicie d’Estienne D’OrvesJonathan MunnAlexandre Rivaux

{une} histoire du design interactif

2


E-Artsup - {une} histoire du design interactif. Design Interactif - Alexandre Rivaux

1 - {une} histoire de l’informatique.

1 - Théories, recherches et premiers ordinateurs2 - Personnal Computer & Operating Systems3 - Softwares4 - Internet évolue5 - Le mobile se connecte6 - Les capteurs apparaissent

2 - {une} histoire de la programmation informatique

1 - Concept et cartes perforées2 - De 1940 à 19803 - De 1980 à nos jours

3 - Design graphique et interactivité

1 - Animation et cinéma2 - MIT Media Lab & GUI3 - Les CD-Rom4 - Internet

4 - Bibliographie5 - Vidéothèque

1 - {une} histoire de l’informatique

4



1 - {une} histoire de l’informatique1 - Théories, recherches et premiers ordinateurs

1942allan turing pose les basesde l’informatique moderne

Allan Turing est considéré comme le père officiel du premier ordinateur. Il est également l’inventeur de la Bombe, la première machine ayant cassé le code de la machine Enigma dans la Seconde Guerre Mondiale.

Il pose les base de l’informatique moderne et de la programmation, avec des concept tel que «La Machine de Turing», modèle abstrait d’un ordinateur en tant que machine de calcul.

Il est également l’inventeur du «Test de Turing», qui propose de tester une intelligence artificiel via une série de questions.

5




1944l’architecture de von neumann

En 1944 John Von Neumann conçoit l’architecture qui sera utilisée dans la quasi-totalité des ordinateurs aujourd’hui. Elle décompose l’ordinateur en 4 parties distinctes :

1. L’unité arithmétique et logique (ALU) qui effectue les opérations de bases.

2. L’unité de contrôle, qui séquence les opérations.

3. La mémoire, contenant à la fois les données et les programmes. Elle se décompose en deux parties. La mémoire volatile (programmes et données en cours de fonctionnement) et la mémoire permanente (programmes et données enregistrées)

4. Dispositif d’entrée et de sortie permettant de communiquer avec l’extérieur.

6




1945 le memex de vannevar Bush

En 1945, l’ingénieur Vannevar Bush annonce l’apparition de l’ordinateur dans un article0qu’il publie sous le nom de «As we may think» dans le magazine Atlantic Monthly.Dans ce texte, il décrit une machine imaginaire, le Memex, capable d’associer différents types d’informations et servant de mémoire étendue à l’homme.

Cette machine théorique pose ainsi les bases de la notion d’hypertexte ainsi que les fondements de l’informatique moderne.

7




1948 la cybernétique

En 1948, Nobert Wiener fonde la cybernetique, science formalisation la notion de feedback (retro-action) qui sera utilisée notamment en informatique.

8




1962la courbe de Bézier

En 1962, Pierre Bézier (ingénieur chez Renault) décrit la coubre polynomiales paramétrique, ou courbe de Bézier, qui intégrera rapidement l’ensemble des outils de CAO. Pierre Bézier souhaitait proposer un modèle simple et puissant de modélisation de forme via des machine informatique. Ses recherches aboutirent au logiciel Unisurf en 1971, base de CAO d’aujourd’hui.

9




1963sketchpad

En 1963, Ivan Sutherland présente SketchPad, le premier programmes de dessin 3D sur ordinateur (CAO). À cette même époque la souris d’un pas encore présenté comme interface de pointage. Shuterland présente un interface intuitive se basant sur un crayon optique afin d’obtenir une plus grande intuitivité dans l’utilisation de son programme

Vidéo : Skecthpad

https://www.youtube.com/watch?v=BKM3CmRqK2o

10




1965Xanadu

1965, Ted Nelson publie un article sur les données informatiques reliées entre-elles. Il introduit pour la première fois les mot «hypertexte» et «hypermedia» qui fut des notion envisagé dans le Memex de Vannevar Bush. Il lance au début des année 60 le projet Xanadu, un projet de partage instantané et universel de données informatiques. Il imagine une machine permettant à chacun de stocker des données et de les mettre à disposition de tous. Un simple clic sur un mot permet de naviguer sur une texte situé sur un autre ordinateur. Il s’agit ici de la base du peer-to-peer.

11




1966Hypertext editing system

Une équipe de la Brown University réalise le premier véritable système hypertexte opérationnel : Hypertex Editing System.

12




1968«augment» & souris

En 1968, Douglas Engelbart, chercheur au Stanford Reserach Institute, présente «Augment», un système hypertexte. Il présente également la première souris comme interface de pointage. Dans sa démonstration, Englebart montre l’utilisation de la souris dans un environnement graphique possédante des fenêtre manipulable.

Vidéo : la souris de Engelbart

https://www.youtube.com/watch?v=1MPJZ6M52dI

13




1967 à 1976arpanet

Lawrence G. Robert publie les plan de l’ARPANET «Advanced Research Projects Agency Network», l’ancêtre de l’internet. Il s’agit du premier système mettant des ordinateur en réseau et permettant l’échange de paquet (information). En septembre 1969 seul deux ordinateurs sont reliées, un à l’UCLA puis un second à la Stanford Research Institue chez l’équipe d’Engelbart. Deux plus seront reliés avant la fin de l’année. 1971, l’ARPANET compte 23 ordinateurs sur 15 sites différents.

1972 Ray Tomlison réalise le premier logiciel d’échange de courrier électronique via ARPANET

1976 ARPANET compte 11 ordinateur et inclut les liaison satellite et radio à son système

14




1970 à 1975le parc Xerox

Xeros créer le centre de recherche PARC (Palo Alto Research Center). De 1970 à 1975 le PARC Xeros sera l’inventeur de concepts tel que le WYSIWYG (What You See Is What You Get), développement des concept d’Engelbart (souris, multifenêtrage…), Super paint, Post-Script… autant de concept souvent attribué à Apple par erreur. 1973 : Dick Shoup réalise Superpaint, logiciel de DAO en couleur et intégrant pour la première fois des effets vidéo

1974 : Premier ordinateur possédant un interface graphique

1975 : Charles Simonyi présente le WYSIWYG On attribut également au PARC l’invention de l’encre électronique et de l’internet des objets.

Vidéo : Xeros User Interface 1/2Xerox User Interface 2/2

https://www.youtube.com/watch?v=Cn4vC80Pv6Q&list=UUBGzCVpJFb-MPehbNoK173w

https://www.youtube.com/watch?v=ODZBL80JPqw&list=UUBGzCVpJFb-MPehbNoK173w

15




1982la théorie de marr

La théorie de Marr pose les base du Computer Vision

16




1988l’informatique ubiquitaire

Mark Weizer créer la notion d’informatique ubiquitaire. L´informatique ubiquitaire est la troisième ère de l’histoire de l’informatique, qui succède à l’ère des ordinateurs personnels et celle des mainframe. Dans cette ère l’utilisateur a à sa disposition une gamme de petits appareils informatiques tels que smartphone ou assistant personnel, et leur utilisation fait partie de l’ordinaire de sa vie quotidienne. Ces appareils rendent l’accès à l’information facile pour tout le monde, n’importe où et n’importe quand. Les utilisateurs ont alors la possibilité de s’échanger des données facilement, rapidement et sans effort, quel que soit leur position géographique. Cette omniprésence de l’accès à l’information a un fort impact sur la société, modifie les habitudes de travail et de vie privée.

17



1 - {une} histoire de l’informatique2 - Personnal Computer & Operating Systems

1971apple 1

Steve Job et Steve Wozniak créé l’Apple 1, il faut 20 minutes pour le démarrer.

18




1977apple 2

19




1981iBm sort son pc

20




1982commodore 64

premier ordinateur vendu à plusieurs millions d’exemplaires - entre 17 et 25 Millions

21




1983«free unix»

«Free Unix» de Richard Stallman - texte fondateur du mouvement GNU (Gnu’s Not Unix) posant les base de l’OS libre

22




1983lisa de apple

Premier PC «grand public»

Vidéo : Pub Lisa

https://www.youtube.com/watch?v=3cffMbj6Tyw

23




1984macintosh d’apple

Le Macintosh d’Apple intégrant Mac Paint de Bill Atkinson. Mac paint permettra de mettre en place les première interfaces de logiciel de CAO d’Adobe (pot de peinture, bitmap, trame, lasso…)

Vidéo : Présentation du macintoshPub 1984 de Ridley Scott

https://www.youtube.com/watch?v=2B-XwPjn9YY

https://www.youtube.com/watch?v=R706isyDrqI

24




1985amiga

PC abordable commercialisé entre 1985 et 1994 aux capacité multimédia plus avancé que PC IBM et Macintosh de l’époque

25




1985atari(s)

ATARI(s) ST (Sixteen/Thirty-Two - en référence à l’architecture 16/32Bits du processeur). Il y eu de nombreuses version des ATARI, tous possédant leur propre avantage (capacité graphique et sonore, lecteur disquette, mémoire vive…)

26




1990Windows 3.0

Windows 3, la première version de windows à connaître un large succès et permettant de rivaliser avec Apple, Commodore ou Amiga

27



1 - {une} histoire de l’informatique3 - Software

1978Wordstar

Wordstar de John Barnaby et John Rubinstein est le premier logiciel de traitement de texte à destination commercial

28




1984macpaint

Bill Atkinson réalise MacPaint pour Apple. Il s’agira du premier logiciel de dessin sur ordinateur qui posera les base des interface graphique de CAO

29




1985post-script

Adobe lance le Post-Script initié au PARC Xerox. Ils ‘agit d’un langage de description de page permettant d’obtenir une qualité alors inégalée sur les première imprimantes laser de l’époque. Ce langage permettra la création de police de caractère de qualité permettant de rivaliser avec la composition typographique de l’époque.

30




1985pagemaker

Aldus Page Maker lance le début de PAO (publication assistée par ordinateur)

31




1985Director devient lingo

Director de VideoWork devient Lingo de MacromediaDirector. Ce sera le premier logiciel de création de cd-rom interactif.

32




1990photoshop 1.0

Adobe Photoshop 1.0, il deviendra la référence en matière de logiciel de CAO

33



1 - {une} histoire de l’informatique4 - Internet évolue

1983 à 1990internet se met en plance

1983 : En Août, 562 machines sont connectées à Internet

1985 : En Octobre, 1961 machines sont connectées à Internet

1986 : En Février, 2308 machines sont connectées à Internet

1986 : En Novembre, 5089 machines sont connectées à Internet

1990 : Tim Barners-Lee met en place le base du web via le World Wide Web (protocole HTTP, HTML…). Le premier site web est toujours en ligne : http://info.cern.ch/hypertext/WWW/TheProject.html

http://info.cern.ch/hypertext/WWW/TheProject.html

34




1993mosaic

Marc Andressen met au point une interface graphique pour le WWW permettant d’afficher Textes et Images

35




1994W3c

W3C ou le World Wide Web Consortium est fondé pour promouvoir la compatibilité des technologies du web tel que ; HTML, XHTML, XML, RDF, CSS, PNG, SVG… il définie et régule les standard de développement.

36




1994netscape

Netscape, un second navigateur web est fondé

37




1994Webcrawler

WebCrawler de Brian Pinkerton devient le premier moteur de recherche web

38




1995 altavista

Altavista devient le moteur de recherche le plus important au monde. Il est conçu à l’initiative du Français Louis Monier, qui travailla par la suite chez Google.

39




1995 Javascript

Netscape et Sun lance Javascript

40




1996 shockwave

Macromedia lance Shockwave qui permettra de lire des fichiers multimédia créé sous Director

41




1996 futur splash animator

Futur Splash Animator de Futur Wave Software et le premier logiciel d’animation et programmation vectorielle simple.

42




1999 google

Larry Page et Sergey Brin créés Google qui deviendra rapidement le premier moteur de recherche.

43




2003flash devient un standard

Macromedia Flash et l’action script devient un des principaux standards pour les applications interactives Web

44




2003Web-log et myspace

Les Web-Lob ou blog apparaissent sur internet, c’est le début de UGC (User generated content)

45




2004mozilla firefox

Mozilla Firefox, navigateur web open source, innove avec la mise en place d’onglet de navigation et d’utilisation d’extension

46




2004facebook

lancement de Facebook, qui changera radicalement le secteur de communication (CRM notamment).

47




2005google & co.

Google Print (ou Books) permettant de faire des recherches en ligne dans le contenu de livres numérisés.

2005 est l’année Google. Google est partout avec Google vidéo, Google Earth, Gmail, Google Calendar, Blogger, Picasa, Google Talk, Google Desktop, Google Analytics, Google trends, Google earth, google maps, Google AdsSense...

Lancement des plateforme de vidéo en ligne Youtube, dailymotion… qui vont crée un changement radicale dans le secteur de la communication via l’apparition du Buzz et de l’Advertainment.

C’est également l’apparition de Podcast et de la VOD

48




2006twitter

49




2011google +

Lancement de google+ permettant d’intégrer le resulat des recherches de vos amis dans vos resultat. La recherche devient alors plus pertinente et personnelle

50



1 - {une} histoire de l’informatique5 - Le mobile se connecte

2005 à 2006evolution mobile

De 2005 à 2006 le mobile évolue à grande vitesse. Entre l’évolution des écrans qui passe en couleur, l’augmentation des capacités des réseaux, la mise en place du sms et mms, le mobile subit de grande évolution. Avant 2005, les constructeur et opérateur mobiles commencent déjà à connecter les devices à des services internet via le WAP (Wireless Application Protocol) Toujours avant 2005, de nombreuses marques tel que Archos, Palm ou microsoft voit notamment le potentiel du mobile comme assistant personnes. On découvre l’alors l’apparition d’application de gestion (Agenda, Notes, Tableurs, Video montage, photo…). L’apparition de ces interfaces posent alors le problème de l’utilisation via des touches directionnelles et le clavier. L’apparition du stylet devient alors une réponse à ces problématiques.

51




2006le multitouch

Février 2006, Jefferson Han présente les recherches sur les surfaces tactiles multipoint haute résolution. Il présente alors des nouvelles gestuelles permettant de manipuler diverses application et fait alors un faire un bon en avant aux surface tactiles existante depuis les années 80.

Vidéo : Jefferson Han, Ted 2006

http://www.ted.com/talks/jeff_han_demos_his_breakthrough_touchscreen?language=fr

52




2007iphone d’apple

2007 Apple sort l’iPhone et révolutionne l’univers du mobile en appliquant les recherches de Jefferson Han à l’univers applicatif mobile déjà en place. Le smartphone devient réalité.

53




2007 à nos joursl’ère smartphone

Le développement des smartphone permettront par la suite le développement d’autre secteur tel que ceux de l’application mobile ou du casual gaming. Il permettra également de créer de nouveaux systèmes économiques tel que les micro-paiement ou le Free-to-Play. L’avènement du mobile permettra également une évolution des standards du web et du responsive design. Il seront également l’un des tueurs de Flash (pour cause de poid et de ressources)

Devenu véritable extension de l’utilisateur, le téléphone devient un MPC (Mobile Personnal Computer). On retrouve donc la mise en place d’OS tel que Windows Phone, Android ou IOS. Enfin la miniaturisation de l’électronique permet également l’intégration de capteur afin que le téléphone puissent s’adapter à l’utilisateur et à ses temps d’utilisation. Ils intègre désormais des capteurs biometriques, des capteur de lumière, des capteur NFC ou ibeacon, accéléromètre ou gyroscope… Le smartphone devient «télécommande universelle)

54



1 - {une} histoire de l’informatique6 - Les capteurs apparaissent

2005 à nos joursl’ère des capteurs

2005 : création d’Arduino 2005 : Prime Sense développe une camera sur la base de la profondeur d’image via analyse infrarouge. Leur capteur permet ainsi de détecter et détourer un corps humain dans une image temps réelle. Elle permet également la reconnaissance d’un squelette. 2009 : MakerBot présente son imprimante 3D 2010 : Microsoft lance Kinect équipé de la technologie Primesens 2010 : Leap motion est fondé et travail sur un device de tracking de main et de doigts 2011 : Faceshift lance le tracking facial temps réel via Kinect et son application 2012 : Oculus Rift présente son dispositif de réalité virtuelle remettant au goût du jour l’utilisation de cette technologie

2 - {une} histoire de la programmation

56



2 - {une} histoire de la programmation1 - Concept et cartes perforées

Dès 1840...la programmation par perforation

Si le design interactif est intiment lié à l’histoire de l’informatique et d’internet, il est également lié à l’histoire de la programmation qui précède celle de l’informatique. 1842 - Ada Lovelace (ou Augusta Ada King, comtesse de Lovelace) est à l’origine du «Principe de la machine à calculer» qu’elle compose de la sorte : un dispositif permettant d’introduire les données numériques (cartes perforées, roues dentées...), une mémoire pour conserver les valeurs numériques entrées, une unité de commande grâce à laquelle l’utilisateur va indiquer à la machine les tâches à effectuer, un «moulin» chargé d’effectuer les calculs, un dispositif permettant de prendre connaissance des résultats (imprimante...). Elle introduit ainsi de principe d’iteration Jusqu’à l’invention des premier ordinateur, de nombreux programmes apparaissent sous forme de carte performés. Par exemple en 1801 le métier Jacquard permet, grâce à des cartes perforées de programmé un motif à tisser. Ce principe de carte perforée servit également de base à la machine de Turing qui imagine alors une machine autonome possédant un ruban perforé infini.

57



2 - {une} histoire de la programmation2 - De 1940 à 1980

1940 à 1980À destination des ingénieurs

Il existe en programmation de type de langage, le langage High-Level dont la syntaxe se rapproche de la syntaxe linguistique (anglais notamment) et le langage Low-Level dont la syntaxe se rapproche de celle des machine (binaire). Des années 1940 à 1980, langage informatiques étaient destiné aux ingénieur et programmeur en plaine invention et découverte de l’informatique. Ainsi on voit apparaître des langages tel que :

1. Forban, Lips et Cobol (HL - 1957 - 59) 2. Pascal de Niklaus Wirth (HL - 1970) 3. C de Denis Ritchie (HL - 1972), il introduit notamment le

paradigme de la programmation orientée objet 4. C++ de Bjarne Stroustrup et l’Objective C de Brad Cox

et Tome Love (HL - 1983)

58



2 - {une} histoire de la programmation3 - De 1980 à nos jours

1980 à nos joursÀ destination des concepteurs

Au début des années 90 les langages de programmation à destination de la création commencent à faire leur apparition avec :

1. Lingo de Director (HL - 1986) ancêtre de Flash 2. Max/MSP et Pure-Data langages nodal dédiés à la

création musicale (HL 1990) 3. Python de Guido van Rossum servant notamment à la

programmation 3D (HL 1991) 4. OpenGL (HL - 1992) 5. Java de James Gosling, PHP de Rasmus Lerdof et

Javascript de Brendan Eich (HL 1995) 6. Action Script 1 (HL - 1998) 7. VVVV, langage nodal dédié à la création visuelle (1998) 8. Design by Number de John Maeda (MIT) (HL - 1999) 9. Processing de Ben Fry et Casey Reas (MIT) (HL - 2001) 10. Action Script 2 (HL - 2003) 11. OpenFramework (HL - 2004) 12. Arduino (HL - 2005) 13. Action Script 3 (HL - 2006) 14. OpenCV (HL - 2008) 15. Cinder de Barbarian group (HL - 2013)

3 - Design graphique et interactivité

60



3 - Design graphique et interactivité2 - MIT Media Lab & GUI

1922telephone picture

Si l’apparition de l’informatique à très vite fait apparaître la CAO, DAO et PAO, elle a également très rapidement intéressée visuellement les artistes, développeurs, studio graphique… En 1922, avant l’apparition du numérique, l’artiste Laszlo Moholy-Nagy imagine le «Telephone Picture». Il s’agit une manière simple de numériser son travail à travers un téléphone. Par le biais d’instruction simple et à partir d’une grille identique que possèdent les deux interlocuteurs, l’artiste fait reproduire son œuvre à son imprimeur. Beaucoup plus tard, avec l’apparition des premier ordinateur, les animateur traditionnelle se rapproche des développeurs pour concevoir les première animation sur ordinateur.

61




1961 à 1975John Whitney

John Whitney réalise diverse animation informatique tel que Catalogue (1961), Matrix (1970) ou Arabesque (1975)

Vidéo : John Whitney - CatalogueJohn Whitney - Matrix

John Whitney - Arabesque

https://www.youtube.com/watch?v=TbV7loKp69s

https://www.youtube.com/watch?v=PEn-lkXBVCs

https://www.youtube.com/watch?v=w7h0ppnUQhE#t=305

62




1971norman mclaren

Norman McLaren présente Synchromy, chef d’œuvre d’animation expérimentale sur pellicule. Son travail sera une grande source d’inspiration pour de nombreux animateur sur écran

Vidéo : Norman McLaren - Synchronomy

https://www.youtube.com/watch?v=jiJR1ET715M

63




1972ed catmull et fred parke

Edwin Catmull et Fred Parke créés le premier film 3D sur ordinateur.

Catmull fondera par la suite le studio Pixar puis deviendra président de Disney Feature Animation en 2006

Vidéo : Ed Catmull & Fred Parke 3D Film

https://www.youtube.com/watch?v=PjL5Cmdsc1E

64




1980l’avénement des vfX

À partir des année 80 de nombreux studios expérimentent l’animation sur ordinateur afin de donner vie aux films de science fiction notamment.

Sorti en 1982, Tron, de Steven Lisberger, marque un tournant dans l’industrie du cinéma avec l’utilisation plus que prépondérante de l’animation généré par ordinateur. Ce film fut également la sources de nombreuses innovations mathématique appliquées à l’image.

(Nota Bene : 1982, la souris est seulement présenté au PARC XEROX - invente en 1962 elle ne sera disponible que en 1983. Ces VFX sont donc entierement en ligne de commande)

Vidéo : Steven Lisberger - Tron numerisation - extraitSteven Lisberger - Tron lightcycles - extrait

LucasFilm - Star Trek 2 - La colère de Khan - Making of the Genesis Sequence

https://www.youtube.com/watch?v=tOzTikUdvuU

https://www.youtube.com/watch?v=-3ODe9mqoDE

https://www.youtube.com/watch?v=Qe9qSLYK5q4&list=UUBGzCVpJFb-MPehbNoK173w

https://www.youtube.com/watch?v=Qe9qSLYK5q4&list=UUBGzCVpJFb-MPehbNoK173w

65




1986Boids de craig reynolds

1986 Craig Reynolds, infographiste et informaticien travaillant sur la simulation de comportement, écrit l’algorithme «Boids» ayant pour but de simuler le déplacement et le comportement d’une nuée d’oiseau. Il réalisa le film Stanley and Stella in : Breaking the Ice entièrement généré par code informatique qui fut présenté au festival Siggraph’87.

En 1992 il travaillera sur Batman Return de Tim Burton afin de réaliser la simulation de chauve souris au dessus de Gotham City. Son algorithme est aujourd’hui encore très utilisé.

Vidéo : Stanley & Stella in Breaking the IceTim Burton - Batman Return - Flocking bat in Gothaml

https://www.youtube.com/watch?v=3bTqWsVqyzE

https://www.youtube.com/watch?v=jCVwdeAobYc

66




1973visual language Workshop

1973 Muriel Cooper qui fut Directrice artistique de MITPress - dont elle conçu le logo en 1963 - fonde le Visual Language Workshop avec Ron MacNeil au MIT. Elle travaillera notamment sur la visualisation de donnée au MIT Media Lab

67




1983 gui

1983 Susan Kare dessine les polices de caractère et les Icône du Macintosh d’Apple. Elle travaillera chez Apple de 83 à 86 puis dessina les icones de Windows 3.0 pour Microsoft en 1987. Elle est la première graphiste à dessiner de la typographie pour écran tel que les célèbre San Fransisco, Monaco et Chicago.

68




1993information landscape

1993 David Small, Suguru Ishizaki et Muriel Cooper conçoivent information landscape, un système de visualisation typographique en 3D temps réel.

Vidéo : Information Landscape

https://www.youtube.com/watch?v=Qn9zCrIJzLs

69



3 - Design graphique et interactivité3 - Les CD-Rom

1990l’ère du cD-rom

1990 marque l’époque du CD-Rom interactif, souvent à destination culturel. Sur ces CD-Rom se trouve des applications, souvent développé sous Director (en Lingo) permettant d’intégrer du média (son, video, image) ainsi que de l’interaction (clavier, souris par exemple). Un exemple marquant est «Alphabet» de Jean-Jacques Birgé, Murielle Lefèvre et Frédéric Durieu en 1999

Vidéo : Murielle Lefèvre, Jean-Jacques Birgé, Frédérice Durieu - Alphabet (1999)

https://www.youtube.com/watch?v=WuQJshXdvUg

https://www.youtube.com/watch?v=WuQJshXdvUg

70



3 - Design graphique et interactivité3 - Les CD-Rom

1995 - 1999reactive Books

1995-1999 John Maeda publie ses reactive books, des livres numériques sous disquette autour d’expérimentation visuelle et interactive. Chaque livre est dédié à un périphérique d’entrée tel que le son, la souris, le temps, le clavier et la vidéo.

Vidéo : John Maeda - Reactive Books

https://www.youtube.com/watch?v=nA_UTUvC4h8

71



3 - Design graphique et interactivité4 - Internet

1998l’internet experimental

À la fin des année 90, le CD-Rom commencent à laissé leur place au projet on-line, l’évolution des standard du web, la mise en place de flash et javascript permettent alors de nouvelle expérimentations. On découvre alors l’apparition des sites expérientiels. De nombreuses marque et agence de communication commencent alors à développer des campagne web innovante

1. 1998 : http://wwwwwwwww.jodi.org/ site expérimentale travaillant sur la relation possible entre le code HTML et la création artistique

2. 1998 : Joshua Davis lance praystation.com, un site sur lequel il publie chaque jour une expérimentation flash et en distribue le code.

http://wwwwwwwww.jodi.org/

72



3 - Design graphique et interactivité4 - Internet

2000vers l’internet experientielle

1. 2000 Hi-res sort un site expérimental pour le film Requiem for a dream

2. 2000 - 2007 Etienne Mineur signe les site de Issey Miyake pour Incandescence

3. 2000 sortie du site theFWA (Flash Website Awards puis Favorite Website Award) récompensant les meilleur site web (design, experience, contenu)

4. 2000 lookAndFeel est le premier site à être nommé Site of the Year http://michaelchatten.com/demosites/laf/

5. 2001 Hi-Res signe le site du film Donnie Darko et Center of the World (http://archive.hi-res.net/donniedarko/ http://archive.hi-res.net/center/)

6. 2010 Wilderness Downtown est le premier site HTML5 à est nommé Site of the Year http://www.thefwa.com/site/the-wilderness-downtown?c=SOTYPCA

Vidéo : Etienne Mineur - Issey Myiake

http://michaelchatten.com/demosites/laf/

http://michaelchatten.com/demosites/laf/

http://archive.hi-res.net/donniedarko/

http://archive.hi-res.net/donniedarko/

http://archive.hi-res.net/center/

http://archive.hi-res.net/center/

http://www.thefwa.com/site/the-wilderness-downtown?c=SOTYPCA

http://www.thefwa.com/site/the-wilderness-downtown?c=SOTYPCA

http://digup.tv/fr/video/a-tienne-mineur-apera-u-des-sites-issey-miyake

73



Contact

Alexandre RivauxVisual Designer & Partner Bonjour, interactive Lab

[email protected]

www.bonjour-lab.com

mailto:[email protected]

https://github.com/alexr4

https://twitter.com/BonjourLab

https://vimeo.com/user14681110

http://www.pinterest.com/alexr4/

http://fr.linkedin.com/in/alexr4

Documents

{une} histoire du design interactif - [IxD].educationixd.education/wp-content/uploads/2014/10/00-UHDDI-72dpi.pdfune histoire du design interactif-rsu - un sor u sn nr. Design Interactif