Skip to main content

Designing For Complex UI Masterclass

Workshop, 4×2.5h + Q&A Wed & Thu, April 6–14 2022
09:00 – 11:30 AM PT (Pacific, US) 18:00 – 20:30 CET (Europe)

Not much can surprise us when it comes to interface challenges. We can design a decent card, a well-rounded accordion, an accessible modal and an exquisite hamburger navigation. But what if there are slightly more complex UX challenges ahead of us?

Well, complex UI doesn’t have to be complicated. In this online workshop with Vitaly Friedman, UX consultant and creative lead behind Smashing Magazine, we’ll dive deep into dissecting how to solve complex design problems. Whether you’re working on a complex nested multi-level navigation or creating enterprise grade tables, this workshop will give you the tools you need to excel at your work.


In this workshop you’ll learn:

  • Complex mega-dropdowns with 4+ levels of navigation, layout, interaction design, sideways navigation, breadcrumbs, top task analysis, mobile/desktop (e.g. large university websites),
  • Complex modals and overlays,, confirm vs. undo behavior, right timing, intraction design, with guidelines and best practices to improve click-through rates and decrease mistakes (e.g. enterprise software),
  • Complex multi-page forms, focusing on form components, one-column vs. multi-column layout, error recovery, inline validation, routing, conditional reveal, disabled buttons, input buffering (e.g. complex multi-column multi-page forms with dozens of steps),
  • Enterprise-grade tables, complex use-cases with inline editing, filtering, tagging, sorting and search — on mobile and on desktop (insurance, loss prevention),
  • Dashboards and spreadsheets, with complex layouts, data editing, inline filtering, infinite scroll UX, “load more” vs. pagination, access to footer and access to the current state, mobile optimizations,
  • Complex filtering, layout, auto-apply vs. manual apply, filtering overlays, filtering and sorting intervals, best practices and guidelines, on mobile and on desktop (public archives, media library, large catalogs of products),
  • Autocomplete UX, with layout and interaction design, when to show/hide suggestions, search query iteration, autocomplete blindness, faceted search, smart suggestions, type-ahead pattern, keyboard navigation, on mobile and on desktop (e.g. in eCommerce),
  • Accessibility of complex interfaces, with technical considerations, focus traps, navigation, announcements of notifications, keyboard support,
  • Privacy UX, and how to gather accurate data while avoiding legal battles and respecting user’s data,
  • 100s of real-life examples, government and university websites, trip planners, financial services, eCommerce, online banking, configurators, insurance and mortgage calculators, data grids and enterprise products.
  • Checklist for complex UIs with guidelines and decisions to consider when designing any component in a complex setting.

$400 .00 Register for this workshop → 4 × 2.5h live sessions + Q&A. April 6–14.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with Smashing Membership.

Who is this workshop for?

This workshop is for interface designers, front-end designers and developers who’d love to be prepared for complex and time-consuming design challenges. You’ll walk away with a toolbox of techniques and examples of doing things well — in your product, website, desktop app or mobile app, be it a small mobile app or a large enterprise application.

Register for this workshop →

About Vitaly Friedman

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing or speaking at a conference, he’s most helping companies solve UX issues or running front-end/UX workshops. He loves solving complex UX, front-end and performance problems.

Time & Schedule

This workshop is split over four days. Our virtual doors open at 8:45, we start at 9 AM PT.

The workshop sessions will run on the following days:

  • Wed, April 6, 09:00 – 11:30 AM PT
  • Thu, April 7, 09:00 – 11:30 AM PT
  • Wed, April 13, 09:00 – 11:30 AM PT
  • Thu, April 14, 09:00 – 11:30 AM PT

You can always re-watch the sessions at a more convenient time and follow the webinar at your own pace.

Wed, April 6: Complex Navigation

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
Complex mega-drop-down navigation, carousels, breadcrumbs, sideways navigation, modals and overlays, focus traps, top task analysis. Advanced configurators, wizards and customizers.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

Thu, April 7: Complex Tables and Dashboards

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
Enterprise-grade tables, with inline editing, filtering, tagging, sorting, search, dashboard and spreadsheets UX.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

Wed, April 13: Complex Forms

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
Form design metrics, user behavior with forms, layout, microcopy and interaction design, one-column vs. multi-column layout, one-page vs. multi-page design, routing, conditional reveal, error recovery, inline validation, disabled buttons, input buffering, task list pattern.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

Thu, April 14: Complex Interaction

8:45 AM PT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM
Error recovery, password recovery, filtering and sorting intervals, auto-apply vs. manual apply, authentication, accessibility, privacy UX. Mortgage and loan calculators.

11:00 AM – 11:30 AM
Q&A with Vitaly on the day’s material. Networking!

What hardware/software do you need?

To view the webinars, please install the Zoom client for Meetings, which is available for all the main OSs. It may take a little time to download and install, so please grab it ahead of time if you can.

You’ll need a lot of sleep reserves since it’s going to be a couple of packed sessions! Bring a lot of attention to detail and non-standard thinking to this one! ;-)

Register for this workshop →