!
!
!
UX Prototyping/IID 2014 Spring
Class hours : Fri. 3 pm-7 pm
16th May
Week 11
Video Envisionment
To Do
• CHI Selection Reviews
• [Horyon] Laureyssens, T. et. ai. ZWERM: a Modular Component Network Approach for an
Urban ...
Journey Map
3
Clickthrough Prototype
4
Method 1 : Sketching Storyboards
5
A Vocabulary
of Camera
Shots and
Filmmaking
Develop the storyline
6
Develop the storyline
The next step is to draw each of these scenes from the storyline in our storyboard.
7
Sketch establishing shot (introduction)
8
Continue the storyline sketches with appropriate camera shots
9
Cinematographic techniques of varying camera shots
10
Emphasize actions and motions
11
Emphasize actions and motions
We used various arrows to indicate a person’s motion.
12
Emphasize actions and motions
We also used a variety of other annotations to emphasize people’s actions or thoughts
13
Manipulate and print your photos
14
Add annotations
15
Add storyline text and comments
16
Narrative storyboards illustrate the context of an interaction sequence
17
Homework• Complete the Studio Workshop
• Gathering Images (on each Pinboard)
• People
• Place
• Technology
• Writing a pap...
Upcoming SlideShare
Loading in …5
×

Studio 11. Video Envisionment

772 views

Published on

Published in: Education, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
772
On SlideShare
0
From Embeds
0
Number of Embeds
346
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Studio 11. Video Envisionment

  1. 1. ! ! ! UX Prototyping/IID 2014 Spring Class hours : Fri. 3 pm-7 pm 16th May Week 11 Video Envisionment
  2. 2. To Do • CHI Selection Reviews • [Horyon] Laureyssens, T. et. ai. ZWERM: a Modular Component Network Approach for an Urban Participation Game.In Proc. CHI 2010, ACM Press (2014), 3260-3268 • [Kelly] Sas, C. and Whittaker, S. Design for Forgetting : Disposing of Digital Possessions After a Breakup. In Proc. CHI 2010, ACM Press (2013), 1823-1832. • Team Presentation • Journey Map • POP Prototyping • Studio 11 : Video Envisionment 2
  3. 3. Journey Map 3
  4. 4. Clickthrough Prototype 4
  5. 5. Method 1 : Sketching Storyboards 5 A Vocabulary of Camera Shots and Filmmaking
  6. 6. Develop the storyline 6
  7. 7. Develop the storyline The next step is to draw each of these scenes from the storyline in our storyboard. 7
  8. 8. Sketch establishing shot (introduction) 8
  9. 9. Continue the storyline sketches with appropriate camera shots 9
  10. 10. Cinematographic techniques of varying camera shots 10
  11. 11. Emphasize actions and motions 11
  12. 12. Emphasize actions and motions We used various arrows to indicate a person’s motion. 12
  13. 13. Emphasize actions and motions We also used a variety of other annotations to emphasize people’s actions or thoughts 13
  14. 14. Manipulate and print your photos 14
  15. 15. Add annotations 15
  16. 16. Add storyline text and comments 16
  17. 17. Narrative storyboards illustrate the context of an interaction sequence 17
  18. 18. Homework• Complete the Studio Workshop • Gathering Images (on each Pinboard) • People • Place • Technology • Writing a paper outline • Interaction Design Goals • Users • Technology (using your own UI Prototypes) • Use Context (using the journey map) • Observation Methods • Expected Results 18 https://www.bartlett.ucl.ac.uk/architecture/documents/joe-paxton-riba-award

×