Idea to Prototype in 30 Days

Learn to master low-fi to high fidelity prototyping

Timeline

A rough outline could look like the one below. However, design is iterative, and steps are often revisited, so the order may not be exact. Also, you may already be at a certain stage with your project, so feel free to jump in at any time - we'll be sharing resources and updates that will be useful along the way:

Week 1: Understand and define the problem

  • Collect observations about a topic
  • Analyze insights
  • Map out the problem
  • Narrow down the focus
  • Define the problem you would like to address
  • 🛠Useful Tools: Realtime Board, Witeboard, Coggle

Week 2: Generate ideas through sketches and low-fidelity prototypes

  • Generate ideas to address the user problem
  • Make rough sketches of competing solutions
  • Test concepts on users
  • Narrow down concepts to further develop
  • Gather feedback
  • 🛠Useful Tools: Paper, Marvel, InVision, Adobe XD, Sketch

Week 3: Make higher fidelity prototypes

  • Create more realistic prototypes for one or two concepts you have remaining
  • Add interactions and transitions
  • Test concepts on users
  • Gather feedback
  • 🛠 Useful Tools: Framer, ProtoPie, Principle

Week 4: Share your ideas and evaluate

  • In the final week, we'll have a higher fidelity prototype, or even working code.
  • Plan further experiments to test your hypothesis and test the concepts for business viability
  • Evaluate experiments
  • Plan develop of new products and features