Skip to main content

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

Zero to Full Stack Hero

Zero to Full Stack Hero

Sources: papareact.com
PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
101 hours 29 minutes 59 seconds
How to Survive in Space

How to Survive in Space

Sources: Wondrium by The Great Courses, Ronke Olabisi
From launch to landing, spaceflight is a horror show of hazards. Discover how to overcome them, with the help of a biomedical/aerospace engineer. Taught by vete
5 hours 51 minutes 19 seconds
Web Hacking: Become a Professional Web Pentester

Web Hacking: Become a Professional Web Pentester

Sources: udemy
This course contains everything to start working as a web pentester. You will learn about exploitation techniques, hacking tools, methodologies, and the whole p
7 hours 58 minutes 4 seconds
Computer Networks

Computer Networks

Sources: takeUforward
This course is a step-by-step immersion into the world of computer networks: from basic concepts and clear examples to complex technologies used in real...
8 hours 28 minutes 4 seconds
AI for Beginners: Inside Large Language Models

AI for Beginners: Inside Large Language Models

Sources: zerotomastery.io
This compact course is perfectly suited for those who wonder, "How does this artificial intelligence really work?" Studying large language models (LLM) is...
2 hours 59 minutes 17 seconds