Get started
For members
Design

UX Design Basics: User Flows, Wireframes and Testing

By Ademy Team · 5 lessons · Beginner

Good user experience design means people can accomplish what they came to do without confusion or frustration. This class teaches the core UX workflow in a practical, tool-agnostic way: understanding users and their goa…

Get started Included in Ademy Pro · 7-day trial for $1.00

What this class covers

Good user experience design means people can accomplish what they came to do without confusion or frustration. This class teaches the core UX workflow in a practical, tool-agnostic way: understanding users and their goals, mapping the steps they take, sketching wireframes that organize content and actions, turning those into a clickable prototype, and testing with real people to find what isn't working.

It's for beginners exploring UX as a career, visual designers who want a stronger process, developers and product managers who make interface decisions, and founders building their first app. All you need is pen and paper plus a free design tool such as Figma or Penpot. No prior design experience is required.

Throughout the class you'll redesign one small task in an app or website, such as booking an appointment or rescheduling a delivery. You'll finish with a user flow, a set of wireframes, a clickable prototype, and notes from a small usability test with clear recommendations.

Lessons

5 lessons
  1. 1 Start With Users: Goals, Tasks, and Context 4 min read
  2. 2 Mapping User Flows 4 min read
  3. 3 Wireframing: Structure Before Style 4 min read
  4. 4 From Wireframes to a Clickable Prototype 4 min read
  5. 5 Usability Testing on a Small Budget 5 min read
Get started to unlock every lesson

What you'll make

Pick one task in a digital product that frustrates you or people you know, such as rescheduling a delivery, splitting a bill, or booking a fitness class, and redesign it from start to finish.

  • A short problem statement and one proto-persona
  • A user flow covering the main path plus at least one alternate and one error path
  • Low-fidelity wireframes for every screen in the flow
  • A clickable prototype of the main path
  • Findings from usability tests with at least three people, and your top three changes

Skills you'll build

More in Design

Start Ademy Pro today

Unlock this class and every other course on Ademy for $1.00. After that, it's $10.99/month.

Get started