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 workshop with Vitaly Friedman, UX consultant for European Parliament 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 multi-level navigation (6–7 levels) in a large organization with prioritization techniques, card sorting, tree testing, validation, sideways navigation, mega-dropdowns.

- Complex filtering, exploring layout, auto-apply vs. manual apply, filtering overlays, filtering and sorting intervals, tagging and smart previews, tap/type-ahead pattern, filter presets, scoped filtering.

- Design KPIs, how to establish them, how to deal with governance issues, how to measure them over time, and how they fit with OKRs and common business metrics in B2B and SaS-products, 

- Complex multi-page forms, focusing on form layout, error recovery, inline validation, routing, conditional reveal, disabled states, autocomplete UX, dependencies.

- Enterprise-grade tables, with inline editing, filtering, sorting, search, imports, exports, integrations and modals.

- Accessibility of complex interfaces, with technical considerations, focus traps, navigation, announcements of notifications, keyboard support.

- Authentication and Security UX, with technical and design considerations on security questions, CAPTCHA, social login, password recovery, 2-Factor-Authentication and magic links.

- Privacy UX, and how to gather accurate data while avoiding legal battles and respecting users' data, GDPR/CCPA.

- State of Design Systems, with design system setup, design tokens, themeable components, decision making flowcharts and documentation.

- 100s of real-life examples, government and university websites, financial services, eCommerce, online banking, configurators, data grids and enterprise products.

 

By the end of the workshop, you’ll have a packed toolbox with practical techniques and strategies for approaching complex UI challenges and tackling them well — plus a collection of real-life examples to apply to your application immediately.