CF

Smart Interface Design Patterns

13h 18m 5s
English
Paid

Smart Interface Design Patterns is a 37-lesson 13 hours 18 minutes self-paced course by Smashing Magazine, Vitaly Friedman. Unlock the Secrets to Smart Interface Design Patterns Inventing a new solution for every problem takes time, and too often, it’s just unnecessary.

Course facts

Lessons
37
Duration
13 hours 18 minutes
Level
All levels
Language
English
Updated
Instructor
Smashing Magazine, Vitaly Friedman
Price
Premium

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.

Who teaches Smart Interface Design Patterns?

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.

What lessons are included in Smart Interface Design Patterns?

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

What courses are similar to Smart Interface Design Patterns?

Frequently asked questions

What are the prerequisites for enrolling in this course?
There are no formal prerequisites for this course, but it is beneficial for students to have a basic understanding of web design principles and a familiarity with interface components. Experience with user interface design or user experience design will help participants get the most out of the practical examples and collaborative design reviews featured in the course.
What kind of projects will I work on during the course?
Throughout the course, students will engage with hands-on exercises that involve designing and reviewing a variety of interface components such as navigation systems, filters, tables, and forms. The course emphasizes real-life challenges, allowing students to apply design patterns to create effective and user-friendly interfaces.
Who is the target audience for this course?
This course is ideal for web designers, UX/UI professionals, and developers who are looking to deepen their understanding of interface design patterns. It caters to individuals who wish to streamline their design processes by leveraging established patterns rather than inventing new solutions from scratch.
How does this course compare to other design courses in terms of scope?
Unlike some design courses that focus only on theory, this course provides a practical approach by exploring a wide range of interface components and design patterns. With 37 lessons covering topics from navigation and data tables to authentication and search UX, it offers a comprehensive look at modern interface design.
What specific tools or platforms are covered in the course?
The course does not focus on specific design tools or platforms. Instead, it emphasizes the application of design patterns across various interface components, such as accordions, mega-dropdowns, and privacy UX. This approach allows students to apply learned concepts regardless of the tools they use.
What topics are not covered in this course?
While the course covers a wide range of interface design patterns, it does not delve into topics outside of interface design, such as back-end development or graphic design. The primary focus is on practical application of design patterns to improve usability and user interface design.
How much time should I expect to dedicate to this course?
The course includes 37 lessons, and while the total runtime is not specified, students should expect to spend a significant amount of time on both the lessons and the practical exercises. Engaging in live sessions and collaborative reviews will also require additional time commitment.