Smart Interface Design Patterns

13h 18m 5s
English
Paid

Course description

Guidelines & best practices for common components in modern interfaces.

Inventing a new solution for every problem takes time, and too often it’s just unnecessary. We can rely on bulletproof design patterns to avoid issues down the line. This course helps with just that.

We’ll study 100s of hand-picked examples — from complex navigation to filters, tables and forms. We’ll dive into actual real-life challenges. And: we’ll design and review each other’s work, together, live.

Read more about the course

A full course with delicious design recipes, exquisite samples and reliable examples. Carefully hand-picked over 15 years:

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 37 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Introduction

All Course Lessons (37)

#Lesson TitleDurationAccess
1
Introduction Demo
06:09
2
Designing For Touch
17:51
3
Accordions
15:19
4
Navigation
20:37
5
Hamburger
10:09
6
Filters
10:05
7
Mega-Dropdowns
43:53
8
Breadcrumbs
28:58
9
Carousels
15:44
10
Modals
17:53
11
Footnotes
06:37
12
Summary
07:51
13
Design KPIs
35:37
14
Configurators
32:35
15
Tables
19:21
16
Data Tables
49:22
17
Feature Comparison
22:45
18
Pricing Plans
53:03
19
Date Pickers
16:33
20
Schedule & Calendars
21:51
21
Sliders
20:10
22
Timelines
13:58
23
Infinite Scroll
16:22
24
Maps
20:32
25
Seat Selection
15:19
26
Language Selector
35:12
27
Privacy UX
17:44
28
Bringing Personality Back To The Web
26:14
29
Usability vs. Security
12:18
30
Landscape of Authentication
20:22
31
Social Sign-In, 2FA, SSO
21:03
32
Access Recovery
09:01
33
Passwordless Authentication
07:48
34
Search UX
19:20
35
Search Design Patterns
25:59
36
Autocomplete UX
27:08
37
Filtering UX
37:22

Unlock unlimited learning

Get instant access to all 36 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Books

Read Book Smart Interface Design Patterns

#Title
101. Designing For Touch
202. Accordions
303. Navigation
404. Hamburger
505. Filters
606. Mega-Dropdowns
707. Breadcrumbs
808. Carousels
909. Modals
1010. Footnotes
1111. Design KPIs
1212. Configurators
1313. Tables
1414. Data Tables
1515. Feature Comparison
1616. Pricing Plans
1717. Date Pickers
1818. Schedule & Calendars
1919. Sliders
2020. Timelines
2121. Infinite Scroll
2222. Maps
2323. Seat Selection
2424. Language Selector
2525. Privacy UX
2626. Bringing Personality Back To The Web
2727. Usability vs. Security
2828. Landscape of Authentication
2929. Social Sign-In, 2FA, SSO
3030. Access Recovery
3131. Passwordless Authentication
3232. Search UX
3333. Search Design Patterns
3434. Autocomplete UX
3535. Filtering UX

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Advanced Radix UI

Advanced Radix UI

Sources: Build UI
Radix UI has become one of the most popular component libraries in the React ecosystem. It has more than 20 low-level primitives packed with functionality that make building cus...
2 hours 13 minutes 5 seconds
CodeBreakthrough Vault

CodeBreakthrough Vault

Sources: Caleb Curry
CodeBreakthrough Vault is an exclusive course designed to elevate you to a new level in your life and engineering career. Previously, this knowledge and...
62 hours 23 minutes 45 seconds
Learning to Make Better Decisions [Decision-Making]

Learning to Make Better Decisions [Decision-Making]

Sources: zerotomastery.io
Discover the secrets of decision-making psychology! Learn how to overcome cognitive biases, deal with uncertainty, and apply effective...
42 minutes 15 seconds
Computer Networking

Computer Networking

Sources: Oz Nova (csprimer.com)
The Internet - along with all the applications it supports, such as the web - has become one of the most significant driving forces of technological progress...
23 hours 58 minutes 29 seconds
30-Minute Fullstack Masterplan

30-Minute Fullstack Masterplan

Sources: newline (ex fullstack.io)
Create a master plan that includes all the necessary information to start developing a beautiful and professional app, either for yourself or for clients.
36 minutes 49 seconds