Download presentation
Presentation is loading. Please wait.
Published byWarren Rogers Modified over 9 years ago
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-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 seesThe 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… 1.Emphasize scenes over screens 2.Advances the fidelity of an idea 3.Stands on its own, without explanation 4.Dedicates one panel to one idea, and uses panels generously AC4D design library
30
Storyboarding process 1.Start with your scenario 1.divide it into sentences 2.Put each sentence in an empty box 3.Number each box 2.Write the sentence from the scenario below each box 1.Consider splitting frame into two parts
31
Storyboarding process 3. Start designing the scene 1.Who is in the scene? 2.What is the minimal amount of content you need to convey the scene? 3.What kind of “shot is it”? 1.Closeup (CU) 2.Over the shoulder (OTS) 3.Extreme closeup (ECU) 4.Long shot (LS) 5.Medium shot (MS) AC4D design library
32
Storyboarding process 4.Sketch what happens in the scene inside each box 1.Emphasize hands and eyes on people 2.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
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=Hdyyuq mCW14http://www.youtube.com/watch?v=Hdyyuq mCW14
48
Let’s try it As a group, let’s collect some photos: using Google Glass in the classroom No narration (use speech bubbles)
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.