sketching user experience

Download Sketching User Experience

Post on 27-Jan-2015

107 views

Category:

Education

3 download

Embed Size (px)

DESCRIPTION

Slides presenting the idea of Bill Buxton on designing for the wild and experience design.

TRANSCRIPT

  • 1. Designing User Experiences Getting the design right and the right design Rmi BARRAQUANDhttp://www.slideshare.net/remibarraquandSketchingRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG

2. Rmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 2Important. These slides are not yet finished,many references are missing.Main References: Bill Buxton Books, Blog, Lectures Saul Greenberg Lectures CPSC 581 3. What is this lecture about?" It is not a lecture on design, but how designers (should) work" It is about the design process itselfthe design process seen as the process of sketching.Sketching User Experience is, nominally, a bookabout product design. But it would be just as accurateto say that its a book about software development, or,more generally, about the often broken process ofbringing new products to market, with examplesranging from the iPod to an orange juicer.When I see design I see sketching Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 3 4. The MasterBill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 4 5. The Masters BookRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAGBill Buxton5 6. The Masters Lecture @StanfordBill Buxtonhttp://www.youtube.com/watch?v=xx1WveKV7aERmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 6 7. Objectives of this course" Better understand, distinguish and use" Sketching, sketches, prototyping, prototypes, sketching vs.prototyping, sketches vs. prototypes" Incorporate the best practices of experience design intoyour everyday skills" Critical analysis of interface designs" Creativity via applied exercises" Idea brainstorming via sketching" Sketches and prototypes development" Implementation of a final product (TPI)" Portfolio summariesRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 7 8. IHM vs. TPIThis CourseIHMTPIRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 8 9. About the Organisation" 2 classes of 3 hours each" 5 TAs sessions of 3 hours each" Experience important aspects of the design process" Generative" Reductive" Create a real product from scratch and experience each step" Problem statement, state of the art, analysis of the users needs, etc." Explore: sketching, sketching user experience" Challenge: brainstorming, presentation" Converge to a prototype and a final product (TPI)Are you experienced ? Jimi HendrixIf not, get experienced, or get a new job Bill BuxtonDesign FunnelRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 9 10. About the Evaluation" Final Project" Sketchbook" Progressive description of visual ideas" Habitual use clever quantity!" Portfolio" Summary of accomplishment (synopsis of your work and progression)" Organization, methods, archives of supporting documents" Prototype(s) & Final Application" IHM, Task Model, Ergonomic Criteria, Conception, etc." Participation" Class discussions and critics" Presentation of your own workRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 10 11. About You" Personal work" Sketching anywhere, anytime carry onyour sketchbook wherever you go." See what is out there, collect, generate,develop your media choice affectswhat you create" Challenge the design of others constantly,understand the work of others, present yours" Think about your Portfolio, collect your works, be proudIt take as much creativity to understand a good idea than to have it in the first placeWe are very good at judging each others work and skillsYour better ideas are not kept in the process, be open to criticsIf you are not failing it means you are not trying hard enough Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 11 12. Design for the WildA shift from object-centered to experience-centered designRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 12 13. Plan" What it is all about?" Design For The Wild" What is the object of design?" Designing for the wild" The role of design" Sketching & Prototyping" Wrap upRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 13 14. What do we sell?Is it the object?What do wedesign? Is it theobject?What is the trueobject of design?Rmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 14 15. Rmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 15 16. What we sell and design, is the experiencethat comes out of the box, engenders,advocates, supports Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 16 17. Plan" What it is all about" Design For The Wild" What is the object of design?" Designing for the wild" The role of design" Sketching & Prototyping" Wrap upRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 17 18. Design for the Wild" Kayaking along the coast of Greenland" How do you find your way:" Paper map?" Digital map on PC?" On an internet PDA?" Other ideas?Where am I?Rmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 18 19. Design for the Wild" Tactile 3D wooden maps" You can use them wearing gloves" They have infinite battery life" Can be read during night" They float in the waterRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 19 20. It is not the physical entity or what is inthe box (the material product) that is thetrue outcome of design. Rather, it is thebehavioral, experiential, and emotionalresponses that come about as a result ofits existence and its use in the realworld Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 20 21. From a Materialist to ExperientialPerspective of Design| a shift from object-centered to experience-centered designWe are deluding ourselves if we think that theproducts that we design are the things that wesell, rather than individual, social and culturalexperience that they engender, and the value andimpact and they have. Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 22. Design for the Wild" Requires us to think of technologies as social entitieswhich have the flexibility to respond in multiple ways,depending on how people appropriate them." To design a technology, we must make our best efforts tounderstand the larger social and physical context withinwhich it is intended to function." We must be able to experience our designs in the wild(i.e. the use-context in all its richness) during the earlystages of the process.The only way to engineer the future tomorrow is to havelived in it yesterday Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 22 23. Plan" What it is all about" Design For The Wild" What is the object of design?" Designing for the wild" The role of design" Sketching & Prototyping" Wrap upRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 23 24. The Role of Design" Design teams should be composed of people with differentbackgrounds and histories because all can bring valuable,complimentary skills to bear in the creation of new products. Itis a social thing." Design must also include design of the engineering process,marketing plan and business plan." Design is a professional discipline and requires methods notonly skills" Every one is a designer Don Norman" Every one is not a designer Bill BuxtonWe need holistic approach to experience-baseddesign Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 24 25. The Role of Design" Explicit Design Process" Reproduction in film making" Development of a new automobile" Need to insert a design process at the front end ofproduct development" The cost and time lost due to this additional stage will besignificantly less than the cost and time lost due to the poorplanning and overruns that will result if it is not included." Dangerous Assumptions" We know what we want at the start of a project" We know enough to start building itRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 25 26. The Role of Design" Problem setting" What is the right thing to build?" Problem solving" How do we build this?You must get the right design as well as thedesign right Bill BuxtonThe role of design is to get the right design. Therole of usability engineering is to get the designright Bill BuxtonRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 26 27. Sketching & PrototypingSketching is a quintessential activity of DesignRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 27 28. Plan" Introduction" Design For The Wild" Sketching & Prototyping" Design Process" What Is a Sketch? What Is Sketching?" Sketches vs. Prototypes" About Meta-Sketching" Experience Design" Sketching the Interaction" Sketchs Social Life" The Sketchbook" Wrap upRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 28 29. Design Right vs. Right Design" Getting the Design Right" Generate an ideaIdeaideaideaRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 29 30. But is it the best idea?Design Right vs. Right Design" Getting the Design Right" Generate an idea" Iterate and develop it Ideaideaidea ideaideaideaideaideaRmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 30 31. But is it the best idea?Design Right vs. Right Design" Getting the Design Right" Generate an idea" Iterate and develop it The problem" Other better solutions may be available in different ideas" Local vs. global maxima (local hill climbing)" Often results from fixating on a single ideaIdeaideaidea ideaideaideaideaideaother idea?Rmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 31 32. idea4idea1idea2idea4idea5idea7Design Right vs. Right Design" Getting the Design Right" Generate an idea" Iterate and develop it" Getting the Right Design" Generate many idea and variation (Generation)" Reflect and choose (Reduction)" Then iterate and develop your choiceIdeaideaidea ideaideaideaideaidea1idea2idea3idea4idea5idea6idea7idea5idea5Rmi Barraquand, Cours IHM 2011, Anne spciale ENSIMAG 32 33. Design Right vs. Right Design" Getting the right design" Generate many ideas, e.g. inspired by brainstorming, discussions,lateral th