Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Treehouse

UX Design Patterns Course (How To)

via Treehouse

Overview

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

Syllabus

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

Taught by

Anwar Montasir

Reviews

Start your review of UX Design Patterns Course (How To)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.