- Main workshop slides (new, PDF, 639 MB)
- Mega-Drop-Downs (new, PDF, 639 MB)
- Wizards / Configurators (new, PDF, 119 MB)
- Reviews, Testimonials (new, PDF, 28 MB)
- Nav Concepts, Carousels, Filters, Sorting (new, PDF, 595 MB)
- Interface Design Patterns Checklists (ZIP, 108 MB)
- Design Systems ( Book PDF)
- Inclusive Design Patterns (Book PDF)
- Real-Life Responsive Design (Book PDF)
- How people use mobile interfaces and how we can optimize for touch input to avoid rage taps and rage clicks.
- How to drive traffic and engagement to important nav items, with examples on how to define and reflect priorities to highlight navigation that matters, while keeping the rest noticeable as well.
- Accordions, with layout and interaction design considerations for cards, FAQ, table of contents and pricing plans.
- Hamburger menu navigation, with guidelines and common mistakes to avoid.
- Bottom bar navigation, with examples and guidelines to get it done right on mobile.
- Overlay menus, and how to organize content well to avoid maintainability issues down the line.
- Mega-dropdowns, and how to deal with multi-level navigation to speed up the user interaction.
- Carousels, when to use them, when not to use them, and how to design them better to encourage interaction and increase click-through-rates.
- Filters and sorting, how to design them, where to place them, and how to make them work for your customers.
- Search, how to use autocomplete and how to display search results to maximize engagement.
- Breadcrumbs, and how to display the user’s path when there isn’t enough space to display it.
- Interaction of navigation menus, when to open/close navigation menus on tap/click/hover.
- Obscure navigation concepts like navigation queries, tap stories, curtain navigation, window split etc. that can drive engagement and conversion.
- Design anti-patterns to prevent running into maintenance issues and “slow UX decay”.
Learn advanced Interface Design techniques. In this series of 3 online classes, Vitaly Friedman, creative lead behind Smashing Magazine, will be taking a microscopic examination of common components and design patterns in modern navigation — on desktop and on mobile. Learn from 100+ of hand-picked examples — all from user research and usability studies of real projects — proven to work or fail in practice.
Who is it for:
The workshop is intended for intermediate level UI/UX designers who would like to learn how to solve complex interface design problems and become better at their craft. 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.
Get your access to the Navigation UX course before it’s gone!
This course is on sale for a limited time until February 26, 2022. After that it’s gone forever!
Please note, tickets are only available for sale from Nov 1, 2021 to Feb 26, 2022