Interaction Design: Design Patterns as Building Blocks

Offered By: LinkedIn Learning

Tags

Interaction Design Courses User Experience Courses Web Design Courses User Interfaces Courses Design Patterns Courses Usability Courses

Course Description

Overview

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

Related Courses

Human Computer Interaction
Independent Human-Computer Interaction Design
University of California, San Diego via Coursera Interaction Techniques
University of California, San Diego via Coursera From Point of View to Prototype
University of California, San Diego via Coursera Prototyping Interaction
Amsterdam University of Applied Sciences via iversity