Prototyping
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Prototyping

on

  • 10,205 views

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: ...

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/

Statistics

Views

Total Views
10,205
Views on SlideShare
5,966
Embed Views
4,239

Actions

Likes
46
Downloads
205
Comments
0

36 Embeds 4,239

http://www.juansobejano.com 2207
http://leanca.mp 485
http://leancamp.co 366
http://lanyrd.com 326
http://www.colearnr.com 205
http://localhost 202
http://dev.colearnr.com 123
http://colearnr.com 78
https://blackboard.american.edu 50
http://es.paperblog.com 40
http://notesonanidea.tumblr.com 30
http://geisasantos.tumblr.com 23
http://dev.colearnr-dev.com 21
http://www.solvayentrepreneurs.be 11
http://www.linkedin.com 11
http://lanyrd.dev 9
https://www.linkedin.com 8
http://tweets.jmbolivar.net 8
http://brilliantclub.colearnr.net 5
http://www.onlydoo.com 4
https://twitter.com 3
http://us-w1.rockmelt.com 3
http://www.from-research-to-business.be 2
http://feeds.feedburner.com 2
http://emergeventurelab-nvbpw.posterous.com 2
http://dev.colearnr.net 2
http://discuss-dev.colearnr.com 2
http://www.twylah.com 2
http://127.0.0.1 2
http://abtasty.com 1
http://www.casemat.es 1
http://imperial.colearnr.net 1
http://brilliant.colearnr.net 1
http://paper.li 1
https://blackboard 1
http://moodle.lasell.edu 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Apple Keynote

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
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • make a less drastic step, quality through quantity\n
  • \n
  • \n
  • \n
  • \n
  • interactions following each other\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Prototyping Presentation Transcript

  • 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