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.
Loading in …3
×
1 of 45

Prototyping

53

Share

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. Prototyping Without skills, time or money @Sjors
  2. Sjors Timmer UX designer at SapientNitro Organiser/founder of UXDO Worked for startups such as Webjam and Zomoto Started shirtlog.com (and sold it) Started monbag.com (and waiting for ‘time’)
  3. Why prototype?
  4. Prototyping is the way to find what doesn't work early and cheap, and spend your time and money on solutions that do work
  5. success Building without prototyping
  6. success Building with prototyping
  7. success Building with prototyping
  8. “They'll take ten, and give themselves room to design without restriction. Later they whittle that number to three, spend more months on those three and then finally end up with one strong decision.” Helen Walters on Apple’s design process Helen 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 as pre-intentionalist, meaning that they were finished before the ideas for them had occurred to me. I shall not argue the point.” James Thurber Sketching the User Experience - Bill Buxton
  14. “Quantity has a quality all its own” Joseph Stalin Wikipedia :)
  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 space The 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 zone Design studio: Idea Creation: http://www.slideshare.net/bunky34/design-studios-idea-creation Adapted from: Jerome Ryckborst’s Five Sketches or Else Method (UPA 2008)
  16. Detail is not important, your trying to establish hierarchy
  17. Design Studios: Idea Creation Brian Sullivan http://www.slideshare.net/bunky34/design-studios-idea-creation The Back of a Napkin Dan Roam http://www.amazon.co.uk/Back-Napkin-Solving-Problems- Pictures/dp/0462099474/
  18. Paper prototyping
  19. Sketching allows you to explore the composition in space, paper prototyping allows 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 recognise common mistakes that you can fix
  25. Detail is not important, your trying to establish flow
  26. Paper Prototyping Shawn Medero http://www.alistapart.com/articles/paperprototyping/ Looking Back on 16 Years of Paper Prototyping Jared M. Spool http://www.uie.com/articles/ looking_back_on_paper_prototyping/
  27. Digital (lo-fi) prototyping
  28. Turn your sketches into digital prototypes at connectasketch.com
  29. Fancy wireframing yourself, try gomockingbird.com
  30. Test your prototype directly with users at usertesting.com
  31. Testing with 5 users finds 80% of the usability problems – Jakob Nielsen Why You Only Need to Test with 5 Users - Jakob Nielsen http://www.useit.com/alertbox/20000319.html
  32. Cheaper, skip video use your friends and try usabilla.com
  33. Digital (Hi -fi) prototyping
  34. Now you’ve tested your layout, interaction and flow, you can do one last round of Hi-fi digital mock-up testing
  35. Allows you to chunk up your design and get it done for a fiver at fiverr.com
  36. Or for only $490 more, turn your wireframes/sketches into designed pages 99designs.com
  37. Have your designed pages turned into templates for Wordpress, Drupal, Joomla etc. psd2html.com
  38. Test your new prototype again with UserTesting.com, usabilla and all your friends
  39. Start using data to understand your users clicktale.com
  40. Ask questions specific to certain pages kissinsights.com
  41. Metric driven design Joshua Porter http://www.slideshare.net/bokardo/metricsdriven- design-4317168 15 startup tools to help you designing your startup Sjors 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 well worked out version of your hypotheses Now it’s time to convince some designer/ technical co-founders and start working on itteration 1
  43. Thanks! @Sjors notura.com

Editor's Notes

  • \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
  • ×