Designing for Touch
Chances are high that most of your customers use their mobile devices to access your digital products these days. Let’s see how we use devices and how we need to adjust our workflows for touch.
Duration
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.
In this video course, we’ll explore:
Accordions UX
The workhorse of all interfaces — the good ol’ accordion, or expander. The pattern is everywhere, but too often it’s wrong or inconsistent. Let’s explore common usability traps, gotchas and best practices.
Duration
Navigation UX
On mobile, we don’t have much space to display our elaborate navigation options. Let’s discover how we can deal with common navigation issues and which design patterns we can apply to do so.
Duration
Hamburger UX
Oh, the infamous hamburger icon! Should it live in the upper right corner or at the bottom of the screen, floating as customers are scrolling and swiping by? Or should we abandon it altogether and use “Menu” instead? Let’s find out.
Duration
Frequently Asked Questions UX
Barely any website can escape the curse of FAQs. Users have doubts, questions and concerns, and we need to address them effectively. Let’s see how to design slightly better FAQs, their shortcomings and good alternatives.
Duration
Mega-Dropdowns UX
Do we need mega-dropdown hover menus in 2025? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better navigation UX.
Duration
Breadcrumbs UX
Breadcrumbs UX are often neglected, but they can be extremely helpful when designing a complex navigation. Let’s explore when we actually need breadcrumbs, how people use them, and how to improve them with sideways navigation, clearer breadcrumbs paths and accordions.
Duration
Carousels UX
It’s common for us as designers to dismiss carousels at first. However, when designed well, carousels can serve their purpose well — drive engagement and increase conversion. We just need to move away from the generic view of a carousel towards approaches that usually work slightly better.
Duration
Infinite Scroll UX
Infinite scroll can be frustrating. In this session, we’ll look into the downsides of infinite scroll and how to fix them for good. We’ll also explore how we can combine infinite scroll, the “load more“ pattern and good ol’ pagination to make the exploration of items easier and more efficient.
Duration
Modals UX
Modals, overlays, pop-ups, popovers... they all are disruptive, annoying and frustrating. Yet sometimes they can be very useful, especially when we need user’s input or don’t want users to lose context while informing them about something important.
Duration
Footnotes UX
A wonderful yet forgotten UI component that’s left behind in all the conversations about navigation — the footnote, or sidenote. Too often, these notes are found scattered at the bottom of the page. Perhaps they deserve a slightly better placement after all.
Duration
Search UX
We’ll explore how we search and how we iterate on search phrases, how to refine the interaction design with the search bar, how to show autocomplete suggestions and when to hide them, how many to show and the important details to reveal while users are searching.
Duration
Autocomplete UX
When customers have a good idea of what they are looking for, they use search. And as they do, they expect autocomplete suggestions to show up. Let’s find out how we can design autocomplete UX to help customers get to their goal faster.
Duration
Filters UX
Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.
Duration
Sorting UX
Sorting always implies order: be it alphabetical order, timeline, pricing or rating score. But too often sorting isn’t precise enough, doesn’t allow for multi-sorting, and doesn’s support context jumps in a stream of data. Let’s see how we can improve sorting UX, in consumer-focused websites and enterprise apps.
Duration
Data Tables UX
How do we deal with complex enterprise tables, with filtering, sorting, search and inline editing? A deep-dive into the intricate world of complex tables, with design patterns to keep close.
Duration
Feature Comparison UX
Chances are high that you’re allowing your customers to select one of the options or variations of your product. However, to choose one of them, they need to be able to compare them easily. And your task is to quickly bring them to the product they will love. How do we get there, especially when we have hundreds of features to compare by?
Duration
Pricing Plans UX
How do we design a pricing page that doesn’t overwhelm users with all the options, features and variants? How do we communicate differences? And how do we organize everything on tiny mobile screens? That’s exactly the questions that this lesson is trying to answer.
Duration
Schedule & Calendars UX
How do we design interfaces for products which involve some sort of a schedule table — a TV guide, a multi-track music festival or an appointment calendar? We need to reduce complexity to the essence and allow users to navigate all the details without overwhelming them. Let’s figure out how.
Duration
Date Pickers UX
No date picker is like the other one: they come in various forms and flavors, from date input to date range picker, at times with filters, requirements and input limitations. How can we make date input easy and painless? We’ll dive in and explore dozens of examples.
Duration
Sliders UX
Imagine a helpless little slider masked as a duration filter and tucked away in a sidebar on an airline website. So often such sliders are difficult to manipulate, and too often they frustrate customers and slow down the entire experience. Let’s find out when it makes sense to employ sliders, and how we can make them more usable.
Duration
Timelines UX
Every history textbook and every sport event will have some sort of a timeline at their heart: a flow of historic events, or a tennis match timeline, or perhaps a boxing match protocol. So what if you want to provide your customers with an insight into dozens of events happening within a particular timeframe?
Duration
Maps UX
With zooming in and out in place, maps seem to be quite obvious to get right. But what if we want to display pins to locations on a shopping mall map? Or what about an election results map with autocomplete, filters, and search? That’s where maps become slightly messier and more complex.
Duration
Seat Selection UX
What if we combine all the previous challenges into one? Imagine you are selling tickets for a cinema, a baseball stadium, or an opera house. Surely you’ll want to provide your customers with an overview of available seats, and allow them to select the best seat as well. The challenge is to do it well on mobile. Let’s tackle this beast!
Duration
Configurators UX
Perhaps you have a multi-page wizard, or you’d like your customers to customize your product? In such cases, we need to ensure that users can easily move between steps and complete the task without being slowed down by the interface.
Duration
Reviews and Ratings UX
95% of users rely on reviews to make their decisions and learn more about how well a product fits their needs. Unfortunately, too often the way we design reviews and ratings UX confuses and frustrates users, rather than helping them. Let’s fix that.
Duration
Language Selector UX
How difficult can it be to design a bulletproof language selector? It’s not as straightforward as one might think. We need to avoid redirects, decouple our language and country presets, allow for overrides, and use non-modal windows. Let’s dive in!
Duration
Closed Captions and Subtitles UX
When we think about closed captioning, we often think about noisy environments. There, consuming content via audio is difficult, and so captions help communicate information in an alternative, textual way. But as it turns out, captioning can be much more than text.
Duration
Cancel, X and Back Buttons UX
Users rely on a “Back” button to go back, but often we mismatch their expectations, bringing frustration and abandonment. Not to mention the troubles with “Cancel” and “X” buttons. Let’s explore how to fix that and where to put all these buttons in our interfaces.
Duration
Hidden vs. Disabled vs. Read-Only UX
When do we hide a feature, when do we disable a button, and when do we use a read-only state as well? Let’s explore how they all are different and when to use each — along with a simple flowchart to follow to guide our design decisions.
Duration
Confirm vs. Undo
Confirm or Undo? Do we trust people to do the right thing, and provide an option to restore the previous state? Or do we add a bit of friction to confirm their intent before they make an irreversible mistake? Let’s explore how we can reduce annoyances but also minimize critical and costly mistakes.
Duration
UX Metrics and Design KPIs
Design solves problems. So we should be able to measure how well a particular design solves a particular problem. That's why I start working by setting Design KPIs, and tracking them over time. Let’s explore how to define, design and track design KPIs in small and large projects.
Duration
Design Systems
Nobody is surprised by design systems these days. Their main benefit isn’t only in a library of reliable UI components, but in a strong alignment between teams that removes redundant or unnecessary work.
But for that, a design system needs to be healthy and work well. Let’s explore how we can keep our design systems relevant over time, and keep it healthy and up-to-date for the entire organization.
Duration
Authentication UX
How can we make authentication and password recovery slightly more obvious and slightly less frustrating? In this session, we’ll look into authentication UX, design patterns around login/password, 2FA, magic sign-in as well as just the right timing to speed up and simplify authentication.
Duration
Privacy UX
With GDPR and CCPA in place, we need to think twice about how we ask customers for their data, or specifically, how do we get permissions if we really need them. It’s really the art of asking tough questions at the right time and in the right way.
Let’s take a look at omnipresent cookie prompts and see how we can make better privacy-related design decisions without hurting the bottom line.
Duration
Web Forms UX
Very often forms are inaccessible and difficult to use, with awkward live validation and notorious error messages; not to mention a birthday date-picker starting from 2023, a tiny newsletter checkbox, disabled “submit” buttons and horrendously evil CAPTCHAs in the disguise of street signs and crosswalks. So let’s fix web forms for good!
Duration
Disabled Buttons
In this segment, we’ll look into common usability issues with disabled buttons, how to fix these issues and when disabling buttons actually makes sense. We’ll start from the beginning, looking into when disabled buttons cause more trouble than help.
Duration
Live Validation UX
Inline validation in web forms is useful when it works, but frustrating when it fails. Too often it leads to an endless stream of disruptive error messages or dead-ends without any chance of getting out. Let’s fix it for good.
Duration
Error Messages UX
Error messages need to be easy to spot, but they also need to be helpful. Let’s explore when error messages should live above input fields and why toast error messages are usually not a very good idea.
Duration
Bringing Personality Back to the Web
The web has become quite generic and soulless, hasn’t it? Every single website looks alike, and only few websites manage to convey a unique and charming personality. As a result, nothing is particularly memorable, and only few sites manage to connect with us emotionally.
But we can do better and be charming and unique and attractive without breaking accessibility and usability. Let’s dive into a few techniques to achieve just that!
Duration
Summary
Giddy up — you made it! Well done! Now, let’s wrap up and recap everything we’ve learned in the course and see how it all fits together, and how you can apply all the insights to your regular design work.
Duration
15h video course for designers, UX engineers & front-end developers.
Get once, watch forever. New videos added regularly.
A growing library of video lessons & examples. With 40 lessons available now, and more added every few months.
Ideal for interface designers, UI engineers and developers who’d love to be prepared for complex UX challenges.
-
Lesson number:
Designing for Touch
Chances are high that most of your customers use their mobile devices to access your digital products these days. Let’s see how we use devices and how we need to adjust our workflows for touch.
-
Lesson number:
Accordions UX
The workhorse of all interfaces — the good ol’ accordion, or expander. The pattern is everywhere, but too often it’s wrong or inconsistent. Let’s explore common usability traps, gotchas and best practices.
-
Lesson number:
Navigation UX
On mobile, we don’t have much space to display our elaborate navigation options. Let’s discover how we can deal with common navigation issues and which design patterns we can apply to do so.
-
Lesson number:
Hamburger UX
Oh, the infamous hamburger icon! Should it live in the upper right corner or at the bottom of the screen, floating as customers are scrolling and swiping by? Or should we abandon it altogether and use “Menu” instead? Let’s find out.
-
Lesson number:
Frequently Asked Questions UX
Barely any website can escape the curse of FAQs. Users have doubts, questions and concerns, and we need to address them effectively. Let’s see how to design slightly better FAQs, their shortcomings and good alternatives.
-
Lesson number:
Mega-Dropdowns UX
Do we need mega-dropdown hover menus in 2025? Probably not. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better navigation UX.
-
Lesson number:
Breadcrumbs UX
Breadcrumbs UX are often neglected, but they can be extremely helpful when designing a complex navigation. Let’s explore when we actually need breadcrumbs, how people use them, and how to improve them with sideways navigation, clearer breadcrumbs paths and accordions.
-
Lesson number:
Carousels UX
It’s common for us as designers to dismiss carousels at first. However, when designed well, carousels can serve their purpose well — drive engagement and increase conversion. We just need to move away from the generic view of a carousel towards approaches that usually work slightly better.
-
Lesson number:
Infinite Scroll UX
Infinite scroll can be frustrating. In this session, we’ll look into the downsides of infinite scroll and how to fix them for good. We’ll also explore how we can combine infinite scroll, the “load more“ pattern and good ol’ pagination to make the exploration of items easier and more efficient.
-
Lesson number:
Modals UX
Modals, overlays, pop-ups, popovers... they all are disruptive, annoying and frustrating. Yet sometimes they can be very useful, especially when we need user’s input or don’t want users to lose context while informing them about something important.
-
Lesson number:
Footnotes UX
A wonderful yet forgotten UI component that’s left behind in all the conversations about navigation — the footnote, or sidenote. Too often, these notes are found scattered at the bottom of the page. Perhaps they deserve a slightly better placement after all.
-
Lesson number:
Search UX
We’ll explore how we search and how we iterate on search phrases, how to refine the interaction design with the search bar, how to show autocomplete suggestions and when to hide them, how many to show and the important details to reveal while users are searching.
-
Lesson number:
Autocomplete UX
When customers have a good idea of what they are looking for, they use search. And as they do, they expect autocomplete suggestions to show up. Let’s find out how we can design autocomplete UX to help customers get to their goal faster.
-
Lesson number:
Filters UX
Too often dealing with filters can be frustrating. Let’s get them right. That means never freeze the UI on a single input, provide text input fallback and never auto-scroll users on a single input. Here’s why.
-
Lesson number:
Sorting UX
Sorting always implies order: be it alphabetical order, timeline, pricing or rating score. But too often sorting isn’t precise enough, doesn’t allow for multi-sorting, and doesn’s support context jumps in a stream of data. Let’s see how we can improve sorting UX, in consumer-focused websites and enterprise apps.
-
Lesson number:
Data Tables UX
How do we deal with complex enterprise tables, with filtering, sorting, search and inline editing? A deep-dive into the intricate world of complex tables, with design patterns to keep close.
-
Lesson number:
Feature Comparison UX
Chances are high that you’re allowing your customers to select one of the options or variations of your product. However, to choose one of them, they need to be able to compare them easily. And your task is to quickly bring them to the product they will love. How do we get there, especially when we have hundreds of features to compare by?
-
Lesson number:
Pricing Plans UX
How do we design a pricing page that doesn’t overwhelm users with all the options, features and variants? How do we communicate differences? And how do we organize everything on tiny mobile screens? That’s exactly the questions that this lesson is trying to answer.
-
Lesson number:
Schedule & Calendars UX
How do we design interfaces for products which involve some sort of a schedule table — a TV guide, a multi-track music festival or an appointment calendar? We need to reduce complexity to the essence and allow users to navigate all the details without overwhelming them. Let’s figure out how.
-
Lesson number:
Date Pickers UX
No date picker is like the other one: they come in various forms and flavors, from date input to date range picker, at times with filters, requirements and input limitations. How can we make date input easy and painless? We’ll dive in and explore dozens of examples.
-
Lesson number:
Sliders UX
Imagine a helpless little slider masked as a duration filter and tucked away in a sidebar on an airline website. So often such sliders are difficult to manipulate, and too often they frustrate customers and slow down the entire experience. Let’s find out when it makes sense to employ sliders, and how we can make them more usable.
-
Lesson number:
Timelines UX
Every history textbook and every sport event will have some sort of a timeline at their heart: a flow of historic events, or a tennis match timeline, or perhaps a boxing match protocol. So what if you want to provide your customers with an insight into dozens of events happening within a particular timeframe?
-
Lesson number:
Maps UX
With zooming in and out in place, maps seem to be quite obvious to get right. But what if we want to display pins to locations on a shopping mall map? Or what about an election results map with autocomplete, filters, and search? That’s where maps become slightly messier and more complex.
-
Lesson number:
Seat Selection UX
What if we combine all the previous challenges into one? Imagine you are selling tickets for a cinema, a baseball stadium, or an opera house. Surely you’ll want to provide your customers with an overview of available seats, and allow them to select the best seat as well. The challenge is to do it well on mobile. Let’s tackle this beast!
-
Lesson number:
Configurators UX
Perhaps you have a multi-page wizard, or you’d like your customers to customize your product? In such cases, we need to ensure that users can easily move between steps and complete the task without being slowed down by the interface.
-
Lesson number:
Reviews and Ratings UX
95% of users rely on reviews to make their decisions and learn more about how well a product fits their needs. Unfortunately, too often the way we design reviews and ratings UX confuses and frustrates users, rather than helping them. Let’s fix that.
-
Lesson number:
Language Selector UX
How difficult can it be to design a bulletproof language selector? It’s not as straightforward as one might think. We need to avoid redirects, decouple our language and country presets, allow for overrides, and use non-modal windows. Let’s dive in!
-
Lesson number:
Closed Captions and Subtitles UX
When we think about closed captioning, we often think about noisy environments. There, consuming content via audio is difficult, and so captions help communicate information in an alternative, textual way. But as it turns out, captioning can be much more than text.
-
Lesson number:
Cancel, X and Back Buttons UX
Users rely on a “Back” button to go back, but often we mismatch their expectations, bringing frustration and abandonment. Not to mention the troubles with “Cancel” and “X” buttons. Let’s explore how to fix that and where to put all these buttons in our interfaces.
-
Lesson number:
Hidden vs. Disabled vs. Read-Only UX
When do we hide a feature, when do we disable a button, and when do we use a read-only state as well? Let’s explore how they all are different and when to use each — along with a simple flowchart to follow to guide our design decisions.
-
Lesson number:
Confirm vs. Undo
Confirm or Undo? Do we trust people to do the right thing, and provide an option to restore the previous state? Or do we add a bit of friction to confirm their intent before they make an irreversible mistake? Let’s explore how we can reduce annoyances but also minimize critical and costly mistakes.
-
Lesson number:
UX Metrics and Design KPIs
Design solves problems. So we should be able to measure how well a particular design solves a particular problem. That's why I start working by setting Design KPIs, and tracking them over time. Let’s explore how to define, design and track design KPIs in small and large projects.
-
Lesson number:
Design Systems
Nobody is surprised by design systems these days. Their main benefit isn’t only in a library of reliable UI components, but in a strong alignment between teams that removes redundant or unnecessary work.
But for that, a design system needs to be healthy and work well. Let’s explore how we can keep our design systems relevant over time, and keep it healthy and up-to-date for the entire organization.
-
Lesson number:
Authentication UX
How can we make authentication and password recovery slightly more obvious and slightly less frustrating? In this session, we’ll look into authentication UX, design patterns around login/password, 2FA, magic sign-in as well as just the right timing to speed up and simplify authentication.
-
Lesson number:
Privacy UX
With GDPR and CCPA in place, we need to think twice about how we ask customers for their data, or specifically, how do we get permissions if we really need them. It’s really the art of asking tough questions at the right time and in the right way.
Let’s take a look at omnipresent cookie prompts and see how we can make better privacy-related design decisions without hurting the bottom line.
-
Lesson number:
Web Forms UX
Very often forms are inaccessible and difficult to use, with awkward live validation and notorious error messages; not to mention a birthday date-picker starting from 2023, a tiny newsletter checkbox, disabled “submit” buttons and horrendously evil CAPTCHAs in the disguise of street signs and crosswalks. So let’s fix web forms for good!
-
Lesson number:
Disabled Buttons
In this segment, we’ll look into common usability issues with disabled buttons, how to fix these issues and when disabling buttons actually makes sense. We’ll start from the beginning, looking into when disabled buttons cause more trouble than help.
-
Lesson number:
Live Validation UX
Inline validation in web forms is useful when it works, but frustrating when it fails. Too often it leads to an endless stream of disruptive error messages or dead-ends without any chance of getting out. Let’s fix it for good.
-
Lesson number:
Error Messages UX
Error messages need to be easy to spot, but they also need to be helpful. Let’s explore when error messages should live above input fields and why toast error messages are usually not a very good idea.
-
Lesson number:
Bringing Personality Back to the Web
The web has become quite generic and soulless, hasn’t it? Every single website looks alike, and only few websites manage to convey a unique and charming personality. As a result, nothing is particularly memorable, and only few sites manage to connect with us emotionally.
But we can do better and be charming and unique and attractive without breaking accessibility and usability. Let’s dive into a few techniques to achieve just that!
-
Lesson number:
Summary
Giddy up — you made it! Well done! Now, let’s wrap up and recap everything we’ve learned in the course and see how it all fits together, and how you can apply all the insights to your regular design work.
15h Video, Real-Life Examples, Checklists & Live Sessions.
With 100s of practical examples, guidelines, gotchas, checklists, takeaways & exercises — applicable to your project right away.
Add-on: Live UX training. Deep-dive sessions with 1:1 feedback & UX certification.
In a 4-weeks sprint, you’ll learn how to deal with real-life UX challenges from the ground up. You’ll be designing complex interfaces, receive feedback and work with Vitaly and people around the world.
Every week, we’ll host 2×2.5h-long live sessions on:
- Real-life UX challenges,
- Full UX workflow, from start to finish,
- UX deep dives and case studies,
- Design reviews and revisions
- Personal 1:1 feedback with Vitaly.
You’ll have enough time to ask all your questions and learn at your own pace. And: you can get a UX certificate as well. Check the next UX training.
Next UX training: Sep 11 – Oct 19, 2026
(Can’t make it? Mark April 2027)
That’s what these wonderful people say about the course!
-
Dena Cho
Product Designer
“Incredibly enriching experience!”
The insights I’ve gained have truly empowered me with invaluable knowledge and skills. What sets this course apart is the instructor’s holistic approach, diving not only into UI topics but also into product strategy.
Learning how to view design through the lens of stakeholders has been eye-opening, equipping me with the tools to bring design value to a wider audience. I feel significantly more confident in my ability to influence design decisions, even in the most complex UI scenarios.
-
Sananda Dutta
Product Designer
“Unwavering commitment to students!”
The course is a practical exploration of the intricate nuances that make interfaces truly intuitive and engaging. Vitaly’s guidance is invaluable, his knowledge profound, and his passion for design is contagious.
Vitaly’s unwavering commitment to students ensures that every lesson is a stepping stone towards getting proficient at UX. Whether you’re a seasoned designer or just starting your journey, this course will revolutionize your approach to UX, empowering you to create interfaces that resonate deeply with users.
-
Zara Cooper
Software Developer
“Years of design expertise!”
Smart Interface Design Patterns is an incredible resource. Vitaly lays out the best practices and patterns for responsive and accessible interface design. It is detailed, informative, and backed up with practical examples.
You can tell years of design expertise have been poured into it. Vitaly is an amazing teacher and walks you through complex concepts by making them easy to understand. Developers and designers of all experience levels can gain so much from this!
-
Duygu Özgül
Design Lead
“Exactly what is missing in other courses!”
This course provides exactly what is missing from the other UX courses out there: a practical deep dive into timeless digital design patterns. The course is the synthesis of the best articles and examples on fundamental patterns out there with Vitaly’s outstanding expertise.
Because of the practical nature of the content, I can confidently use the learnings from this course without necessarily testing every detail!
-
Brad Frost
Web Designer, Front-End Developer
“Best practices encyclopedia!”
I love me some components. Effective design systems bake UX, design, and development best practices into a reusable component library to increase velocity and improve quality.
But what exactly are those best practices? Where does one learn those best practices? Right here in this course! Vitaly is a living, breathing web design & development best practices encyclopedia, so I’d highly recommend this course to any web practitioner.
-
Sara Soueidan
Web UI and Design Systems Engineer
“This course is a goldmine!”
Years of research and experience by one of the most prolific members of the web community has been distilled and condensed into this course.
So whether you’re a designer or a developer who frequently works with designers, you’ll find something in this course for you. Take this course; you won’t regret it.
-
Portia Burton
Head Developer and Writer at DocumentWrite.dev
“Brimming with timeless advice!”
A rare course that skips the framework hype and dives straight into actionable solutions. “Smart Interface Design Patterns” course is brimming with timeless advice about best practices for intermediate-level designers. Vitaly does an amazing job giving each solution real-world context. I wish I discovered this course sooner in my career!
-
Anna E. Cook
Senior Accessibility Designer
“One-on-one conversation!”
Smashing Magazine and Vitaly are better than ever, and we get to watch it all from the comfort of home!
The workshop is so fun and immersive you won’t even notice you’re learning. You’ll feel like you’re getting to have a one-on-one conversation with one of the greatest design and development educators while digging into your biggest questions. This library is a lovely combination of principle and practice and well worth it!
-
Ben Callahan
Design Systems Specialist, Designer
“So much of expertise in one place!”
Vitaly has been a relentless force for good in the digital design space for years now. With this beautifully captured video series, so much of his expertise is in one place. There is something for everyone here!
-
Addy Osmani
Engineering Manager, Chrome, Google
“Simply fantastic!”
“Smart Interface Design Patterns” offers the most comprehensive look at modern user-interface patterns of any course I’ve seen. Vitaly explores (in-depth) 100s of real-world examples of production UX, picking apart the trade-offs of responsiveness, interaction and accessibility along the way.
The focus on “production” vs. simple demos makes this course particularly valuable; you can see what decisions teams across eCommerce (and other verticals) made and why. I also loved the format — a wonderful mix of examples, videos, speaking and more. Highly recommended!
-
Jhey Tompkins
Front-End Developer
“11/10!”
For someone who struggles to focus on courses and usually avoids them, Vitaly has an engaging charm that keeps you watching. Vitaly shares so many insightful gems and the thinking that goes behind different design decisions for different UX/UI issues. This course makes for a fantastic design reference! 11/10.
-
Cassie Evans
Designer, Illustrator, Animator
“Ton of ’aha’-moments!”
As a developer, it’s so easy to get hyper-focused on the code itself and lose sight of the bigger picture. This friendly course provides a ton of “aha” moments that will help you make better decisions for the people using your sites.
-
Alma Hoffmann
Funky Design Educator
“Gem of knowledge!”
In this course, Vitaly provides significant insight not only theoretically but also using practical and relevant examples. These examples are backed up with research and clear graphics to illustrate the points he is making.
Vitaly has accumulated years of observation and research that makes this course a gem of knowledge; essential for any of us, not just designers and developers.
-
Dan Mall
Creative Director, Advisor
“Don’t miss it!”
Vitaly has been a student of the web for a long time now, and he’s collected a wealth of knowledge about what makes for great digital experiences. This course is a fantastic way to learn from his years of experience in just a few short hours. Don’t miss it!"
-
Stephanie Eckles
Front-End Developer
“Incredible value!”
Vitaly has seen and done it all, and this course is an incredible value for all the insights and resources you’ll gain! The depth of knowledge Vitaly has gained over the years is unmatched, and through this course he shares the extra details that would otherwise take a full career to know about.
The videos are packed with examples to get your ideas churning, and after taking this course you’ll be able to create more successful, usable interfaces that work today and into the future.
-
Marc Thiele
BTConf, Conference Organizer
“Treasure of knowledge.”
Vitaly is known for his intense research when it comes to topics like this. Over the years he gained such a good expertise in the field of design patterns that this course is a treasure of knowledge, mixed with best practices and spiced with a pinch of useful tips and tricks.
If you are a designer, this in-depth workshop can only broaden your knowledge and make you an even more experienced designer. If you are a developer, this course is a must for you to build a better connection and understand to the designers you work with.
-
Emma Bostian
Software Engineer at Spotify
“The course I never knew I needed!”
This is the course I never knew I needed. As a frontend developer who works closely with design, this course provided me with the skills I need to collaborate more effectively.
Not only do you get real-world examples, but you’ll learn the why’s of responsive design patterns, backed up by tangible data. I recommend this course for every designer and web developer looking to improve their responsive design pattern skills.
-
Mandy Michael
Front-End Developer
“A bunch to take away!”
You’d be hard pressed to find a workshop that can keep you as engaged and eager for more as this latest work from Vitaly! His energy, enthusiasm and skill is clear and his experience and many years of research in the industry is a valuable resource.
There are lots of great examples and takeaways. Whether you are new to the industry or been around for a while, there is still a bunch to take away and use in your work day to day! A super fun and really enjoyable learning experience.
-
Adam Argyle
UI + UX Specialist, Front-End Engineer
“Rad thoughts and examples!”
Rad thoughts, examples and lessons from Vitaly here. Clearly thought out, professionally vetted, and elegantly distilled. A delightful and educational course with something for designers and developers alike.
-
Ahmad Shadeed
Product Designer, Front-End Developer
“Immense value in a short amount of time!”
Anytime Vitaly shares something, I immediately think of great UX practices, in-depth dives, and well-researched studies.
This workshop is a deep-dive with tons of useful recommendations that help you make decisions more quickly, effectively, and without wasting time on weighing options and solutions.
As designers, we tend to learn by example, so this workshop provides immense value in a short amount of time. Whether you’re a designer or a developer, you’ll learn a lot. I highly recommend it!
-
Gwendolyn Schorling
Digital Designer, Creative Lead
“Restored my faith in learning!”
The “Interface Design Patterns UX Training” has restored my faith in virtual learning. Not only does he provide a wealth of knowledge, but also makes the learning experience engaging, thoughtful, and personal.
His homework critiques are thorough and inspire me to continue refining my work. I’ve already used the extensive resources from class to guide my UX projects at work.
-
James Rice
Senior UX Designer
“Boundless enthusiasm!”
Having been in the industry for 25 years, being introduced to new ideas and examples I haven’t seen before is pretty rare - but I obviously had not met Vitaly yet!
He has a slide or anecdote for every possible scenario plus boundless enthusiasm and positivity to accompany it. The assignments based on real-world clients and projects were challenging but fun as they fell outside my normal day to day type of work. Also, personalized video feedback on each assignment was provided, which I found very helpful.
I’ve done workshops and been to a number of conferences, and while the content is typically well and good, you often find yourself getting bored, zoning out, or wanting it to be over. It was exactly the opposite with Vitaly’s training; many of the attendees would have continued the sessions indefinitely if given the opportunity. I’ve already started applying new ways of thinking to my client work and I would sign-up for a part two in a heartbeat.
-
Cath Macaulay
Product/UX Designer
“Sizzled with detail!”
Every week there was an assignment to complete which focused on a particular UX problem. I found that there was such a wealth of information that my mind was exploding with creative ideas! The assignments sizzled with detail and had me wishing for all clients and stakeholders to write design briefs in this manner.
There’s no doubt that my confidence in tackling the UX assignments grew over the duration of the course. I now feel able to devour UX assignments, and less like a fraud when self-describing as a “UX” designer. Vitaly teaches UX in a fun and accessible way, and it was a joy to learn from a renowned industry leader. I can’t wait to sign up for another course!
-
Stacy Hyun
Art Director, Visual Designer
“Mind-blowing!”
Are you dealing with complex UX challenges? The knowledge and expertise shared by Vitaly are mind-blowing! His enthusiasm for the topic makes the class a must-do to learn how to approach complex UX.
-
Vasilis van Gemert
Teacher, Educator
“Incredible amount of knowledge!”
Over the years Vitaly has amassed an incredible amount of knowledge about web design and web development. He has always shared his knowledge with everybody at conferences and at universities around the world.
And now he has made all this knowledge available to you in this very pleasant form, to enjoy in your living room, in your home office, in the kitchen or in your hammock, where and whenever you want."
-
Alba Silvente
Front-End Developer
“Well-defined steps to follow!”
I’m amazed with the quality of the course. Not only for the quality of the videos, which is incredible and with many details that make me hooked, but also for the clarity of the content.
As a front-end developer, I always put a lot of emphasis on how to assemble interactive components, and it’s a permanent research! But with these videos, you get both regular and cutting-edge cases covered, with general solutions and well-defined steps to follow.
Undoubtedly, that’s the course for front-end people who want to improve in UX field. And it’s not only for those who are just starting, but also for experienced professionals who want to improve their skills.
-
Ricardo Gimenes
Illustrator, Art Director
“Clear and enjoyable to watch!”
I’ve had the honor and privilege of working with Vitaly for the past 11 years. So I’m an eyewitness to this project’s time spent, dedication, and attention to detail. The result is a course that is clear, precise, and enjoyable to watch.
-
Carie Fisher
Author, Speaker, and Developer
“Real-world examples!”
Vitaly has done a fantastic job reimagining the virtual teaching space with his latest video course! Each of the sessions include succinct video tutorials with detailed background pattern information, engaging real-world examples, and areas to focus on when reviewing or building your own patterns.
The amount of detail and engagement that Vitaly brings to this course ensures that both designers and developers will learn something new - plus have fun along the way!
-
Smashing Cat
Mascot, Food-Chaser
“Meowsome!”
Greatest secrets are always hidden in the most unlikely places. I find my way by moonlight and see the dawn before the rest of the world. This course has them all — greatest secrets for better interface design and UX, all in one single place. Meowsome!
-
Jaclyn Ziegler
UX Designer
“Mind-blown how much I learned!”
I am mind-blown at how much I learn at Vitaly’s workshops! It is amazing when we break down every piece of an interface, how much easier it becomes to understand it.
Vitaly has a highly engaging and positive teaching style. He is exceedingly knowledgeable yet very down to earth and approachable. Vitaly goes above and beyond for his students! I highly recommend Vitaly’s workshops to any designer, product owner or front-end developer who wants to advance their career!
-
Ekene Eze
Front-End Developer
“What I needed to make smarter decisions!”
“Smart Interface Design Patterns” is truly what the name says. Vitaly goes beyond the basics to tell you the “why” and show you the “how” to inform your design decisions. For someone who struggled with mobile responsiveness, I think this is what I needed to make better (smarter) decisions.
-
Josh W. Comeau
Front-End Developer, Indie Hacker
“How to design thoughtful, robust building blocks!”
Modern web applications are full of surprisingly-intricate UI elements. There’s so much more than meets the eye, and if we aren’t careful, we’ll wind up designing an inaccessible, hard-to-use product! Vitaly shows us how to design thoughtful, robust building blocks for the web.
-
Avi Itzkovich
UX Designer, Speaker, Conference Organizer
“Recommend it to everyone.”
Great design requires a way to explain why we choose a certain design solution. This course offers a solution to every common design problem and much more. I recommend it to everyone, especially if you are already working in the field.
-
Darin Senneff
UX/UI Designer, Animator
“Pros & cons of different patterns.”
If you design or develop interfaces, you need the ability to weigh the pros and cons of different patterns and approaches. This course dives deep into all of the common components of the modern web, allowing you to create solutions and tackle important issues in your work.
-
Aarron Walter
UX Designer, Author
“Carefully researched examples.”
Getting proficient at UI design can take years, but you can get there way faster with this course. The carefully researched examples and practical guidance here will give you the foundation you need to design great interfaces.
-
Kitty Giraudel
Front-End Developer
“Countless examples and real-world studies.”
Smart Interface Design Patterns is an absolute goldmine of information, presented in a lighthearted and pleasant form by Vitaly Friedman.
It explains complex design patterns — particularly when done responsively and responsibly — with great details, backing suggestions with countless examples and real world studies. It is a joy to watch through and through, and a must for anyone interested in high quality and modern web design.
-
Michelle Barker
Lead Front-End Developer
“Plenty to benefit from!”
This course is ideal for anyone looking to get up to speed on modern UI design and development practices. Backed up by thorough research, and featuring detailed and well-articulated explanations of common components, both new and experienced designers and developers will find plenty to benefit from. Highly recommended!
-
Átila Fassina
Lead Frontend Engineer at Signavio
“Strategies and patterns to solve the right issues.”
Vitaly takes responsive design to the next level by discussing information architecture and content strategy. How to come up with tactics to achieve the best UX is always tough. But this course gives us strategies and patterns to solve the right issues.
-
Paul Boag
UX Consultant
“You won’t find a better guide!”
I know of nobody else in the industry who has spent so much time and energy analyzing best practices in user interface design across thousands of websites. If you are seeking to improve your interface design skills, you will not find a better guide.
-
Veerle Pieters
Graphic/Web Designer
“Vast experience!”
Vitaly has been around the ‘internet’ block a few times and his vast experience comes together in this course. In only a few hours of video you gain a wealth of in-depth knowledge bundled with real world examples. Highly recommended!
-
Natalie Larsson
UX Designer
“Brilliant combination of theory and practice!”
This was exactly that type of training that I was looking for. Enjoyed every hour of it. Well-structured, professional, interesting, with plenty of real-life examples and analysis, well thought out assignments of various complexity, friendly atmosphere and good humor. The brilliant combination of theory and practical parts.
It is a very good fit for those who have already been active in UX for some time and want to get better, but at the same time the simple structure and stile of presenting makes it very suitable for beginners as well.
-
Chuánqí Sun
Senior UX Developer, Microsoft
“Exceeded my expectation!”
The workshop has exceeded my expectation — it pushed me beyond my comfort zone without losing relevance to problems I encounter in my daily design work. I’m really glad to be part of the journey and would recommend the workshop to every designer and engineer who find themselves in complex projects.
-
Debbie Hay
Web Developer
“Can’t recommend this course enough!”
I can’t recommend this course enough! Vitaly is an amazing teacher, always eager to help in anyway he can. The assignments were challenging but incredibly enjoyable and rewarding. I have learnt so many new skills from this amazing course!
-
Krista Boughner
Senior Designer
“Incredibly helpful!”
This training course has been incredibly helpful and I have learned a lot! I really appreciate all of the useful tips and detailed resources you’ve shared — this knowledge is so applicable in my current job and will help me on future projects. I will certainly recommend this course to my friends/colleagues!
-
Espen Brunborg
Digital Designer, Illustrator
“This is bloody amazing!”
If you’re looking for digestible, friendly, and extremely well researched advice on interface design, this is the course for you. I can’t think of a single resource more informative or exhaustive, nor a presenter more suited than Vitaly. Miss it at your peril.
-
Kenneth Chen
User Experience Designer
“Exceeded my expectations!”
This course far exceeded my expectations and I was excited to be learning from Vitaly’s experience. The sessions are brimming with great insights that are immediately applicable to your day to day work. The sheer amount of interface patterns that were discussed, combined with plenty of detailed, real-world examples, makes for an action-packed course!
Vitaly shares his wisdom enthusiastically and you can see his passion for design. He also provides excellent 1:1 feedback on assignments which will inspire you to challenge the status quo and level up your craft.
-
Artur Trifonov
Product UI Designer
“Highly recommend for everyone!”
My expectations from the workshop were quite high, because I learned a lot from Vitaly’s posts before, mainly because of the practical mindset. The workshop delivered the same thing: real methods, constraints, and a lot of decision-making that actually matches product work. As a UI-focused designer, I left with a clearer toolkit for applying patterns and shaping stronger UX in real-world conditions.
The biggest highlight for me was the atmosphere. From the very first live session, Vitaly set a tone that felt open, safe, and trusting. As a mentor myself, I know how important it is for learning: you tend to think, ask, and iterate more. The feedback itself is strong and specific. Vitaly doesn’t just comment on what’s visible; he gets into your reasoning, challenges weak assumptions, and pushes you toward what matters.
The teamwork also added noticeable value. People came from different contexts and levels, so you learn from each other a lot.
As we all know, the result depends on effort. And even with a lot of work invested, I didn’t hit a “ceiling” where the workshop stops giving back. I highly recommend the workshop for designers at any level!
Smart Interface Design Patterns, curated by yours truly chef in charge, Vitaly Friedman.
My name is Vitaly, and over the last 15 years, I’ve been scouting the web for reliable interface design patterns. I was honored to be involved in design and testing first-hand, studying solutions that worked well or failed miserably. All these learnings and insights from all these years are now collected in this video course.
Over the years, I was wearing many hats, as designer and as developer, being involved in UX, interface design, usability testing and performance optimization.
I love our wonderful community, and so love writing articles about the web, speaking, workshopping and teaching. I’m the editor-in-chief and creative lead of Smashing Magazine. In my spare time, I’m a front-end & UX consultant in Europe and abroad, working with big and small companies and organizations, such as European Parliament, Haufe-Lexware, Axel-Springer and others.
Simple prices, no surprises. Buy once, access forever.
-
Sous chef $275
- 100s of real-life examples
- 40 video lessons (total 15h)
- 5 new videos every year
- Quality recordings (incl. English captioning)
- Life-time access to all videos, slides and checklists
- Credit cards, PayPal, bank transfer
-
Master chef $579
- 100s of real-life examples
- 40 video lessons (total 15h)
- 5 new videos every year
- Quality recordings (incl. English captioning)
- Life-time access to all videos, slides and checklists
- Live UX training (4 weeks) with hands-on UX challenges (next: Sep 2026)
- Personal 1:1 feedback & Slack
- Answers to all your questions
- UX certification
- Credit cards, PayPal, bank transfer
-
UX Bundle Package (3× Video Courses) Save 30% off!
- 100s of real-life examples
- 40 video lessons (total 15h)
- New videos every year
- Quality videos + Eng subtitles
- Life-time access to all videos, slides and checklists
- Credit cards, PayPal, bank transfer, invoice
- Practical real-life examples
- 25 video lessons (total 8h)
- New videos every year
- Quality videos + Eng subtitles
- Life-time access to all videos, slides and checklists
- Credit cards, PayPal, bank transfer, invoice
- Practical real-life examples
- 35 video lessons (total 10h)
- New videos every year
- Quality videos + Eng subtitles
- Life-time access to all videos, slides and checklists
- Credit cards, PayPal, bank transfer, invoice
100-days money back. No ifs or buts.