studio 06 prototyping 01
TRANSCRIPT
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