CF

Smart Interface Design Patterns

13h 18m 5s
English
Paid

Unlock the Secrets to Smart Interface Design Patterns

Inventing a new solution for every problem takes time, and too often, it’s just unnecessary. By relying on bulletproof design patterns, you can sidestep potential issues and optimize your design process. This course is your guide to making that happen effectively.

Comprehensive and Practical Learning

We’ll explore hundreds of carefully chosen examples — from complex navigation systems to efficient filters, tables, and forms. You'll tackle real-life challenges and learn by doing. Engage in live sessions where we design and review each other’s work collaboratively.

What You'll Gain

  • A thorough understanding of modern interface components
  • Access to effective design recipes, exquisite samples, and trustworthy examples
  • Experience hand-picked through over 15 years of design practice

Course Highlights

This full course offers a feast of design knowledge, underpinned by tried-and-tested practices. Gain insights from a wealth of examples that have been meticulously selected to refine your skills over time.

About the Authors

Smashing Magazine

Smashing Magazine thumbnail

Smashing Magazine is a German-origin web-design and development publication founded in 2006 — one of the longest-running, most respected independent publications in the field. The magazine has expanded into books and paid online workshops covering the full front-end and design discipline.

The CourseFlix listing carries a Smashing Magazine workshop / course. Material is paid and aimed at web designers and front-end developers tracking the field at the level Smashing Magazine has shaped for two decades.

Vitaly Friedman

Vitaly Friedman thumbnail

Vitaly Friedman is the co-founder of Smashing Magazine — the long-running design and front-end-development publication that has shaped the field's literature for nearly two decades. He is one of the most cited independent voices on UX design, interface patterns, and the workshop format that combines practitioner case studies with structured pattern teaching.

His CourseFlix listing carries two Vitaly Friedman workshops: Smart Interface Design Patterns (a comprehensive treatment of UI patterns drawn from Vitaly's twenty-plus years of design audit work) and Nuxt 3 Fundamentals. The interface-design-patterns workshop is widely cited as one of the most pattern-dense UX resources on the market.

Material is paid; Vitaly's workshops typically run as live sessions on Smashing Magazine's platform with recordings made available afterwards. Courses are aimed at designers and product managers building real UX competence.

Watch Online 37 lessons

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

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

Related courses

Frequently asked questions

What is Smart Interface Design Patterns about?
Unlock the Secrets to Smart Interface Design Patterns Inventing a new solution for every problem takes time, and too often, it’s just unnecessary. By relying on bulletproof design patterns , you can sidestep potential issues and optimize…
Who teaches this course?
It is taught by Smashing Magazine, Vitaly Friedman. You can find more courses by these instructors on the corresponding source pages.
How long is the course?
It contains 37 lessons with a total runtime of 13 hours 18 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/smart-interface-design-patterns. The page hosts every lesson with the integrated video player; no download is required.