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

Week 11

Prototyping 01

Midterm• Gathering Images (on each Pinboard)

• People (Persona)

• Place (Context)

• Technology

• Midterm Presentation (0n 28th April)

• System Concept Statement

• Persona Design

• Cultural Probe

• Contextmapping

• User Story Map

2

http://www.conceptkitchen2025.com/

Summer Show Setting1. Brush up your blog from midterm presentation > wireframes > narrative storyboards.

2. Set up a footage bin on vimeo.com : upload scratch footages while you make your concept video.

3. Open casual sessions with your 5 participants; Show them the midterm summary, wireframes, and narrative storyboards. Please gather their opinions and comments and bring it to class on 12th May.

4. Write up a technical rider for your prototyping ; software, hardware, and anything you need to complete your prototyping. Caution "Be realistic, and don't be too ambitious!"

3

Project Brief : http://www.alexaugier.com/oqpo_oooo/Tech Rider : http://www.alexaugier.com/wp-content/uploads/2014/10/oqpo_oooo_technicalRider_EN_23sept2014.pdf

W11. Assignments1. Story map (User Journey)

2. Information Architecture (Menu, Labels, Navigation)

3. Wireframes (Keynotes > Xcode Storyboard)

4. Video Envisionment (Narrative Storyboard + Movie)

5. Preparation for APP Prototyping

1. Install Xcode and find Quartz Composer

2. Install Origami (http://origami.facebook.com/)

4

5

Install QC

• Install Xcode

• https://developer.apple.com/xcode/downloads/

• Quartz Composer is located under /Developer/Applications

6

Quartz Composer

• https://developer.apple.com/library/mac/documentation/GraphicsImaging/Conceptual/QuartzComposerUserGuide/

7

How to compose

• 3 different patches

8

Origami

• https://facebook.github.io/origami/

• https://github.com/facebook/origami

9

10

11

12

13

14

15

16

17

18

19

20