Télécharger en tant que PDF, PPTX
Téléchargé parRizomer
Le design UX
L'atelier sur le design d'expérience utilisateur, tenu en avril 2016, explore les différentes significations du terme 'design' et leur importance dans le contexte du design UX. Il aborde également des méthodes et outils pour concevoir des expériences adaptées aux utilisateurs, en mettant l'accent sur l'approche agile et les techniques de brainstorming. Enfin, il souligne les enjeux contemporains liés aux technologies émergentes et à la conception d'interactions humaines.
![[Design thinking] : Définition de son jargon](https://cdn.slidesharecdn.com/ss_thumbnails/desthinkingjargon1610-4-171016134321-thumbnail.jpg?width=640&height=640&fit=bounds)
Le design UX
- 1.
- 2. Le design d’expérience u0lisateur Atelier École decommunica0on visuelle Aix-en-Provence, 14-15 avril 2016
- 3.
- 4.
- 5. Le design Quel(s) senspour un mot?
- 6. Le design Quel(s) senspour un mot? Contrairement aux idées reçues, le terme « design » n’est pas tant un anglicisme qu’un la:nisme. (…) Il signifie « marquer d’un signe » - Stéphane Vial, Court traité du design
- 7. Le design Quel(s) senspour un mot? Cependant, le verbe anglais to design a deux sens : celui de « dessiner » (...) mais aussi celui de projeter en fonc>on d’un « dessein » … - Stéphane Vial, Court traité du design
- 8. Pourquoi ces sensdu mot « design » sont-ils importants lorsqu’on aborde la ques8on du design UX ?
- 9. Pourquoi ces sensdu mot « design » sont-ils importants lorsqu’on aborde la ques8on du design UX ?
- 10. Pourquoi ces sensdu mot « design » sont-ils importants lorsqu’on aborde la ques8on du design UX ? Kids using Dynabook. Alan Kay
- 11. Pourquoi ces sensdu mot « design » sont-ils importants lorsqu’on aborde la ques8on du design UX ?
- 12. Quels « desseins» derrière l’évolu2on des interfaces ?
- 13. Peut-on designer une expérience? design visuel design d’interfaces design d’interac8on architecture d’informa8on spécifica8ons fonc8onnelles & formelles objec8fs u8lisateur Selon Jesse James Garret, The Elements of User Experience objec8fs système interac8f
- 14. Peut-on designer une expérience? complé2on concep2onabstrait concret design visuel design d’interfaces design d’interac2on architecture d’informa2on spécifica2ons fonc2onnelles & formelles objec2fs u2lisateur Selon Jesse James Garret, The Elements of User Experience objec2fs système interac2f
- 15. Peut-on designer une expérience? surface skeleton structure scope srategy Selon Jesse James Garret, The Elements of User Experience
- 16. Peut-on designer une expérience? prototyper & valider décider diverger définir découvrir & comprendre Selon Google Ventures adapté de IDEO et Stanford Design School
- 17. Peut-on designer une expérience? prototypage & itéra4on pensée plateforme (pla2orm thinking) design pa6erns découverte & compréhension mode(s) d’interac4on Nouvelles tendances du design UX
- 18. Peut-on designer une expérience? prototypage & itéra4on découverte & compréhension mode(s) d’interac4on design pa4erns pensée plateforme (pla8orm thinking) Nouvelles tendances du design UX Source: UI Flat Design Mega Collec6ons - h9p://www.shu9erstock.com/
- 19. Peut-on designer une expérience? prototypage & itéra4on pa*erns & principes découverte & compréhension mode(s) d’interac4on Source: Gesture Cards byByCraigVillamor, DanWillis, and LukeWroblewski pensée plateforme (pla8orm thinking) Nouvelles tendances du design UX
- 20. Peut-on designer une expérience? prototypage & itéra4on pa*erns & principes découverte & compréhension mode(s) d’interac4on Source: h*p://www.yelvington.com/files/pla:orm.png pensée plateforme (pla8orm thinking) Nouvelles tendances du design UX
- 21. Peut-on designer une expérience? « Now, let’s talk about that word “experience”. A lot of people have trouble with this word, especially paired with the word “design”. “You can’t call it experience design!” they say. “How can you possibly control someone else’s experience?” they demand. » - Jesse James Garret, InformaJon Architecture Summit 2009
- 22. Peut-on designer une expérience? « Well, wait a minute — who said anything about control? » - Jesse James Garret, Informa?on Architecture Summit 2009
- 23. Peut-on designer une expérience? « Experience is too ephemeral, they say » - Jesse James Garret, Informa<on Architecture Summit 2009
- 24. Peut-on designer une expérience? The en+re hypothesis of experience design (and it is a hypothesis at this point) is that the ephemeral and insubstan+al can be designed. And that there is a kind of design that can be prac+ced independent of medium and across media. - Jesse James Garret, Informa+on Architecture Summit 2009
- 25. Peut-on designer une expérience? Percep0on Ac0on Cogni0on Émo0on Compréhension Basé sur Jesse James Garret, Informa5on Architecture Summit 2009
- 26. Peut-on designer une expérience? Le design thinking - IDEO Empathize Prototype Test Define Ideate
- 27. Peut-on designer une expérience? UX is not UI - by Erik Flowers Define
- 28. Le spectre dudesign d’expérience u1lisateur Peut-on designer une expérience ?
- 29.
- 30.
- 31. Étude de cas parun pe-t design fic*on
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38. Méthode - Brainstorming • Resterouvert • Rester concentré sur le projet • Viser la quan8té • Encourager toutes les idées • Voter pour recentrer et pré- sélec8onner
- 39. Méthode - Brainstorming • Resterouvert Le brainstorming est plus efficace lorsqu’on ouvre d’abord pour recentrer par la suite… • Rester concentré sur le projet • Viser la quan8té • Encourager toutes les idées • Voter pour recentrer et pré- sélec8onner
- 40.
- 41. Méthode - Interviews “Actually, wedon’t use the term user at Facebook. We kind of stopped using it because we want to call them people » Margaret Gould Stewart, Director of product design
- 42.
- 43.
- 44.
- 45. Méthode - Interviews u+lisateurs Analyse depa+erns (source: Shlomo Goltz, Smashing Magazine 2014)
- 46. Méthode - Interviews u+lisateurs « Whenthe creators of so.ware-based products examine their handiwork, they overlook how bad it is.» - Alan Cooper, The Inmates Are Running The Asylum
- 47. Méthode - Interviews u+lisateurs « Programmingis such a difficult and absorbing task that it dominates all other considera6ons, including the concerns of the user. » - Alan Cooper, The Inmates Are Running The Asylum
- 48. Quel écho ontaujourd’hui ces propos alors qu’émergent des enjeux autour de technologies telles l’internet des objets ou l’intelligence ar9ficielle ?
- 49.
- 50.
- 51. Méthode - Persona Biographie Mo+va+on ou objec+f Design dédié Scénario d’usage ou d’interac+on Unejournée dans la vie de ...
- 52.
- 53. Méthode - Persona Prénom Biographie Mo/va/on ou objec/f Design dédié Scénario d’usage ou d’interac/on Unejournée dans la vie de ... Tagline
- 54.
- 55. « We believe thatbasing personas on real data is well worth the effort ... …in terms of establishing credibility and achieving successful outcomes. » - John Prui+ and Jonathan Grudin - Design Studies: Human-Centered Design
- 56. « We don’t usepersonas. We use ourselves. » « I believe personas lead to a false sense of understanding at the deepest, most cri<cal levels. » - Jason Fried, Founder of 37signals, Signal vs. Noise blog
- 57. « For astart, personas don’t subs1tute the need to do your homework... …talk to real people and test your assump1ons on a live audience.»- Andy Budd, UX Designer and founder of Clearle7
- 58. Pourquoi considère-t-on ce0e formede synthèse de la recherche sur les u7lisateurs ?
- 59.
- 60. Méthode - Bodystorming people byirenehoffman @ the Noun Project
- 61. Méthode - Bodystorming people byirenehoffman @ the Noun Project
- 62.
- 63. Méthode - Bodystorming • Selever • Le faire! • Considérer des accessoires • Répar9r les rôles • Documenter en images et en sons • Observer et noter
- 64. Méthode - Bodystorming We bodystormto generate unexpected ideas that might not be realized by talking orsketching.- Standford DSchool
- 65. Méthode - Bodystorming Un bodystormpermet d’imaginer et de définir en contexte et à travers des comportements.
- 66. Méthode - Bodystorming Ce contexteinterac,f peut être perçu à travers différentes « len,lles ».
- 67. Ce contexte interac,f peutêtre perçu à travers différentes « len,lles ». Mental Notes Cards de Stephen P. Anderson
- 68. Ce contexte interac,f peutêtre perçu à travers différentes « len,lles ». Game Design A Deck of Lenses de Jesse Schell
- 69. Ce contexte interac,f peutêtre perçu à travers différentes « len,lles ».
- 70.
- 71. Méthode - Cartographie d'expérience PENSE ETSENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION : PENSE ET SENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION :
- 72. Méthode - Cartographie d'expérience PENSE ETSENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION : PENSE ET SENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION : La carte documente de façon exhaus2ve l’expérience (interac(ons, canaux) qu’une personne peut avoir avec un produit ou un service, et elle sert de base à la phase de design. - Sylvie Daumal, Design d'expérience u>lisateur
- 73. Méthode - Cartographie d'expérience PENSE ETSENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION : PENSE ET SENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION : « Pour construire ce-e cartographie, il convient d’établir l’inventaire de tous les points de contact ... » - Sylvie Daumal, Design d'expérience u<lisateur
- 74. Méthode - Cartographie d'expérience PENSE ETSENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION : PENSE ET SENS FAIS ENTENDS VOIS ESPACES ÉTAPES PERSONA Cartographie d’expérience adapté du JX DESIGN KIT by tlabmars (QUI ?) (OÙ ?) (QUOI ?) (QUOI ?) (COMMENT?) (POURQUOI?) DESIGNER : DATE : VERSION : « The ac(vity of mapping builds knowledge and consensus across teams and stakeholders, and the mapas ar1fact allows you to create and support be<er customer experiences.» - Adap4ve Path's Guide To Experience Mapping
- 75.
- 76.
- 77.
- 78. Méthode - Wireframing Les wireframes sontdes structures schéma0ques d’interfaces. Ils communiquent la rela0on entreles éléments perçus par l’u0lisateur. Ils peuvent avoir différents niveaux de «fidélité» par rapport à l’interface finale.
- 79.
- 80.
- 81.
- 82. Méthode - User Stories -Lindsay Ratcliffe and Marc McNeill, Agile Experience Design
- 83. Méthode - User Stories -Lindsay Ratcliffe and Marc McNeill, Agile Experience Design
- 84.
- 85.
- 86.
- 87. Méthode - Social Business Canvas Lebusinesscanvas permet de structurerla conversa1on autourd’unevision entrepreneuriale.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93. «Valuehasul'mately beenplacedonthe deliverable,noton theexperiencebeing created. Withinterac've experiencesevolving rapidly,the deliverableisjustnot enough.» - Jeff Gothelf,Lean UX - Ge=ng out of the deliverables business
- 94. «Youcan’thide behindyourmonitor anymore! Seriously.It’s9meto comeout. Getitoutthere.Fast. Inpublic.(Yes,where peoplecanseeit.)» - Jeff Gothelf,Lean UX - Ge5ng out of the deliverables business
- 95.
- 96. Ressources & Références Court traitédu design The Elements of User Experience IDEO Design KitsInVision e-courses Boxes and Arrows Designers interacDfs UX MaGers Standford DSchool IA InsDtute & Summit
- 97. Smashing Magazine Smashing Magazine GoogleDesign Sprint Design Fic6on’s Vimeo Channel The Inmates are Running the Asylum Get the SWAG on! Design d’expérience u6lisateur Agile Experience Design UX Republic Ressources & Références
- 98. Pale%e de couleursde 2001 Odyssée de l’espace (source: moviesincolor.com)
- 99. Pale%e de couleursde 2001 Odyssée de l’espace (source: moviesincolor.com) Merci pourvotre par-cipa-on! Djela Djamba Okoko Designer d’interac-on h<p://rizomer.org/ djela@rizomer.org @rizomer