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

Provider Logo

Interaction Design: Design Patterns as Building Blocks

via LinkedIn Learning


Learn how to use design patterns to create the foundational elements of your websites: navigation, buttons, forms, search boxes, and more.

Design patterns offer solutions for common design problems. UX designers rely on design patterns and best practices to design usable and consistent interfaces more quickly. This course introduces new patterns, approaches, and contexts to designing common interface elements such as navigation, buttons, forms, links, progress indicators, and search boxes. Rather than having you copy common patterns, instructor Diane Cronenwett helps you understand the “why” behind them, giving you the ability to evaluate each pattern’s suitability for your projects. Plus, see examples of how different companies apply UX patterns, so you can see how the patterns take shape in real-world designs.


  • Using design patterns
1. Patterns Overview
  • What is a design pattern?
  • Why are design patterns useful?
  • Design pattern library vs. style guides
  • When to break a pattern
  • Anti patterns or dark patterns
2. Page Structure and Organization
  • Global navigation
  • Cards
  • Tabs
  • Side navigation
  • Accordions
3. Form and Data Controls
  • Fitts's law, grouping, and cognitive load
  • Text input
  • Checkboxes, radio buttons, and dropdowns
  • Tooltips and popovers
  • Buttons
  • Links and breadcrumbs
  • Toggle switches
  • Modals
4. Indicating Progress and Feedback
  • Feedback in UX
  • System messaging
  • Progress indicators
  • Progress meters
  • Progress indicators: Spinners
5. Search and Filtering
  • Search input
  • Autocomplete
  • Search results
  • Filtering
  • Next Steps

Taught by

Diane Cronenwett

Related Courses


0.0 rating, based on 0 reviews

Start your review of Interaction Design: Design Patterns as Building Blocks

Never stop learning Never Stop Learning!

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

Sign up for free