Class begins on May 10, 2020
Smart Interface Design Patterns, 2020 Edition
Online class with Vitaly Friedman, Creative Lead, Smashing Magazine

Learn advanced Interface Design techniques. In this series of 5 online classes, 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.

Dates: May 10 to May 24

5 Interactive Sessions (See Agenda below)

Time: 10:00 - 12:30 (GMT+3)

5 live sessions, 2.5h / each

How will this work?

Online Training

Join the online class and learn directly from Vitaly Friedman. 5 fully interactive sessions. Participate, ask questions, and work together LIVE with your team.

Powerful Learning

Get access to the 1500+ workshop slides and examples. You can always re-watch the sessions at a more convenient time and follow the class at your own pace.

Designed for You

We designed this course to work with your busy schedule. 2.5hour/class x 5 sessions – Discuss the homework after-hours with your team on slack.

Who is it for:

The workshop is intended for intermediate/advanced UI/UX designers and developers 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.

This workshop will empower you with:

  • 1500+ workshop slides and examples
  • 20 checklists for everything from accordion to maps
  • Interactive sessions, ask questions, work in teams
  • Hands-on exercises and reviews
  • All workshop recordings, transcript of the class
  • Dedicated Q&A time
  • Read More >

Agenda:

The course will run from May 10 to May 24, five sessions, each 2.5 hours. Fully interactive with hands on learning. 

  • 9:45 AM
    Virtual doors open, registration, chat and introductions.

    10:00 AM – 12:00 AM
    Complex tables, with a feature comparison table, currency exchange calculator, pricing plans.

    12:00 AM – 12:30 AM
    Q&A with Vitaly on the day’s material. Networking!

  • 9:45 AM
    Virtual doors open, registration, chat and introductions.

    10:00 AM – 12:00 AM
    Historical timelines, multi-track schedule, TV Guide schedule, music festival schedule, exhibition calendar, spreadsheets and dashboard.

    12:00 AM – 12:30 AM
    Q&A with Vitaly on the day’s material. Networking!

  • 9:45 AM
    Virtual doors open, registration, chat and introductions.

    10:00 AM – 12:00 AM
    Data visualization, common issues with sliders, insurance plans, shopping mall maps, election map, opera/theatre seating plans, Formula 1 seat selection.

    12:00 AM – 12:30 AM
    Q&A with Vitaly on the day’s material. Networking!

  • 9:45 AM
    Virtual doors open, registration, chat and introductions.

    10:00 AM – 12:00 AM
    Privacy issues, forms, permissions UX, push notifications, authentication patterns, CAPTCHA, onboarding. Wrapping up.

    12:00 AM – 12:30 AM
    Q&A with Vitaly on the day’s material. Networking!

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.

Price includes live access to the class + 1500 workshop slides and examples.
During the class, we work in small groups.

Frequently Asked Questions

    • How people use mobile interfaces and how we can optimize for thumbs,
    • Navigation, with accordions, mega-drop-downs, hamburger icons, breadcrumbs, carousels, filters and search,
    • Advanced configurators, wizards and customizers, diving into details of a car configurator,
    • Complex tables, with a feature comparison table, currency exchange calculator, 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,
    • Forms, with email verification, password input, country selector, sliders, error validation, incl. public transportation and a banking transaction UI,
    • 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”.
  • To view the webinars, please install the Zoom client for Meetings, which is available for all the main OSs. It may take a little time to download and install, so please grab it ahead of time if you can.

    You’ll need a lot of sleep reserves since it’s going to be a couple of packed sessions! Bring a lot of attention to detail and non-standard thinking to this one! 😉

  • Or Send us an Email info@ uxsalon.com

Meow