Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
PrototypingWithout skills, time or money@Sjors
Sjors TimmerUX designer at SapientNitroOrganiser/founder of UXDOWorked for startups such as Webjam and ZomotoStarted shirt...
Why prototype?
Prototyping is the way to find whatdoesnt work early and cheap, and spendyour time and money on solutions that dowork
successBuilding without prototyping
successBuilding with prototyping
successBuilding with prototyping
“Theyll take ten, and give themselvesroom to design without restriction. Laterthey whittle that number to three, spendmore...
Prototype
HTML 5 Logo sketches
MRVDV 676 buildings
Sketch
“My drawings have been described aspre-intentionalist, meaning that theywere finished before the ideas for themhad occurre...
“Quantity has a quality all its own”Joseph StalinWikipedia :)
Create five sketches, or else:- We’re wasting our time- We’re staying in the common response zone- We’re not saturating th...
Detail is not important, your trying toestablish hierarchy
Design Studios: Idea CreationBrian Sullivanhttp://www.slideshare.net/bunky34/design-studios-idea-creationThe Back of a Nap...
Paper prototyping
Sketching allows you to explore thecomposition in space, paper prototypingallows you to explore your idea in time
What do you need?Paper,Pens,A bit of glue,Some post-its,Print-outs of UI-elements (+ scissors)
What do you need?Paper,Pens,A bit of glue,Some post-its,Print-outs of UI-elements (+ scissors)Other people
Start simple
Start testing
After a few tests you’ll recognisecommon mistakes that you canfix
Detail is not important, your trying toestablish flow
Paper PrototypingShawn Mederohttp://www.alistapart.com/articles/paperprototyping/Looking Back on 16 Years ofPaper Prototyp...
Digital (lo-fi)prototyping
Turn your sketches into digitalprototypes at connectasketch.com
Fancy wireframing yourself, trygomockingbird.com
Test your prototype directly with users atusertesting.com
Testing with 5 users finds 80% of theusability problems – Jakob NielsenWhy You Only Need to Test with 5 Users - Jakob Niel...
Cheaper, skip video use your friends andtry usabilla.com
Digital (Hi -fi)prototyping
Now you’ve tested your layout,interaction and flow, you can do one lastround of Hi-fi digital mock-up testing
Allows you to chunk up your design andget it done for a fiver at fiverr.com
Or for only $490 more, turn yourwireframes/sketches into designed pages99designs.com
Have your designed pages turned intotemplates for Wordpress, Drupal, Joomlaetc. psd2html.com
Test your new prototype again withUserTesting.com, usabilla and all yourfriends
Start using data to understand your usersclicktale.com
Ask questions specific to certain pageskissinsights.com
Metric driven designJoshua Porterhttp://www.slideshare.net/bokardo/metricsdriven-design-431716815 startup tools to help yo...
By now you should have a pretty wellworked out version of your hypothesesNow it’s time to convince some designer/technical...
Thanks!@Sjorsnotura.com
Prototyping
Prototyping
You’ve finished this document.
Download and read it offline.
Upcoming SlideShare
Lean Prototyping - A Practical Guide
Next
Upcoming SlideShare
Lean Prototyping - A Practical Guide
Next
Download to read offline and view in fullscreen.

Share

Prototyping

Download to read offline

