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

Watch Online Smart Interface Design Patterns

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

Create a Retirement Planning Tool with Excel

Create a Retirement Planning Tool with Excel

Sources: zerotomastery.io
Learn to build a retirement planning tool using Excel in this project-based course. Enhance your skills with formulas, charts, and interactive features.
2 hours 51 minutes 33 seconds
Existentialism and the Authentic Life

Existentialism and the Authentic Life

Sources: Wondrium by The Great Courses, Skye C. Cleary
In the 24 fascinating lectures of Existentialism and the Authentic Life, Professor Skye C. Cleary will lead you through the writings of many existentialists to
11 hours 57 minutes 41 seconds
Building an Interpreter from scratch

Building an Interpreter from scratch

Sources: udemy, Dmitry Soshnikov
How programming languages work under the hood? What’s the difference between compiler and interpreter? What is a virtual machine, and JIT-compiler? And what abo
2 hours 59 minutes 53 seconds
AI For Developers With GitHub Copilot, Cursor AI & ChatGPT

AI For Developers With GitHub Copilot, Cursor AI & ChatGPT

Sources: Academind Pro
This course is designed for developers who want to use AI effectively! AI is not a threat, but a powerful tool capable of making you even more...
4 hours 55 minutes 24 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