Studio 06 Prototyping 01
Transcript of Studio 06 Prototyping 01
![Page 1: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/1.jpg)
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
![Page 2: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/2.jpg)
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/
![Page 3: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/3.jpg)
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
![Page 4: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/4.jpg)
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
![Page 5: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/5.jpg)
5
![Page 6: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/6.jpg)
Install QC
• Install Xcode
• https://developer.apple.com/xcode/downloads/
• Quartz Composer is located under /Developer/Applications
6
![Page 7: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/7.jpg)
Quartz Composer
• https://developer.apple.com/library/mac/documentation/GraphicsImaging/Conceptual/QuartzComposerUserGuide/
7
![Page 8: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/8.jpg)
How to compose
• 3 different patches
8
![Page 9: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/9.jpg)
Origami
• https://facebook.github.io/origami/
• https://github.com/facebook/origami
9
![Page 10: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/10.jpg)
10
![Page 11: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/11.jpg)
11
![Page 12: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/12.jpg)
12
![Page 13: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/13.jpg)
13
![Page 14: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/14.jpg)
14
![Page 15: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/15.jpg)
15
![Page 16: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/16.jpg)
16
![Page 17: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/17.jpg)
17
![Page 18: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/18.jpg)
18
![Page 19: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/19.jpg)
19
![Page 20: Studio 06 Prototyping 01](https://reader033.fdocuments.us/reader033/viewer/2022042818/55ab7ae91a28abbd418b4755/html5/thumbnails/20.jpg)
20