Smart Interface Design Patterns with Vitaly Friedman

Why should you care about design patterns?

Are you ready for a design challenge? In this series of online workshops, Vitaly Friedman, creative lead behind Smashing Magazine, will be taking a microscopic examination of common components and design patterns in modern interfaces — on desktop and on mobile.

We’ll study 100s of hand-picked examples and we’ll be designing interfaces together, starting from accordions, to mega-drop-downs, sliders, feature comparisons, car configurators — all the way to timelines and onboarding. And: We’ll be reviewing and providing feedback to each other’s work as well.

The workshop includes

1500+ workshop slides with practical examples and action points.
150 checklist cards on everything from carousels to web forms.
Editable text file to adjust for your needs.
Access to the evergreen deck, updated regularly.
Live, interactive sessions.
Hands-on exercises and reviews.
Dedicated Q&A time for all your questions.
A Smashing Certificate.

Challenges

How people use mobile interfaces and how we can optimize for thumbs,
Navigation, with accordions, mega-drop-downs, carousels, modals, hamburger icons, bottom bar navigation, tabs and breadcrumbs,
Filters, sorting and search for eCommerce websites, government and enterprise websites, museums, archives, libraries and dashboards.
Advanced wizards and configurators used for complex multi-step flows, such as a custom car configurator and a multi-journey trip planner,
Complex enterprise tables, with a enterprise dashboards with filters, tables, feature comparison, pricing plans and currency exchange calculator,
Reviews and testimonials, when and how to use them, the details to include, the frequency of appearnace, with plenty of examples to use right away.
Date and time input focusing on date pickers and calendar widgets, incl. birthday input, day/time mini-jumps and horizontal split menus when buying tickets or booking an appointment,
Schedule and timelines for spreadsheets, exhibition calendars, multi-track schedule, festival schedule and TV guides,
Sliders, with mortgage and loan calculators, family trees, football game signature, live leaderboard and standings.

Web forms, with form design and layout, input types, inline validation, tooltips, segmented control, autocomplete, error messages, email verification, password input, incl. enterprise forms, authentication and multi-column forms,
Maps and data visualization, with map hotspots, detail views, axis swaps, charts layout, shopping mall and election maps and smart region input,
Onboarding and offboarding UX for higher conversion/retention, incl. modals, empty states, loading indicators and guided tours.

Privacy UX and authentication, with design patterns for GDPR/CCPA-compliant experiences, dealing with cookie prompts, permissions and notifications UX, CAPTCHA and 2-factor-auth,
Seat selection, in which complex forms meet complex maps, for concerts, theatre performances, sport events, exhibitions and Formula 1 seat selection,
Design anti-patterns, with design patterns that often create ambiguity, cause maintenance issues and initiate a „slow UX decay“.

Time & Schedule

The workshop takes 5 days over 2 consecutive weeks,
9-11 and 17-18 February 2022, from 9:30 to 12:00

9 Feb, 9:30-12:00
Navigation. Mega-drop-downs, hamburger, accordions, carousels, filters. Advanced configurators, wizards and customizers. Q&A and networking.

10 Feb, 9:30-12:00
Tables. Complex tables, with a feature comparison table, currency exchange calculator, pricing plans. Q&A and networking.

11 Feb, 9:30-12:00
Timelines & Calendars. Historical timelines, multi-track schedule, TV Guide schedule, music festival schedule, exhibition calendar, spreadsheets and dashboard. Q&A and networking.

17 Feb, 9:30-12:00
Sliders and Maps. Data visualization, common issues with sliders, insurance plans, shopping mall maps, election map, opera/theatre seating plans, Formula 1 seat selection. Q&A and networking.

18 Feb, 9:30-12:00
Forms, Authentication. Privacy issues, forms, permissions UX, push notifications, authentication patterns, CAPTCHA, onboarding. Wrapping up. Q&A and networking.

Target audience and takeaway

This workshop 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.

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 (www.smashingmagazine.com/books), and a curator of all Smashing Conferences (www.smashingconf.com).

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

21 март 2025, 09:30 - 12:00 (петък)