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.

Prototyping Experiences for Connected Products

1,111 views

Published on

Slides from our hands-on prototyping workshop at O'Reilly Solid conference 2015.

This workshop was about low fidelity and experience prototyping techniques such as enactment, wizard-of-oz and video sketching. Teams tackled briefings and produced video sketches you can find on Instagram at https://instagram.com/explore/tags/solidprototyping/

Published in: Devices & Hardware
  • Hey guys! Who wants to chat with me? More photos with me here 👉 http://www.bit.ly/katekoxx
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Prototyping Experiences for Connected Products

  1. 1. 1 Prototyping experiences for connected products O’Reilly Solid 2015
  2. 2. 2 What we’ll do today • What’s experience prototyping all about? (15 min) • Warmup (20 min) • What you can tackle through experience prototyping (20 min) • Different techniques for prototyping connected products (20 min) • Comfort break 3:00 pm • Prototyping time (1h 15min) • Demos and discussion (45 min)
  3. 3. 3 Hello! Claire Rowland Elizabeth Goodman Tom Metcalfe Martin Charlier @clurr @egoodman @tommetcalfe @marcharlier
  4. 4. 4 Designing Connected Products
  5. 5. 5 “PROTOTYPE” An experiment designed to answer specific questions.
  6. 6. 6 PROTOTYPE EXPERIENCE PROTOTYPE
  7. 7. 7 IBM & SPEECH-TO-TEXT Let’s not bet the company on it… More about this story in “Pretotype It” http://www.pretotyping.org/uploads/1/4/0/9/14099067/pretotype_it_2nd_pretotype_edition-2.pdf
  8. 8. 8 Building 
 the thing right. PROTOTYPE EXPERIENCE PROTOTYPE Building 
 the right thing.
  9. 9. 9 Building the thing right. What are the tech challenges we will face? Can we actually make this work with the tech we have? Will it meet the requirements? Building the right thing. Would people use this? How would it have to work to be desirable? Should we build this at all? What would it feel like to use this? PROTOTYPE EXPERIENCE PROTOTYPE
  10. 10. 10 Product development “Product development is largely an exercise in uncovering surprises as soon as possible.” Susan Conant http://radar.oreilly.com/2015/06/the-11-deadly-sins-of-product-development.html
  11. 11. 11 Product development COST STAGE IN YOUR DEVELOPMENT You don’t want to be asking big, fundamental questions here. Are we building the right thing? Are we building the thing right?
  12. 12. 12 negligiblesignificant Cost hours or daysweeks Time many & roughfew & precise Answers PROTOTYPE EXPERIENCE PROTOTYPE
  13. 13. 13 ELECTRONICS PROTOTYPING Even electronics prototyping platforms can sometimes distract and waste time. “Uh-oh! I’ve just spend an entire day getting a certain library to work.”
  14. 14. 14 STORYBOARDING PHYSICAL MOCK UPS VIDEO PROTOTYPING ACTING OUT
  15. 15. 15 Warmup Please get into teams
  16. 16. 16 10 Minutes Pick an IKEA product and augment it through sensing & connectivity. Give it an IKEA style name.
  17. 17. 17 Briefing Each team now receives their briefing.
  18. 18. 18 Exercise 1 List questions
  19. 19. 19 “PROTOTYPE” An experiment designed to answer specific questions.
  20. 20. 20 Areas you will learn about Value proposition Context of use Interaction
  21. 21. 21 Areas you will learn about “where is the value in this idea?” “what are the user stories for this idea?” “does this seem like a worthwhile idea?”
  22. 22. 22 Areas you will learn about Value proposition Context of use Interaction
  23. 23. 23 Areas you will learn about “what would this feel like in an office?” “what would using this while cycling feel like?” “would using this on public transport be problematic?”
  24. 24. 24 Areas you will learn about Value proposition Context of use Interaction
  25. 25. 25 Areas you will learn about “how would the interface have to work?” “what is the right gesture for this?” “could this work using a voice interface?”
  26. 26. 26 15 Minutes List questions about your briefing you could answer through experience prototyping. Pick ONE question to prototype.
  27. 27. 27 Think about these areas: Value proposition Context of use Interaction
  28. 28. 28 Exercise 2 Prototyping time
  29. 29. 29 Prototyping techniques Media from the future Storyboards Physical props Wizard of Oz Video prototypes
  30. 30. 30 Newspaper article Credit: Dan Hill Press release Sketch-the-box / sketch an advert • Can this service, idea or product be plausibly conveyed? • Are we able to convey the idea in simple terms? • Forces you to clearly and simply convey the value and why anyone should care. • Can be iterated quickly. • Why should people care? • How do you persuade them? • How can you proof your claims?
  31. 31. 31 Prototyping techniques Media from the future Storyboards Physical props Wizard of Oz Video prototypes
  32. 32. 32 Storyboard with script Credit: Deb Aoki Credit: Robert André Composed with screenshots Collaboration with cartoonist to explore wider human context • How different products and systems hang together. • How interactions work across space and time. • Great foundation for video. • Focus the reader on what is the new part and make it clear what you’re *not* designing. • Sense check your ideas through how plausible the story feels.
  33. 33. 33 Prototyping techniques Media from the future Storyboards Physical props Wizard of Oz Video prototypes
  34. 34. 34 Physical artefacts Credit: Uniform Credit: Stimulant Credit: D-LABS 1:1 scale Gaining empathy through acting out • Make it real - think through making. • Act out and pretend to use the products. • Work and iterate in the real sizes and environments.
  35. 35. 35 Use existing devices you already have Credit: UsTwo http://ustwo.com/blog/our-experience-approach-to-hmi-design/
  36. 36. 36 Iterate, iterate, iterate! http://bergcloud.com/case-studies/cloudwash/
  37. 37. 37 Prototyping techniques Media from the future Storyboards Physical props Wizard of Oz / Mechanical Turk Video prototypes
  38. 38. 38 What a participant experiences…. Credit: Ericsson Labs, Marcus Nyberg … and how it’s done.
  39. 39. 39 Across multiple days and remotely. http://www.ideo.com/images/uploads/news/pdfs/FultonSuriBuchenau-Experience_PrototypingACM_8-00.pdf
  40. 40. 40 Prototyping techniques Media from the future Storyboards Physical props Wizard of Oz Video prototypes
  41. 41. 41 These are NOT video prototypes. (These are concept videos…)
  42. 42. 42 30 minute prototype for a connected herb garden sensor. this was a video…
  43. 43. 43 Connected instrument w/ play-along lessons Credit: Alexandros Kontogeorgakopoulos and Ant Mace / From a workshop run by Tom Metcalfe this was a video…
  44. 44. 44 Sketch-A-Move: Slightly more elaborate. Both a demonstration and an exploration. http://www.superflux.in/work/sketch-move this was a video…
  45. 45. 45 Sketch-A-Move: Behind the scenes http://www.superflux.in/work/sketch-move Capture imagination and inspire the team Matthias Kranz, et. al http://www.eislab.fim.uni-passau.de/files/ publications/2006/SketchAMove_preprint.pdf
  46. 46. 46 Stills compositions with narration More info: http://www.cooper.com/journal/2008/12/economizer this was a video…
  47. 47. 47 A storyboard or video prototype can guide the tech requirements More info: http://www.cooper.com/journal/2008/12/economizer Technology requirements Technology requirements Technology requirements Technology requirements
  48. 48. 48 1 Hour 15 Minutes Prototyping time! At Demo time, we want to hear your selected question and see your prototype in action (video or demonstration)
  49. 49. Prototype to share (35 min) 49 Focus first on learning about the problem through prototyping - then focus on producing a shareable prototype. Prototype to learn (40 min)
  50. 50. 50 Instagram hashtag for your prototypes #SolidPrototyping
  51. 51. 51 https://instagram.com/explore/tags/solidprototyping/
  52. 52. 52 Demo time! (+ discussion)
  53. 53. 53 kuddel winner Winner of the IKEA exercise
  54. 54. 54 Thank you. designingconnectedproducts.com

×