fbpx
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!

[grve_single_image image=”17656″]

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.

[grve_divider line_type=”line” padding_top=”10″ padding_bottom=”20″]

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! 😉

  • [grve_button button_type=”outline” button_color=”blue” button_text=”Send us a question on Facebook” button_size=”large” button_link=”url:https%3A%2F%2Fwww.facebook.com%2Fuxsalon%2F||target:%20_blank”]

    Or Send us an Email info@ uxsalon.com

Meow