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

LinkedIn Learning

Interaction Design: Design Patterns as Building Blocks

via LinkedIn Learning

Write review
Boot.dev Ad

Stuck in Tutorial Hell? Learn Backend Dev the Right Way

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn how to use design patterns to create the foundational elements of your websites: navigation, buttons, forms, search boxes, and more.

Syllabus

Introduction
  • 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
Conclusion
  • Next Steps

Taught by

Diane Cronenwett

Reviews

4.6 rating at LinkedIn Learning based on 110 ratings

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

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.