Interaction Design: Design Patterns as Building Blocks

Interaction Design: Design Patterns as Building Blocks

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 1h 08m | 122 MB

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.

Topics include:

  • What is a design pattern?
  • UX patterns for navigation and page structure
  • UX patterns for text inputs and buttons
  • Best practices for links and breadcrumbs
  • Indicating progress and feedback
  • UX patterns for search input and results
  • Filtering and search
Table of Contents

1 Using design patterns
2 What is a design pattern
3 Why are design patterns useful
4 Design pattern library vs. style guides
5 When to break a pattern
6 Anti patterns or dark patterns
7 Global navigation
8 Cards
9 Tabs
10 Side navigation
11 Accordions
12 Fitts’s law, grouping, and cognitive load
13 Text input
14 Checkboxes, radio buttons, and dropdowns
15 Tooltips and popovers
16 Buttons
17 Links and breadcrumbs
18 Toggle switches
19 Modals
20 Feedback in UX
21 System messaging
22 Progress indicators
23 Progress meters
24 Progress indicators Spinners
25 Search input
26 Autocomplete
27 Search results
28 Filtering
29 Next Steps