Présentation : Designer l'Experience Utilisateur

  • Published on
    31-Oct-2014

  • View
    24

  • Download
    6

Embed Size (px)

DESCRIPTION

Designer l'Experience UtilisateurPrsent :- L'Ecole de Communication de SciencesPo Paris.- Ecole de Commerce EDC - Paris La Dfense.2009

Transcript

  • 1. UXDDesignerlexprienceutilisateurlundi 23 novembre 2009

2. Quand vous abordez un problme et quilapparait vraiment simple, ce que vous nencomprenez pas la complxit. Puis, vous vousy plongez et vous voyez alors que cest trscompliqu, et vous imaginez toutes sortes desolutions alambiques. a, cest un peu le milieu du chemin, et cest lque la plupart des gens sarrte... Mais la personne vraiment forte continuera ettrouvera la cl, le principe soujacent duproblme et inventera une solutionmagnifique, lgante et qui fonctionne. Steve Jobs, 1984lundi 23 novembre 2009 3. UXDContexte lundi 23 novembre 2009 4. Contexte technologiqueRacines lundi 23 novembre 2009 5. COMPUTERINFORMATION SCIENCES SCIENCES lundi 23 novembre 2009 6. COMPUTERINFORMATION SCIENCES SCIENCES lundi 23 novembre 2009 7. COMPUTER INFORMATIONSCIENCESSCIENCESTraduit en franais par SciencesInformatiques : tude des fondationsthoriques de linformation et ducalcul automatis, et des techniquespratiques de leur implmentation etapplication dans les systmesinformatiques. lundi 23 novembre 2009 8. 2400 BC : The abacus - the rst known calculator (Babylonians ) 500 BC : First known use of zero by mathematicians 500 BC : Indian grammarian Panini formulated the grammar of Sanskrit 200 BC : The Chinese invented the suanpan (Chinese abacus) 125 BC : Machine d'Anticythre : calculatrice mcanique antiqueCOMPUTERpermettant de calculer des positions astronomiques.SCIENCES 100 BC : Chinese mathematicians rst used negative numbers. 60 : Heron of Alexandria made numerous inventions, including "SequenceControl" in which the operator of a machine set a machine running, whichthen follows a series of instructions in a deterministic fashion. This was,essentially, the rst program. 600 : Indian mathematician Brahmagupta was the rst to describe themodern place-value numeral system (Hindu-Arabic numeral system). 724 : Chinese inventor Liang Lingzan built the world's rst fully mechanicalclock; 820 : Persian mathematician, Muammad ibn Ms al-wrizm, describedthe rudiments of modern algebra 1000 : Ab Rayhn al-Brn invented the Planisphere, an analogcomputer. lundi 23 novembre 2009 9. 1400 : Kerala school of astronomy and mathematics in South India invented theoating point number system. 1400 : Jamshd al-Ksh invented the Plate of Conjunctions, an analogcomputer instrument used to determine the time of day at which planetaryconjunctions will occur, and for performing linear interpolation. 1588 : Joost Buerghi discovered natural logarithms. 1623 : Wilhelm Schickard of Tbingen, Wrttemberg (now in Germany), built therst discrete automatic calculator, and thus essentially began the computerera. His device was called the "Calculating Clock" 1642 : French mathematician Blaise Pascal built a mechanical addingmachine. ...COMPUTER 1936 : Alan Turing of Cambridge University, England, published a paper on SCIENCES 'computable numbers' 1940 : At Bell Labs, Samuel Williams and George Stibitz complete a calculatorwhich can operate on complex numbers, and give it the imaginative name of the'Complex Number Calculator' 1943 : The Colossus was built, by Dr Thomas Flowers at The Post OfceResearch Laboratories in London, to crack the German Lorenz (SZ42) cipher. Itcontained 2400 vacuum tubes for logic and applied a programmable logicalfunction to a stream of input characters 1944 : The IBM ASCC (Automatic Sequence Controlled Calculator) is turnedover to Harvard University, which calls it the Harvard Mark I It was designed byHoward Aiken and his team, nanced and built by IBM it became the secondprogram controlled machine (after Konrad Zuse's). The whole machine was 51feet (16 m) long, weighed 5 (short) tons (4.5 tonnes), and incorporated 750,000parts. 1949, May 6 : This is considered the birthday of modern computing. MauriceWilkes and a team at Cambridge University executed the rst stored programon the EDSAC computer, which used paper tape input-outputlundi 23 novembre 2009 10. Theoretical computer science Algorithms and data structures Programming methodology and languagesCompilers Programming languagesComputer elements and architectureDigital logic Microarchitecture Multiprocessing COMPUTER SCIENCES Numerical and symbolic computationBioinformatics Cognitive Science Computational chemistry Computational neuroscience Computational physics Numerical algorithms Symbolic mathematicsApplicationsOperating systemsComputer networks Computer graphics Computer vision DatabasesComputer security Articial intelligence Robotics Humancomputer interactionUbiquitous computing lundi 23 novembre 2009 11. COMPUTERINFORMATION SCIENCES SCIENCES lundi 23 novembre 2009 12. COMPUTER INFORMATION SCIENCESSCIENCESScience interdisciplinaireprincipalement concerne parla collection, le classement,la manipulation, le stockage,la recherche et la diffusiond'information. lundi 23 novembre 2009 13. PLATON(428 - 348 av.J.C.)INFORMATIONSCIENCESClassical categorization comes to us rst from Plato, who, in hisStatesman dialogue, introduces the approach of grouping objects based in their similar properties.This approach was further explored and systematized by Aristotle in hisCategories treatise, where he analyzes the differences betweenclasses and objects. lundi 23 novembre 2009 14. Paul Marie Ghislain Otlet(1868 - 1944)http://en.wikipedia.org/wiki/Paul_Otlet Paul Marie Ghislain Otlet (23 August 1868 in Brussels, Belgium 10December 1944) was an author, entrepreneur, visionary, lawyer andpeace activist; he is one of several people who have been consideredthe father of information science, a eld he called "documentation".INFORMATION Otlet created the Universal Decimal Classication, one of the mostSCIENCESprominent examples of facetedclassication. He envisioned later technical innovations but also projected a globalvision for information and information technologies that speaksdirectly to postwar visions of a global "information society."Otlet not only imagined that all the world's knowledge shouldbe interlinked and made available remotely toanyone, but he also proceeded to build a structured documentcollection. This collection involved standardized paper sheets andcards led in custom-designed cabinets according to a hierarchicalindex (which culled information worldwide from diverse sources) and acommercial information retrieval service (whichanswered written requests by copying relevant information from indexcards). Users of this service were even warned if their query was likelyto produce more than 50 results per search. lundi 23 novembre 2009 15. Timothy Berners-Lee (1955 - )http://en.wikipedia.org/wiki/Tim_Berners-Lee Sir Timothy John "Tim" Berners-Lee, OM, KBE, FRS, FREng, FRSA(London, 8 June 1955), is a British engineer and computer scientist andMIT professor credited with inventing the WorldWide Web, makingthe rst proposal for it in March 1989. On 25 December 1990, with theINFORMATION help of Robert Cailliau and a young student staff at CERN, heimplemented the rstsuccessful communicationSCIENCESbetween an HTTP client and server via the Internet. Berners-Lee is the director of the World Wide Web Consortium (W3C),which oversees the Web's continued development. He is also thefounder of the World Wide Web Foundation, and is a senior researcherand holder of the 3Com Founders Chair at the MIT Computer Scienceand Articial Intelligence Laboratory (CSAIL).[3] He is a director of TheWeb Science Research Initiative (WSRI),[4] and a member of theadvisory board of the MIT Center for Collective Intelligence. lundi 23 novembre 2009 16. BibliometricsData modelingDocument managementGroupwareInformation architectureInformation ethicsInformation retrievalINFORMATION Information societySCIENCESInformation systemsIntellectual propertyKnowledge managementKnowledge engineeringPersonal information managementSemantic web lundi 23 novembre 2009 17. Contexte technologiqueLa boucle de linnovation lundi 23 novembre 2009 18. Usages Usages Usages Usages Usages Usages TEMPSTechnologie Technologie Technologie Technologie Technologie Technologie lundi 23 novembre 2009 19. Rseaux sociaux Blogs Usages Usages Usages Usages TEMPSTechnologie Technologie Technologie TechnologieW3C API lundi 23 novembre 2009 20. WEB 1 lundi 23 novembre 2009 21. VOUS ETES ICIWEB 1 WEB 2 lundi 23 novembre 2009 22. Contexte technologiqueCartographie lundi 23 novembre 2009 23. INFORMATIONNEL / POLITIQUE / DOCUMENTAIRE /SOCIAL // PRESSE INSTITUTIONNELINFORMATIONSCIENCES WEBCOMMERCE / CINEMA /MARKETING /TELEVISION PUBLICITECOMPUTER SCIENCESJEUX /PHOTO / VIDEO /MULTIMEDIA / ARTSCD-ROMGRAPHIQUESETC. lundi 23 novembre 2009 24. INFORMATIONSCIENCES.COM WEB COMPUTER SCIENCES lundi 23 novembre 2009 25. INFORMATIONSCIENCESWEB INFORMATIONNEL .COM WEBCOMPUTERAUDIOVISUEL SCIENCES lundi 23 novembre 2009 26. AUDIOVISUELINFORMATIONNEL Privilgie la surface Privilgie le fond Propritaire Standardis Recherche horizontale Recherche verticale Immersif Emmersif Dcouverte Organisation Notion de temps Intemporalit lundi 23 novembre 2009 27. AUDIOVISUEL WEB 1.0INFORMATIONNELMONDES DIVERTISSEMENT CULTURE ET TRANSACTIONNEL COMMUNAUTAIRE DOCUMENTAIREVIRTUELSMEDIA MazeShowtime.com Candystand.comAOL.com UsenetInfo.cern.ch lundi 23 novembre 2009 28. INFORMATIONNEL AUDIOVISUEL second lifewikipediaWoWarcraftVuitton Last.fm Dailymotion Ebay Facebook Blogs / NewsVoyages lundi 23 novembre 2009 29. Audiovisuel Informationnel second life wikipediaWoWarcraft JoostVuitton Last.fmYou Tube Ebay Facebook NYT.com BlogsVoyagesSecond LifeWikipedia.com lundi 23 novembre 2009 30. AudiovisuelInformationnel second life wikipediaWoWarcraft Vuitton Last.fm You TubeEbay Facebook Blogs / News Voyages vuitton.com - voyages Guardian.co.uk lundi 23 novembre 2009 31. AudiovisuelInformationnel second lifewikipediaWoWarcraft JoostVuitton Last.fm You Tube Ebay Facebook NYT.com BlogsVoyages Last.fm Dailymotion.com lundi 23 novembre 2009 32. Audiovisuel Informationnel second life wikipediaWoWarcraftJoostVuitton Last.fm You Tube Ebay Facebook NYT.com Blogs Voyages Dailymotion.com/jukebox3dLast.fm lundi 23 novembre 2009 33. AudiovisuelInformationnel MONDES DIVERTISSEMENT CULTURE ET TRANSACTIONNEL COMMUNAUTAIRE DOCUMENTAIRE VIRTUELSMEDIA Privilgie la surface Privilgie le fond Propritaire Standardis Recherche horizontale Recherche verticale Immersif Emmersif Dcouverte Organisation Notion de temps Intemporalitlundi 23 novembre 2009 34. WEB 1.5 AUDIOVISUEL INFORMATIONNEL MONDES DIVERTISSEMENT CULTURE ET TRANSACTIONNEL COMMUNAUTAIRE DOCUMENTAIRE VIRTUELSMEDIA lundi 23 novembre 2009 35. AUDIOVISUEL?INFORMATIONNEL MONDES DIVERTISSEMENT CULTURE ET TRANSACTIONNEL COMMUNAUTAIRE DOCUMENTAIRE VIRTUELSMEDIA lundi 23 novembre 2009 36. INFORMATIQUE LOGICIELLE (OPEN SOURCE) AUDIOVISUELINFORMATIONNEL MONDES DIVERTISSEMENT CULTURE ETTRANSACTIONNEL COMMUNAUTAIRE DOCUMENTAIRE VIRTUELSMEDIA lundi 23 novembre 2009 37. APPLICATIFWEB 2.0 AUDIOVISUEL INFORMATIONNEL MONDES DIVERTISSEMENT CULTURE ET TRANSACTIONNEL COMMUNAUTAIRE DOCUMENTAIRE VIRTUELSMEDIA lundi 23 novembre 2009 38. APPLICATIFDesktop ApplicationRich Desktop ApplicationAUDIOVISUELINFORMATIONNEL Rich Internet Application MONDES DIVERTISSEMENT CULTURE ETTRANSACTIONNEL COMMUNAUTAIRE DOCUMENTAIRE VIRTUELSMEDIA lundi 23 novembre 2009 39. Applicatif Desktop ApplicationiTunesGoogle Earth Rich Desktop Application Ebay DesktopGoogle DocsRich Internet Application Audiovisuel Informationnel Outils de second life publication webwikipediaWoWarcraftVuittonLast.fmDailymotion Ebay Facebook Blogs / NewsVoyages lundi 23 novembre 2009 40. Applicatif iTunes Ebay DesktopLogicielGoogle DocsInformationnelsecond life wikipediaWoWarcraft JoostVuitton Last.fmYou Tube Ebay Facebook NYT.com BlogsVoyages lundi 23 novembre 2009 41. Applicatif iTunes Ebay DesktopLogicielGoogle DocsInformationnelsecond life wikipediaWoWarcraft JoostVuitton Last.fmYou Tube Ebay Facebook NYT.com BlogsVoyages lundi 23 novembre 2009 42. Applicatif Desktop ApplicationiTunesGoogle Earth Rich Desktop Application Ebay DesktopGoogle DocsRich Internet Application Audiovisuel Informationnel Outils de second life publication webwikipediaWoWarcraftVuittonLast.fmDailymotion Ebay Facebook Blogs / NewsVoyages lundi 23 novembre 2009 43. Applicatif iTunes Ebay DesktopLogicielGoogle DocsInformationnelsecond life wikipediaWoWarcraft JoostVuitton Last.fmYou Tube Ebay Facebook NYT.com BlogsVoyages lundi 23 novembre 2009 44. Applicatif Audiovisuel Informationnel lundi 23 novembre 2009 45. Contexte mtierProfils en T lundi 23 novembre 2009 46. Applicatif Audiovisuel Informationnel lundi 23 novembre 2009 47. FONCTION FORME FONDDESIGN WEBlundi 23 novembre 2009 48. REALISATION & DEVELOPPEMENTFONCTIONINTERACTION &CONTENUS &INTERFACE ARCHITECTUREFORME FONDDESIGN WEBlundi 23 novembre 2009 49. Le design Web ncessite une dmarche dlaborationpluri-disciplinaire et, par consquent, des intervenants aux prols en forme de T (T-shaped people). T lundi 23 novembre 2009 50. T-shaped (TEE-shaypt) adj. Possder une comptence ou une connaissance qui soit la fois en profondeur et en largeur.tre T-shaped (en forme de T) signie avoir un noyau de comptences et une connaissance approfondie dans un domaine (la tige du T), mais galement un haut niveau de curiosit, de sensibilit et daptitudes permettant de se diversier rapidement et datteindre une bonne comprhension gnrale dautres domaines (la barre transversale du T). T lundi 23 novembre 2009 51. Contexte mtierLes mtiers du design interactif lundi 23 novembre 2009 52. Industrialisation du digital Naissance dun nouveau paradigme mtier Annes 90+Graphiste(s) Dveloppeur(s)Chef de projetlundi 23 novembre 2009 53. Industrialisation du digital Naissance dun nouveau paradigme mtier Annes 2000UX + + + ++StratgieArchitecte DesignerExpertDesigner Flash Motiondes contenusdinformation dinteraction utilisabilitdinterface designer+ + + + Developpeur DeveloppeurDeveloppeur Developpeur Chef de projet DOM / CSSFrontBackAS3lundi 23 novembre 2009 54. Contexte mtierElements de lexprience utilisateur lundi 23 novembre 2009 55. Les 5 lments de lexprience utilisateurhttp://www.jjg.net/elements/ surfacesquellettestructureprimtrestrategielundi 23 novembre 2009 56. ate contexts, and to clarify the underlying relationships among aceConcrete CompletionWeb as hypertext system Visual Design: visual treatment of text, tment of interface k-and-feel")Visual Designsurfacegraphic page elements and navigationalcomponents itional HCI:Navigation Design: design of interface ts to facilitate elements to facilitate the user's movementonality Interface Design Navigation Design through the information architecturesquellette Tuftean sense:of information Information Design Information Design: in the Tuftean sense:designing the presentation of informationto facilitate understandingpment of Interaction Information structureInformation Architecture: structural design timete user tasks,acts with...