Wizard of Oz Prototyping + Making Video Scenarios

1. Wizard of Oz Prototyping +Making Video Scenarios HCC 729 4/17/14

2. Grading schedule • Weekly assignment feedback (up to this week) – tomorrow by 8pm • Graded Assignment 1 write-up by midnight on Sunday • Can resubmit

3. News and updates • Inspirations • Mini-lectures: Abbie, Gloria, Michiko • Show off storyboards • Tape them up during break

4. Inspirations • Julia • Randy • Michiko

5. Today • Prototyping future technologies • Visual storytelling • Creating stories in PowerPoint • Practice storyboarding

6. Today • Evaluating future technologies • Low-fidelity prototyping / “experience prototyping” (Buchenau and Suri) • Wizard of Oz prototyping • Video prototypes

7. Experience prototyping • How to create the experience of using a future technology before it exists?

8. Experience prototyping • How to create the experience of using a future technology before it exists? • For GUIs: ??? • For new devices: ???

9. Experience prototyping • How to create the experience of using a future technology before it exists? • For GUIs: paper prototyping • For new devices: ???

11. Design considerations

13. http://ed.ted.com/lessons/rapid-prototyping-google-glass-tom-chihttp://ed.ted.com/lessons/rapid-prototyping-google-glass-tom-chi

16. http://www.pcmag.com/article2/0,2817,2416876,00.asp

17. Testing interaction • How do we prototype the experience of an interactive system?

19. Wizard of Oz • A method of testing a system that does not exist yet • Example: a system that transcribes text. What the user sees The Wizard

20. Wizard of Oz • Human “Wizard” simulates system response • Interprets user input according to an algorithm • Controls computer to simulate appropriate output • Uses real or mock interface • Wizard sometimes visible, sometimes hidden • “pay no attention to the man behind the curtain”

21. How to WOZ: • A voice powered interactive agent (Siri) • A wearable camera that can recognize signs in foreign language • A shape changing computer display

22. What is WOZ good for?

23. Downsides?

24. Downsides • May appear too polished • User’s reactions often “in the small” (details) • Users reluctant to challenge designer • Users reluctant to change the design • Management may think it is real! • Unhappy that it isn’t ready for deployment • Unhappy you “wasted” so much time making something that isn’t a product

25. Visual storytelling

26. Storyboards • Sketching a comic-book style visualization of your scenario, to illustrate scenes and screens. • Goal: Capture relevant information and remove extraneous information Adapted from: AC4D design library, http://library.ac4d.com/

27. A good storyboard… • Emphasize scenes over screens • Advances the fidelity of an idea • Stands on its own, without explanation • Dedicates one panel to one idea, and uses panels generously AC4D design library

28. AC4D design library

29. AC4D design library

30. Storyboarding process • Start with your scenario • divide it into sentences • Put each sentence in an empty box • Number each box • Write the sentence from the scenario below each box • Consider splitting frame into two parts

31. Storyboarding process • 3. Start designing the scene • Who is in the scene? • What is the minimal amount of content you need to convey the scene? • What kind of “shot is it”? • Closeup (CU) • Over the shoulder (OTS) • Extreme closeup (ECU) • Long shot (LS) • Medium shot (MS) AC4D design library

32. Storyboarding process • Sketch what happens in the scene inside each box • Emphasize hands and eyes on people • If there are screens, first show the context, then fill in the screen AC4D design library

33. Tying your scenarios together • But… • Therefore… • And then… • http://www.mtvu.com/video/?vid=689002

34. Tying your scenarios together • But… • Therefore… • And then… • http://www.mtvu.com/video/?vid=689002

35. Storyboarding Process: Next steps • 5. Test your prototype and get feedback • What things make sense? • What things are confusing? • Where is there too much detail? • Where is there too little? • 6. Refine the storyboard • 7. Improve the “fidelity” of your story AC4D design library

36. For more information • AC4D Digital Library • http://library.ac4d.com • Storyboarding worksheet • Scenarios worksheet

37. More on visual storytelling

38. Video Sketching A great way to avoid the “drawing” problem with storyboarding

39. Limitations of storyboards

40. Limitations of storyboards • Lower fidelity • Pacing • Requires a lot of work to show each time

41. Video prototypes • Demonstrate idea • Control pacing • Easier to share • Can be created from still images, with narration • In animation, this is called an animatic

42. Examples of video prototypes

43. For next week two weeks • Revise your storyboard (any improvements?) • Create a video version of your storyboard • Photographs, voice narration • Test with 2 possible users and get feedback

44. Deliverables (5/2) • Make any changes to your storyboard that make sense • Show it to at least 2 people • Write down what they thought, what worked and didn’t, their questions • Replace sketches with PowerPoint narration (or other video)

45. Request for video • Keep video less than 3 minutes (2 is probably ideal)

46. Storytelling Advice (from John Zimmerman) • Don’t try and capture everything • Task and environment (may have multiple users) • Leverage titles • Sometimes it is easier to convey concepts in text than images • Focus on everyday interactions (not the extreme) to make it relatable to the audience

47. Scene Advice (from John Zimmerman) • Learn and follow the 180 degree rule • http://www.youtube.com/watch?v=HdyyuqmCW14

48. Let’s try it • As a group, let’s collect some photos: using Google Glass in the classroom • No narration (use speech bubbles)