Return to Home Page
Create Mockups and Wireframes

Create Mockups and Wireframes

Introduction

20 m

1. About Mockups

20 m

2. Low Fidelity Mockups

20 m

3. Wireframes vs. Prototypes vs. Mockups

Creating Low Fidelity Mockups or Wireframes

20 m

4. Pencil App

An open-source GUI prototyping tool that's available for ALL platforms.
5 m

5. Stencils for Pencil App

Add more components to Pencil App.

Creating High Fidelity Mockups

20 m

6. Sketch App

An amazing wireframing and prototyping tool.

Note
  Sketch is not a free software, it can be purchased for $99.
5 m

7. Free Sketch App Resources

Gte pre-made templates for Sketch App.

Creating Interactive Prototypes

30 m

8. InVision

A very powerful prototyping tool that takes your mockups and turn them into interactive protoype for web, mobile, and wearables.

Note
  InVision offers a free plan that lets you have one active prototype at any given time.
10 m

9. How to create an interactive prototype with InVision

Estimated time needed to complete course:
2 h 30 m