Prototyping

Without skills, money or time

Transcript

1. Prototyping Without skills, time or money
2. About me Sjors 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, so that you have more time and budget available for the solutions that do work.
5. Building without prototyping success
6. Building with prototyping success
7. Building with prototyping success
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. “Past reception [...] is a meeting room filled with smaller maquettes. At first glance there appear to be perspex and foam models for dozens of projects - but close up you see they’re all clearly the same site, [...], modelled over and over again, with different arrangements and relationships of buildings.” William Wiles Inside OMA, William Wiles, Icon magazine, 146, 2011
11. Sketch
12. “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 Inside OMA, William Wiles, Icon magazine, 146, 2011
13. Create five sketches, or else: - We’re wasting your 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: Adapted from Jerome Ryckborst’s Five Sketches or Else Method (UPA 2008)
14. 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/
15. Paper prototyping
16. Sketching allows you to explore the composition in space, paper prototyping allows you to explore your idea in time
18. What do you need? Paper, Pens, A bit of glue, Some post-its, Print-outs of UI-elements (+ scissors)
19. What do you need? Paper, Pens, A bit of glue, Some post-its, Print-outs of UI-elements (+ scissors) Other people
20. Start simple
21. Start testing
22. After a few tests you’ll recognise common mistakes that you can fix
23. The point is to test your flow with other people and adjust it along the way
24. 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/
25. Digital (lo-fi) prototyping
26. Fancy wireframing yourself, try gomockingbird.com
27. Turn your sketches into digital prototypes at connectasketch.com
28. Test your prototype directly with users at usertesting.com
29. Cheaper, skip video use your friends and try usabilla.com
30. 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
31. Digital (Hi -fi) prototyping
32. Now you’ve tested your layout, interaction and flow, you can do one last round of Hi-fi digital mock-up testing
33. Fiverr allows you to get many things done for a fiver fiverr.com
34. Or for only $490 more, turn your wireframes/sketches into designed pages 99designs.com
35. Have your designed pages turned into templates for Wordpress, Drupal, Joomla etc. psd2html.com
36. Test your new prototype again with UserTesting.com, usabilla and all your friends
37. Start using data to understand your users clicktale.com
38. Ask questions specific to certain pages. kissinsights.com
39. 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
40. You’ve sketched, tested, tested, tested and tested your idea. Now it’s time to convince some designer/ technical co-founders and VC’s Good Luck!
41. You can find these slides on slidershare.com/sjors @Sjors notura.com