Extra workshop (paid) Nerd Session

Smart Interface Design Patterns, 2020 Edition

two-img-section

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.

WHO IS THIS WORKSHOP 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 a mobile app.

Detailed Program

two-img-section

The workshop includes:

  • 1500+ workshop slides with practical examples and action points

  • 100 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

two-img-section

In this workshop, you’ll explore:

  • How people use mobile interfaces and how we can optimize navigation, carousels, CTAs and icons for touch to avoid rage taps or rage clicks,

  • Navigation, with accordions, mega-drop-downs, hamburger icons, breadcrumbs, carousels, filters, sorting and search,

  • Advanced mobile-optimized configurators, wizards and customizers,

  • Complex data tables, with a feature comparison table and pricing plans,

  • Date pickers, date range picker and a time picker, incl. booking an appointment and booking an airline ticket,

  • Calendars, with a multi-track schedule, TV Guide schedule, music festival schedule, exhibition calendar, spreadsheets and dashboard,

  • Web forms, with email verification, inline validation, input budgets, complex input, country selector, password input, error validation, dropdowns, radio-buttons and checkboxes

  • Sliders, with insurance calculators, timelines, historical family tree, soccer game signature and live leaderboard and standings,

  • Maps and Data Visualization, with a shopping mall map, election map, smart region input.

  • Onboarding and offboarding UX for higher conversion/retention,

  • Authentication patterns, permissions UX, GDPR/CCPA, CAPTCHA and 2-factor-auth,

  • Seat selection, for a concert, theatre or exhibition and a perfect Formula 1 seat selection,

  •  Design anti-patterns to avoid to prevent running into maintenance issues and “slow UX decay”.

ABOUT VITALY FRIEDMAN

two-img-section

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. When he is not writing or speaking at a conference, he’s most probably running front-end/UX workshops and webinars. He loves solving complex UX, front-end and performance problems.