1 / 44

Why prototype?

Why prototype?. “…the value of prototypes resides less in the models themselves than in the interactions they invite.” Michael Schrage – Serious Play. Why prototype?.

levingston
Download Presentation

Why prototype?

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Why prototype? “…the value of prototypes resides less in the models themselves than in the interactions they invite.” Michael Schrage – Serious Play

  2. Why prototype? “…innovative prototypes generate innovative teams. The prototype plays a more influential role in creating a team than teams do in creating prototypes.” Michael Schrage – Serious Play

  3. What can be a Prototype? • Sketches • Diagrams & Frameworks • Hand Made Constructions • Machined Constructions • Virtual Models • Graphics • Packaging • Spaces • Role Play, Experiences • Video

  4. Who do you prototype for? Colleagues Clients Users Ourselves

  5. Colleague feedback • Does this product meet the requirements? • Is everyone on the same page?

  6. Client Feedback • Does the product meet the requirements? • What variant do you prefer? • Is everyone on the same page?

  7. Users feedback • Does it work? • Does it match his/her mental model? • Is it ergonomic? • How to use the product effectively? • What to change in the product? • What other questions arise?

  8. Ourselves feedback • Have I thought through all of the details? • Does it match what I imagined?

  9. Prototyping is a “Reflective conversation with materials” Building and discussing yields design ideas Prototyping in iRoom Source: CS247 Project – Scott Klemmer

  10. Two key questions to ask • What do you want to learn from it? • What do you want to communicate with it?

  11. Prototypes • Look like… • Work like… • (I) Feel like …..

  12. Storyboarding • Versatile • Quick • Powerful Source: McCloud, Scott. Understanding Comics.

  13. Form prototype • Looks good • But doesn’t really work Nintendo control pad mockup Project inkwell “Spark” computing device concept Source: Buxton, Bill. Sketching User Experiences. Morgan Kaufman, 2007. Nintendo via 37signals.com blog, IDEO.

  14. Function prototype • Looks like wireframes (no fonts, colors) • Interactive functionality (spectrum up to working all the way) Functional keyboard prototype Functional water faucet Source: Buxton, Bill. Sketching User Experiences. Morgan Kaufman, 2007. http://www.ammodel.com/PrototypeDesign.aspx

  15. Paper prototyping Source: Rettig, Marc. “Prototyping for Tiny Fingers.” Communications of the ACM archive Volume 37 , Issue 4 (April 1994)

  16. Paper prototyping from Jakob Nielsen

  17. Interaction Map

  18. Interaction Map

  19. Clickthrough mockup • Characteristics • “Looks-like” prototype (screens, etc.) • Responds to selected actions (clicks, sends,…) • Illustrates specific user paths (not full function) • Tools • Powerpoint • HTML • Phone development simulators, tools • ….

  20. Sends SMS to M-MAJI with price, location Listings reflect updated information vendor advertises M-maji vendor Safaricom To: MMAJI 2 @ Joe’s stand Send Back buyer

  21. Buyer requests information Sends blank SMS or dials USSD number (with location area identity) To: MMAJI | Safaricom Send Back M-maji Vendor Buyer

  22. Buyer receives listing From: MMAJI 3 @ Umande biogas Lindi *** | 2 @ WSUP Katwe kera *** | 2 @ Francis’s stand ** Safaricom Send Back M-maji Vendor Buyer

  23. Step 1: Access System Using USSD *1234#5* *1234#5*

  24. M-Maji Step 2: Identify Yourself and Your Preferences Welcome to M-Maji 1. Sell water 2. Buy water 3. Complaint/ feedback OK <> Back

  25. Step 2: Identify Yourself and Your Preferences Welcome to M-Maji 1. Sell water 2. Buy water 3. Complaint/ feedback OK <> Back 1. Find cheapest water near me 2. Clean water only OK <> Back Please choose a village. 1. Lindi 2. Kianda 3. Soweto East OK <> Back Please choose a landmark. 1. Imani Jere Children Ctr 2. Holy Mtn Worship Ctr… OK <> Back Always associate this location w/ this phone #? 1. Yes 2. No OK <> Back Attitudes about clean water

  26. Step 2: Identify Yourself and Your Preferences Welcome to M-Maji 1. Sell water 2. Buy water 3. Complaint/ feedback OK <> Back 1. Find cheapest water near me 2. Clean water only OK <> Back Please choose a village. 1. Lindi 2. Kianda 3. Soweto East 4. Gatwekera OK <> Back Please choose a landmark. 1. Imani Jere Children Ctr 2. Holy Mtn Worship Ctr… OK <> Back Always associate this location w/ this phone #? 1. Yes 2. No OK <> Back Village

  27. Step 3: Receive Information SMS: John on backside of Makonngen Church facing mobile recharging station. 0701456654 1. 2Ksh John @ Makonngen Church, clean 2. 3Ksh Samuel near Mashimoni … OK <> Back On backside of Makonngen Church facing mobile re-charge station. 1. SMS info… OK <> Back Based on Location and Preferences… Details Save Location

  28. Experience prototype • Video prototyping • Role playing Source: Buchenau, Marion and Suri, Jane Fulton. “Experience Prototyping.” DIS, 2000.

  29. Video prototype • Creates feel for setting and use • Can be broad or detailed .

  30. Video prototype Design for Agile Aging, d.school 2008

  31. Prototyping in 3 stages of design # of ideas INSPIRE EVOLVE VALIDATE Right Rough Rapid project time LOW RESOLUTION prototype driven specs HIGH RESOLUTION spec driven prototypes IDEO 09/28/05

  32. Prototyping Behaviors INSPIRE EVOLVE VALIDATE Embrace Failure Build it Yourself Leverage your Design Community Prototype to specify Low resolution model Expect Changes Build it with an Expert Leverage our Experts Prototype is partially specified Targeted model Manage Changes Have an Expert build it Leverage our Vendor Network Prototype is specified Integrated model 1 3 2

  33. Golden Rules of Prototyping 1. One question, one prototype 2. Go far enough 3. Stop before it's perfect 4. Cannibalize as much as possible 5. Don't fall in love with your prototype 6. Always build and share more than one prototype 7. Create to provoke and persuade

  34. Make multiple prototypes to get most value Source: Tohidi, Maryam and Bill Buxton, Ronald Baecker, and Abigail Sellen, “Getting the Right Design and the Design Right: Testing Many is Better than One.” CHI 2006.

  35. Prototypes should be disposable From Newman and Landay, Sitemaps, Storyboards, and Specifications, in DIS 2000

  36. The Key Principle: Know where you are in the process, and act appropriately

  37. What kind of prototype should we develop? • Who will we show it to in what setting? • What do we expect to learn? • How will we evaluate that learning?

  38. Assignment for Monday, May 2 • Give a brief presentation on your first prototype • What is the product/process you are prototyping? • What aspects will you focus on in this first prototype? • What questions are you asking? • Who will be engaged in the questioning?

More Related