Module 05 of 13

Interaction Design & User Flows

Lessons

About This Module

Information architecture decides where things live. Interaction design decides how they behave: what happens when someone taps, swipes or types, and how the product responds. This module starts with the core principles of interaction design and how it differs from visual design and UX as a whole.

You'll then learn to map the paths people take with task flows and user flows, so you can design a journey from the first screen to the goal before drawing a single layout. To finish, you'll look at microinteractions, the small moments of feedback, such as a toggle, a progress indicator or a confirmation, that make a product feel responsive and polished.

Treat the videos as a reference and come back to them when you design your own flows. When you're done, continue on to Wireframing.

Lessons

5 videos
01

Interaction Design Basics: 5 Principles of Interaction Design

The basics of interaction design as a part of user experience design, the five principles behind it, and how it differs from UX design as a whole.

02

User Flow vs Task Flow in UX Design

The main differences between a user flow and a task flow in UX/UI design, and when to use each.

03

How to Make a UX User Flow with an Example in 5 Minutes

A quick walkthrough of building a user flow diagram, with a worked example showing how people move through a digital product.

04

Why Microinteractions are Important for UX

What microinteractions are and why getting these small UI details right matters for the quality of the user experience.

05

What Makes a Good Microinteraction?

What separates a good microinteraction from a distracting one, and how the smallest animations can change how users experience a product.