Introduction (75 minutes)
  • Course overview
  • Join our community on Slack!
  • Course format
  • Crash course terminology
  • What is a wireframe? What is a prototype?
  • High fidelity and low fidelity
  • Understanding why we use wireframes and prototypes
  • Picking a tool
  • Important things to understand beforehand
  • Following the construction path
  • Section 1 review material
Coming up with details (30 minutes)
  • Coming up with a strategy
  • Coming up with the scope
  • Section 2 review material
Building our low fidelity version (167 minutes)
  • Intro to sketching
  • Materials for sketching
  • Sketch it out part 1
  • Sketch it out part 2
  • Upgrade to a tool: getting started with Pidoco
  • Get used to the features in Pidoco
  • Create a quick sitemap upfront
  • The site elements to start with
  • Use templates
  • Handle images in Pidoco
  • Add and control layers in Pidoco
  • Annotate everything
  • Alternative: Use Balsamiq part 1
  • Alternative: Use Balsamiq part 2
  • An example project created in Balsamiq
  • Creating the low fidelity version of the Happy Hour app
  • Section 3 review material
Creating an interactive prototype (61 minutes)
  • Getting it designed and polished
  • Why I don't use HTML/CSS
  • Introducing M.A.P.
  • Adding interactivity to your prototype
  • Collaborators and reviewers
  • Creating the tablet version
  • Section 4 review material
Prototyping and beyond (6 minutes)
  • What's next?
  • Keep the learning going
  • Section 5 review material
Bonus Section
  • Bonus Lecture: How to get your next course for as low as $12.99