UX Design Patterns Course (How To)

If you’re a frequent user of websites and mobile applications, you’re already familiar with design patterns, whether you’re aware of them or not.

Design patterns are visual strategies for solving common usability problems. Design patterns keep the cognitive load to a minimum by making interfaces feel intuitive. When I say cognitive load, I mean the mental effort involved in solving a problem or making a decision.

What you'll learn

• Designing With Patterns
• Navigation Patterns
• Layout Patterns

Designing With Patterns

If you’re a frequent user of websites and mobile applications, you’re already familiar with design patterns, whether you’re aware of them or not. Let’s check out a few examples and you’ll see what I mean.

Chevron 5 steps

• What Are Design Patterns?

  6:05

• The Psychology of Design Patterns

  4:32

• Implementing Design Patterns

  5:04

• Beyond Design Patterns

  2:07

• Quiz: Designing With Patterns

  6 questions

Navigation Patterns

Let’s check out some conventional patterns for web navigation.

Chevron 6 steps

• Primary Navigation

  6:22

• Dropdowns and Subnavigation

  5:33

• Breadcrumbs

  2:20

• Pagination and Filtering

  6:00

• Footers

  4:18

• Quiz: Navigation Patterns

  5 questions

Layout Patterns

Providing an effective navigation isn’t enough to convince users to stay. After all, they’re not just keeping an unconscious tally of whether your site is usable and trustworthy. They’re also looking for content that matches their interests. In this stage, we’ll discuss patterns for laying out page content, with a goal of keeping bounce rate to a minimum. Bounce rate is a term describing the percentage of users who visit a web page and leave without taking any action, such as clicking a Call To Action or viewing another page.

Chevron 5 steps

• First Impressions

  5:44

• Scanning Patterns

  4:35

• Applying The Layer Cake Pattern

  8:15

• instruction

  Deceptive Patterns

• Quiz: Layout Patterns

  6 questions