How do we deal with Mega-Dropdown-Menus

How do we deal with complex navigation on the web? What if you need 4–6 levels of navigation, showing up on mobile and on desktop? What are some of the reliable design patterns that work well in practice, reducing accessibility issues and minimizing mistakes in navigation?

In this session, we’ll explore navigation design patterns, from horizontal layering and sidebar navigation to cards index, A-Z pattern, sideways breadcrumbs, dynamic filters, query constructors and mega-drop-downs.

Target audience and takeaway

This workout is for interface designers, UX designers, front-end 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 a mobile app.

Complex Mega-Dropdown-Menus

Vitaly Friedman

Vitaly loves beautiful content and does not give up easily. Born in Minsk, Belarus, he studied computer science and mathematics in Germany. While writing algebra proofs and preparing for software engineering at nights in the kitchen, at the same time he discovered passion for typography, interface design and writing.

After working as a freelance designer and developer for 6 years, he co-founded Smashing Magazine back in 2006, a leading online magazine for designers and developers.
His curiosity drove him from interface design to front-end to performance optimization to accessibility and back to user experience over all the years.
Vitaly is the author, co-author and editor of all Smashing books (, and a curator of all Smashing Conferences (

He currently works as creative lead of Smashing Magazine ( and front-end/UX consultant in Europe and abroad, working with European Parliament,
Haufe-Lexware, Axel-Springer and a few other companies.

5 юли 2022, 10:00 - 11:30 (вторник)