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

Chrome Extension Mastery: Build Full-Stack Extensions with React & Node.js

Chrome Extension Mastery: Build Full-Stack Extensions with React & Node.js

Sources: Ryan Fitzgerald
Master the creation of full-fledged Chrome extensions from scratch to production! Learn how to develop powerful, functional Chrome extensions using a modern...
10 hours 3 minutes 45 seconds
Ethical Hacking: Penetration Testing

Ethical Hacking: Penetration Testing

Sources: pluralsight
Pluralsight is not an official partner or accredited training center of EC-Council. What's penetration testing? Well it's simple, as security professionals our
4 hours 43 minutes 59 seconds
The 30-Day Design Challenge

The 30-Day Design Challenge

Sources: ArjanCodes
This course is designed for those who want to go beyond theoretical knowledge and develop skills in working with production code. Regardless of your level of...
8 hours 52 minutes 30 seconds
Clean Code

Clean Code

Sources: udemy, Academind Pro
As a developer, you should be able to write code which works - of course! Unfortunately, a lot of developers write bad code nonetheless - even though the code works. Because "wo...
6 hours 41 minutes 15 seconds
Refactoring UI - Complete Package

Refactoring UI - Complete Package

Sources: adamwathan
Make your ideas look awesome, without relying on a designer. Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-...
40 minutes 42 seconds