The Guide to your First Prototype

Learn the basics of Minimal Viable Products, Prototypes and conduct a UX workshop amongst your team to boost creativity and ideas for your projects

Transcript

1. Prototype of a mouse in 1964 The Guide to your First Prototype Astrolabs, Dubai ‘16
2. Ashiqur Rahman Sajjad Kamal sk@inov.io ar@inov.io
3. Remember Fred Flintstone?
5. This would be perfect !
6. So what features can Fred leave out for now?
9. The MVP
10. Dont forget the ‘V’ of MVP
11. Do people really want this?
12. Types of MVPs The Half Baked •Facebook
13. Types of MVPs Blog-first •Groupon
14. Types of MVPs Landing Page Tests •Running Lean
15. Types of MVPs Videos •Dropbox
16. Types of MVPs Crowdfunded •Pebble
17. Types of MVPs Concierge MVP •AirBnb
19. “I’m not saying every product needs to be perfect before you ship, the first Macintosh was hardly perfect, but it was still revolutionary.” Guy Kawasaki Former Apple Chief Evangelist
20. Key Takeaways • An MVP is the first version of your idea intended to communicate value to
 your target users or customers
 • Almost anything can be an MVP as long as it can prove your idea to be a viable business opportunity
 • It’s absolutely normal for your MVP to suck
 • The MVP should be a way to learn more about your users and the problem you’re trying to solve

21. Jeff Hawkin’s Palm Pilot Prototype
22. “People thought Jeff Hawkins was crazy when they saw him taking notes, checking appointments, and synchronizing a small block of wood with his PC, pretending all the while that the block was a handheld computer.”
24. Prototypes help stakeholders think about the experience
25. Prototype vs MVP A Prototype’s goal is to test product design or technical hypotheses. An MVP’s goal is to test business hypotheses as well as product design or technical hypotheses.
26. Can we really build this?
27. Paper Prototypes Tools often used: " Paper " Pen " Markers Example Here
28. Paper prototypes are best for •Producing tangible ideas from abstract ideas •Preliminary team discussions •Drafting layouts and flows
29. Low Fidelity Prototypes Tools often used: " Balsamiq " Axure
30. Low fidelity prototypes are best for •Content driven •Focuses on layouts and flows •Free from arguments related to aesthetic values like colors, typography, illustrations, images.
31. High Fidelity Prototypes Tools often used: " Invision " Marvel " Sketch " Photoshop Example Here
32. High fidelity prototypes are best for: •Content driven •Focuses on layouts and flows •Represents the look and feel of the real product •Can be used for user research as long as the app interactions are simple, minimal input fields, lots of button tapping
33. Functional Prototypes Tools often used: " App Inventor " Origami " Framer " Twitter Bootstrap " HTML & CSS or more
34. Functional prototypes are best for •Content driven •Focuses on layouts and flows •Represents the look and feel as well as the actual experience of the product •Can be used for user research and will product the best results
35. Key Takeaways •Different types of prototypes with their own usecase
 •Prototypes are meant for iterations and progressions. for e.g. sketching to low fidelity prototype to high fidelity prototype to functional prototypes
 •Testing technical hypotheses
38. Experiment/Feedback Loop
39. Before the Prototype, there is the Business Model
41. And now, the prototyping session Get your hands dirty
42. Understand the Problems of Customer Segments Problem Revenue Streams UVP Unfair Advantage Customer Segments Channels Solution Key Metrics Cost Structure
43. Problem Revenue Streams UVP Unfair Advantage Customer Segments Channels Solution Key Metrics Cost Strucute Define the Solution and Unique Value Proposition
44. •Bachelors who are university students and professionals •Age 20 to 35 •Primarily expatriates •Do not own cars Customer Segment
45. •Don’t know who to call or where to find affordable places •Difficulty in knowing whether a roommate is the right fit •Don’t know if the neighborhood has all the necessary facilities nearby (including supermarkets, hospitals, public transport) Problems
46. User Personas Janet " 19 years old " International Student from South Africa " Lives on Campus " Prefers roommates who are clean, non party animals and ready to give space during study hours Ali " 28 years old " Banking professional at EmiratesNBD " Lives in Discovery Gardens " Prefers roommates who do their share of the cleaning, cooking as well as pays rents timely
47. Map the User Journey with 3 Solutions and UVP Group - 15 minutes
48. Sketch Your App Individual - 15 minutes
49. Critique each other’s sketches 10 minutes
50. Pool best ideas from sketches into one final version then use Marvel to prototype Group - 20 minutes
51. So what next? Depending on your level of confidence: •Start with a low fidelity prototype - useful if you’re working with a team of developers and a designer who can convert to high fidelity •Or skip to high fidelity prototype - useful if you’re skilled in Sketch or Photoshop to create a glimpse of the look and feel •Or skip to functional prototype if you have mapped out all the use cases thoroughly.