Interview: Vitaly Friedman on Designing The Perfect Navigation Workshop
Meet Vitaly: Carousel/Slider Design
Sample Video: Class Intro
Sample Screenshots from the class
Navigation UX Class - Day 1 (Video)
Navigation UX Class - Day 2 (Video)
Navigation UX Class - Day 3 (Video)
Class Documents
- 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)
Ebooks:
- Design Systems ( Book PDF)
- Inclusive Design Patterns (Book PDF)
- Real-Life Responsive Design (Book PDF)
In this class you’ll learn
- 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.
Workshop Intro:
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.
Meet your instructor, Vitaly Friedman
Vitaly loves beautiful content and does not give up easily. 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, OTTO and a few other companies.
How will this work?
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
Frequently Asked Questions
Can you tell me more what this workshop will cover?
This class was recorded on zoom with a live audience earlier this year. Although you are not able to actively participate in the class we believe that the content in these 3 sessions could bring you a tremendous benefit to your work. In this class we will cover:
- 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”.
I'm having trouble with payment/ PayPal. What shall I do?
Please refer to our PayPal guide here:
https://uxsalon.com/paypal/Got a question? Get a quick response through our Facebook Page Messaging.
Or Send us an Email info@ uxsalon.com