Iterative Prototyping
Upcoming SlideShare
Loading in...5
×
 

Iterative Prototyping

on

  • 3,548 views

Workshop on low-cost methods for design and iterative prototyping.

Workshop on low-cost methods for design and iterative prototyping.

Statistics

Views

Total Views
3,548
Views on SlideShare
3,136
Embed Views
412

Actions

Likes
5
Downloads
87
Comments
0

1 Embed 412

http://snu.lab80.co 412

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Iterative Prototyping Iterative Prototyping Presentation Transcript

  • Iterative Prototyping 2114.409: Creative Research Practice This presentation borrows heavily from Shen Zhao, Richard Davis, Scott Klemmer with permissionHTTP://WWW.FLICKR.COM/PHOTOS/ROSENFELDMEDIA/3978305312/
  • Creative Research PracticeObserva(on+&+ Itera(ve+ Evalua(on+&+ Publica(on+Brainstorming+ Prototyping+ Analysis+ Methodology to: Our version: • Write a dissertation • Data-centric • Build a company • Emphasize feedback • Start a movement • Emphasize skills/recipes
  • HTTP://WWW.FLICKR.COM/PHOTOS/CYBERSLAYER/952953634/Goal Where are we going? How do we get there?
  • HTTP://WWW.FLICKR.COM/PHOTOS/DHAMMZA/195319646/If we always turn right, we’ll eventually reach our goal Is there a right-hand rule for design?
  • Two Core PrinciplesK A divergence - iteration convergence K A
  • Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • Demo/Pitch prototype Design Critique Cognitive Walkthroughsynthesis feedback Heuristic Evaluation Controlled Experiment Survey Analytics
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Today’s Concierge Prototype Oz Focus Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • Scenario Workshop “John wants to take notes while in class. Even though the slides will be posted online later, he wants to make sure he captures the most important points. BeforeActors the professor starts the lecture, he starts the note- taking application on his phone. The application automatically notes the current date, time and class.Setting During the class he can press one of two buttons - to start recording audio or to take a picture. AfterGoals recording, the application allows him to tag the recording with keywords. Later, when he is home, heActions can review his notes, synchronized with the powerpoint slides downloaded from the course web site. He can search by keyword, follow the lecture linearly, or speed up in time.” Text Storyboard Video Source: Richard Davis
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • Interface Sketch Workshop Square corners Annotations Good pen Grid/templates Limited detail Visual hierarchy Multicolor inkHTTP://WWW.FLICKR.COM/PHOTOS/JOLLY_SONALI/5790735754/
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • Concierge Workshop HTTP://WWW.FLICKR.COM/PHOTOS/ROSEFIRERISING/456689214/
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • PaperPrototype HTTP://WWW.FLICKR.COM/PHOTOS/NASHIH/5487801683/
  • Rough Sketch Photorealistic Rendering Why might we prefer a low-fidelity representation?HTTP://WWW.FLICKR.COM/PHOTOS/PINTIPINTIPINTI/3510465346/ HTTP://WWW.FLICKR.COM/PHOTOS/PG/4028986155/
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • Wizard of OzAdapted from Scott Klemmer (CS147, Fall 2010)
  • Iterative Prototyping Start High Fidelity Scenario Storyboard Video Sketch Wireframe Mockup Paper Wizard of Concierge Prototype Oz Various Functional PrototypesConcrete Adapted from Scott Klemmer (CS147, Fall 2010)
  • What to prototype?Riskiest thing - “test your assumptions”Core mechanic - “build something juicy”Something uncomfortable - “rip off the band-aid”Something comfortable - “start somewhere and tinker” It depends... but always start with a question
  • Homework1. Design a prototyping plan for this week. Post by Monday noon for feedback.2. Include at least one paper prototyping exercise.3. Every team member should run at least two subjects through the paper prototype.4. Document your work and findings on your project blog. HTTP://WWW.FLICKR.COM/PHOTOS/21218849@N03/3901512129/
  • More Administrative Mentors HomeworkSend me a one paragraph This weekend door closesproject abstract that for HW2/HW3 revisions.makes your project soundexciting.
  • Feedback HTTP://WWW.FLICKR.COM/PHOTOS/LEEKSANDBOUNDS/845804752/