Studio 04

20
UX Prototyping / IID 2015 Spring Class hours : Tuesday 2 pm – 6 pm Lecture room : International Campus Veritas Hall B320 14th April Week 07 Video Envisionment

Transcript of Studio 04

UX Prototyping / IID 2015 Spring Class hours : Tuesday 2 pm – 6 pm Lecture room : International Campus Veritas Hall B320   14th April

Week 07

Video Envisionment

The Last Week’s Homework

2

Complete Your Contextmapping Phase, and Report the results

Readings And Critiques

(Assign Presenters for Each Pape

r)

Midterm Presentation

1 2 3

Your Blog Post #13 -  Complete your Cont

extmapping session.

-  Organize the session outputs

-  Make the user stories

Your Blog Post #14 -  Summarize the papers -  Add your critiques for each p

apers

Your Blog Post #15 -  (1) System Concetp Statement -  (2) Persona Design -  (3) Cultural Probe -  (4) Contextmapping -  (5) User Story Map

Reading List• Week 07 Readings

• Jeffrey Heer & Peter Khooshabeh (2004) "Seeing the Invisible" in Workshop on Invisible & Transparent Interfaces, Advanced Visual Interfaces.

• Kasim Rehman, Frank Stajano, & George Coulouris (2002) "Interfacing with the Invisible Computer," Proceedings of NordiCHI, October 19-23, 2002, Arhus, Denmark.

3

To Do• Team Presentation

• Cultural Probe Follow-ups

• Contextual mapping Reports

• Journey Map

• Studio 04:

• Video Envisionment

4

Journey Map

5

Clickthrough Prototype

6

Method 1 : Sketching Storyboards

7

A Vocabulary

of Camera

Shots and

Filmmaking

Develop the storyline

8

Develop the storylineThe next step is to draw each of these scenes from the storyline in our storyboard.

9

Sketch establishing shot (introduction)

10

Continue the storyline sketches with appropriate camera shots

11

Cinematographic techniques of varying camera shots

12

Emphasize actions and motions

13

Emphasize actions and motionsWe used various arrows to indicate a person’s motion.

14

Emphasize actions and motionsWe also used a variety of other annotations to emphasize people’s actions or thoughts

15

Manipulate and print your photos

16

Add annotations

17

Add storyline text and comments

18

Narrative storyboards illustrate the context of an interaction sequence

19

Homework• Complete the Studio Workshop

• Gathering Images (on each Pinboard)

• People (Persona)

• Place (Context)

• Technology

• Midterm Presentation (0n 28th April)

• System Concetp Statement

• Persona Design

• Cultural Probe

• Contextmapping

• User Story Map

20

http://www.conceptkitchen2025.com/