We provide course about Design Patterns For Complex UIs and Enterprise UX. Complex products don´t have to be complicated. As designers, we need to shape UX to maximize clarity and reduce confusion.
Content:
This is especially critical when designing for legacy-ridden environments, B2B systems and complex domains.
Objectives:
In this 2-days-workshop, we’ll cover practical design patterns and real-life examples for:
• Multi-level navigation, drawers, menus
• Infinite scroll, badges, chips, tags
• Live filtering, sorting, search, autocomplete
• Complex data tables and data grids
• Nested tables and filter groups,
• Complex multi-page enterprise forms
• Undo vs. confirm, cancel UX
• Validation, toasts, error messages
• Actionable dashboards and charts UX
• Hidden vs. Disabled vs. Read-only
• Legacy systems and third-party UX
• Decision trees for UI components
That's what you should be expecting:
• When users make mistakes, these mistakes compound, causing costs, severe delays and poor outcomes. Let's fix that!
Course outline:
Module 1 - Designing For Complex Products and Legacy Systems:
• You'll learn the workflow to design for experts, B2B, enterprise, legacy systems and around 3rd-party vendors - with do’s, don'ts and practical UX strategies.
Module 2 - Multi-Level Navigation UX:
• Mega-dropdowns with 4+ levels of navigation, tree navigation, nested app menus, scanning patterns (F-shape vs. Layer-cake pattern), badges, chips, tags, navigation queries, infinite scroll.
Module 3 - Live Filtering, Sorting, Search UX:
• Auto-apply vs. manual apply, filtering overlays, filtering and sorting intervals, sidebar vs. top bar, multi-sorting UX, faceted sorting, autocomplete UX, customized search results.
Module 4 - Complex Data Tables and Grids UX:
• Pivot mode, comparison patterns, select, pin, move, drag, resize, drag-and-drop, keyboard navigation, accessibility, inline editing, bulk actions, tabbed views, filter constructors.
Module 5 - Complex Multi-Page Forms UX:
• Form layout, one page vs. multiple pages, modals vs. pages, undo vs. confirm, cancel and back buttons, errors, toasts, required and optional fields, disabled buttons, live validation.
Module 6 - Dashboards and Charts UX:
• Dashboard types, building blocks, customization, dashboard pressure levels, action dot dashboards, chart types, arrows, scales, colors, arrangement, chart jobs.
Module 7 - How To Drive Impact In Complex Environments:
• You'll learn a practical strategy to get started and making an impact in products with zombie features, fragile systems, conflicting priorities and high-stakes situations.
Instructor: Vitaly Friedman
Vitaly Friedman loves beautiful content and does not give up easily. Born in Minsk, 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 Smashing Books, and a curator of Smashing Conferences.
He is the UX lead with the European Parliament and Smashing Magazin and front-end/UX consultant in Europe and abroad, working with large and small companies and organizations like Haufe-Lexware, Axel-Springer and others. He also runs Measure UX and Smart Interface Design Patterns, friendly video courses on UX and design patterns, along with a live UX training for passionate UX and product designers.
Target audience:
Who this workshop is for:
• Product designers and product managers who want to make sure they improve UX of their products
• Design and UX Leads who want to explore established practices and make more confident and informed UX decisions
• UX researchers and practitioners who want to improve UX maturity, articulate value and drive better design decisions