Your SlideShare is downloading. ×
Studio 11. Video Envisionment
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Studio 11. Video Envisionment

403

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
403
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ! ! ! UX Prototyping/IID 2014 Spring Class hours : Fri. 3 pm-7 pm 16th May Week 11 Video Envisionment
  • 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. Journey Map 3
  • 4. Clickthrough Prototype 4
  • 5. Method 1 : Sketching Storyboards 5 A Vocabulary of Camera Shots and Filmmaking
  • 6. Develop the storyline 6
  • 7. Develop the storyline The next step is to draw each of these scenes from the storyline in our storyboard. 7
  • 8. Sketch establishing shot (introduction) 8
  • 9. Continue the storyline sketches with appropriate camera shots 9
  • 10. Cinematographic techniques of varying camera shots 10
  • 11. Emphasize actions and motions 11
  • 12. Emphasize actions and motions We used various arrows to indicate a person’s motion. 12
  • 13. Emphasize actions and motions We also used a variety of other annotations to emphasize people’s actions or thoughts 13
  • 14. Manipulate and print your photos 14
  • 15. Add annotations 15
  • 16. Add storyline text and comments 16
  • 17. Narrative storyboards illustrate the context of an interaction sequence 17
  • 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

×