UX Wireframes 101 - Learn How to Design User-Friendly Apps and Build a Clickable Prototype

Sarah Bannister, UX/UI Designer | Dog Enthusiast

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
10 Videos (14m)
    • Introduction

    • What's a Wireframe?

    • What's a Prototype?

    • The Design Process

    • What's a User Task Flow?

    • Wireframing Tools

    • Wireframing

    • Scanning and Uploading Your Wireframes

    • Prototyping in InVision (Invisionapp.com)

    • Conclusion


About This Class

Learn the modern-day process of UX/UI design and how to draw wireframes for a mobile app. We’ll start out simple, going over the foundations of early stage app design and move on to creating detailed low-fidelity wireframes that we can then move into a free InVision account to create a clickable prototype.

What you can expect to learn:

  • UX/UI design process fundamentals
  • How to determine task  and user flows for an app concept
  • How to draw low-fidelity wireframes for an app concept
  • How to create a clickable prototype in InVision

What you will create:

  • A low-fidelity design for an app
  • A clickable InVision prototype

This class is geared towards those who have very little to no experience in UX/UI design, but have an interest in learning.

1 of 1 students recommendSee All

She's so damn pretty ;)