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

Go to class Write review
Datacamp Ad

PowerBI Data Analyst - Create visualizations and dashboards from scratch

Learn More → Coursera Ad

40% Off All Coursera Courses

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
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

Go to class

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.