!!!

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 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

Journey Map

3

Clickthrough Prototype

4

Method 1 : Sketching Storyboards

5

A Vocabulary

of Camera

Shots and

Filmmaking

Develop the storyline

6

Develop the storylineThe 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 motionsWe used various arrows to indicate a person’s motion.

12

Emphasize actions and motionsWe 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 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