Test your ideas with little investment upfront, so you can spend the big money on a product that's working, you can view a video of the presentation here: http://leanca.mp/2012/01/prototyping-without-time-skill-or-money/

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Prototyping

  1. PrototypingWithout skills, time or money@Sjors
  2. Sjors TimmerUX designer at SapientNitroOrganiser/founder of UXDOWorked for startups such as Webjam and ZomotoStarted shirtlog.com (and sold it)Started monbag.com (and waiting for ‘time’)
  3. Why prototype?
  4. Prototyping is the way to find whatdoesnt work early and cheap, and spendyour time and money on solutions that dowork
  5. successBuilding without prototyping
  6. successBuilding with prototyping
  7. successBuilding with prototyping
  8. “Theyll take ten, and give themselvesroom to design without restriction. Laterthey whittle that number to three, spendmore months on those three and thenfinally end up with one strong decision.”Helen Walters on Apple’s design processHelen Walters, Apple’s design process http://www.businessweek.com/the_thread/techbeat/archives/2008/03/apples_design_p.html
  9. Prototype
  10. HTML 5 Logo sketches
  11. MRVDV 676 buildings
  12. Sketch
  13. “My drawings have been described aspre-intentionalist, meaning that theywere finished before the ideas for themhad occurred to me. I shall not argue thepoint.”James ThurberSketching the User Experience - Bill Buxton
  14. “Quantity has a quality all its own”Joseph StalinWikipedia :)
  15. Create five sketches, or else:- We’re wasting our time- We’re staying in the common response zone- We’re not saturating the design spaceThe sketches must be unique, or else:- You’re iterating the same basic idea- You risk getting committed to one idea- You’re still in the common response zoneDesign studio: Idea Creation: http://www.slideshare.net/bunky34/design-studios-idea-creationAdapted from: Jerome Ryckborst’s Five Sketches or Else Method (UPA 2008)
  16. Detail is not important, your trying toestablish hierarchy
  17. Design Studios: Idea CreationBrian Sullivanhttp://www.slideshare.net/bunky34/design-studios-idea-creationThe Back of a NapkinDan Roamhttp://www.amazon.co.uk/Back-Napkin-Solving-Problems-Pictures/dp/0462099474/
  18. Paper prototyping
  19. Sketching allows you to explore thecomposition in space, paper prototypingallows you to explore your idea in time
  20. What do you need?Paper,Pens,A bit of glue,Some post-its,Print-outs of UI-elements (+ scissors)
  21. What do you need?Paper,Pens,A bit of glue,Some post-its,Print-outs of UI-elements (+ scissors)Other people
  22. Start simple
  23. Start testing
  24. After a few tests you’ll recognisecommon mistakes that you canfix
  25. Detail is not important, your trying toestablish flow
  26. Paper PrototypingShawn Mederohttp://www.alistapart.com/articles/paperprototyping/Looking Back on 16 Years ofPaper PrototypingJared M. Spoolhttp://www.uie.com/articles/looking_back_on_paper_prototyping/
  27. Digital (lo-fi)prototyping
  28. Turn your sketches into digitalprototypes at connectasketch.com
  29. Fancy wireframing yourself, trygomockingbird.com
  30. Test your prototype directly with users atusertesting.com
  31. Testing with 5 users finds 80% of theusability problems – Jakob NielsenWhy You Only Need to Test with 5 Users - Jakob Nielsen http://www.useit.com/alertbox/20000319.html
  32. Cheaper, skip video use your friends andtry usabilla.com
  33. Digital (Hi -fi)prototyping
  34. Now you’ve tested your layout,interaction and flow, you can do one lastround of Hi-fi digital mock-up testing
  35. Allows you to chunk up your design andget it done for a fiver at fiverr.com
  36. Or for only $490 more, turn yourwireframes/sketches into designed pages99designs.com
  37. Have your designed pages turned intotemplates for Wordpress, Drupal, Joomlaetc. psd2html.com
  38. Test your new prototype again withUserTesting.com, usabilla and all yourfriends
  39. Start using data to understand your usersclicktale.com
  40. Ask questions specific to certain pageskissinsights.com
  41. Metric driven designJoshua Porterhttp://www.slideshare.net/bokardo/metricsdriven-design-431716815 startup tools to help youdesigning your startupSjors Timmer (shameless plug :)http://www.slideshare.net/sjors/15-startup-tools-to-help-you-designing-your-startup
  42. By now you should have a pretty wellworked out version of your hypothesesNow it’s time to convince some designer/technical co-founders and start workingon itteration 1
  43. Thanks!@Sjorsnotura.com
  • nerzhuln3

    Oct. 2, 2019
  • KenKhanh

    Apr. 19, 2016
  • DiegoCacho

    May. 20, 2015
  • miniclaires

    Mar. 7, 2015
  • wbraunstein

    Mar. 5, 2015
  • johnwhitlow69

    Dec. 5, 2014
  • grecasaurus

    Nov. 26, 2014
  • szili

    Mar. 6, 2014
  • julienferla

    Feb. 20, 2014
  • KrayF

    Aug. 8, 2013
  • andresfelt

    Jun. 23, 2013
  • ricign

    Jun. 9, 2013
  • InesChen

    Jun. 4, 2013
  • raf8020

    May. 28, 2013
  • javi08

    Apr. 16, 2013
  • Vasylieva

    Feb. 26, 2013
  • joelcolombo1

    Feb. 20, 2013
  • navarro.angel

    Feb. 6, 2013
  • jmegias

    Feb. 3, 2013
  • juansobejano

    Jan. 22, 2013

Test your ideas with little investment upfront, so you can spend the big money on a product that's working, you can view a video of the presentation here: http://leanca.mp/2012/01/prototyping-without-time-skill-or-money/

Views

Total views

32,462

On Slideshare

0

From embeds

0

Number of embeds

5,716

Actions

Downloads

473

Shares

0

Comments

0

Likes

53

×