Vitaly Friedman

Vitaly Friedman

Smart Interface Design Patterns

When: October 7-8, 13:00-17:00 CEST

Where: Online

Are you ready for a design challenge? In this series of sessions, 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.

The workshop includes:

- 1500+ workshop slides with practical examples and action points

- 100 checklist cards on everything from carousels to web forms

- Editable checklists as text files to adjust for your needs

- Access to the evergreen deck, updated regularly

- Live, interactive sessions

- Hands-on exercises and reviews

- All workshop recordings

- Dedicated Q&A time for all your questions

- A Smashing Certificate


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


In this workshop, we’ll go hands-on into exploring:

- How people use mobile interfaces and how we can optimize for touch,

- Navigation, with accordions, complex mega-drop-downs, hamburger navigation, breadcrumbs, carousels, filters and search,

- Advanced configurators, wizards and customizers, taking a car configurator as an example,

- Complex tables, with an overview of common techniques for making tables work across screens, feature comparison tables, dashboard, currency exchange tables, pricing plans,

- Date/time pickers, date range picker and a time slot picker, incl. booking an appointment, trip planners, booking an airline ticket,

- Calendar widgets, a multi-track schedule, TV Guide schedule, music festival schedule, exhibition calendar, spreadsheets and dashboard,

- Web forms, with email verification, password input, country selector, sliders, error validation, disabled buttons, incl. public transportation and a banking transaction UI,

- Sliders, with insurance calculators, timelines, historical family tree, soccer game signature, 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”.


You'll need to bring a lot of creativity with your preferred coffee mug. We’ll be spending a lot of time drawing, sketching, designing and thinking. Be ready to challenge your general view of design process and how our interface should look like. You’ll need a lot of sleep reserves since it’s going to be a packed day. Bring a lot of attention to detail and non-standard thinking to this one! ;-)

Trine Falbe

Trine Falbe

Responsible design - a step-by-step guide

When: October 8, 10:00-16:00 CEST

Where: Online

In this workshop you’ll get to work a full day with your own product or service – or help someone else improve theirs. The focus will be to understand what responsible design is, and most importantly, you’ll learn how to do it. Hint: the key is taking small steps, and stepping up.

On your side to facilitate the process is Trine Falbe, specialist in responsible design and innovation. You’ll also have a room full of fellow professionals who will give and receive feedback along with Trine. We’re here to lift each other up and share.


It’s for UX designers, UI designers and product managers who have the ambition to make more responsible products.


You will learn all the things you need to know to make positive design changes, one step at a time. This includes:

• Business models that enable responsible products (and those who don’t)

• How to prove the business case of responsible design

• Setting yourself and your team up for success

• Identifying what needs changing into a more responsible direction

• Data models

• Responsible design patterns

• Responsible innovation

At the end of the day, you will have created a plan of action for yourself to take home – a plan that empowers you to help the product or service you’re working on to move in a more responsible direction, regardless of starting point (unless you work for Facebook. Them I can’t help).


We’ll mostly be using pen and paper, so you get a screen-free day (yay! :) )