/
About this Workshop
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? In this workshop, Vitaly will 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.
Who is it 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.
What 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.
Agenda
Coming in May
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.