#btconf Munich, Germany 15 - 17 Jan 2018

Smart Responsive Interface Design Patterns

In this full-day workshop, Vitaly Friedman, editor-in-chief of Smashing Magazine, will cover practical techniques, clever tricks and useful strategies you need to be aware of when working on responsive interface design today. From responsive modules to clever navigation patterns and web form design techniques; the workshop will provide you with everything you need to know today to start designing better responsive experiences tomorrow.

The full-day workshop is intended for intermediate/advanced designers and developers who have an understanding of responsive design and how it works.

Most techniques are borrowed from mid-size and large-scale real-life projects, such as large eCommerce projects, online magazines and web applications. We won't cover the basics, instead, the workshop covers more advanced — and often obscure and innovative techniques.

What will the workshop cover?

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

  • Responsive art direction techniques and advanced layouts, with many inspiring and memorable examples,
  • Navigation, with mega-drop-downs, breadcrumbs, carousels, accordion and filters,
  • Builders, with a car configurator and mobile plan builder,
  • Forms, with email verification, password input, country selector, privacy issues, sliders and public transportation, and a banking transaction UI,
  • Date pickers, date range picker and a time picker, incl. booking an appointment and booking an airline ticket,
  • Tables, with a feature comparison table, currency exchange calculator, pricing plans,
  • Search, with autocomplete, filters, search results,
  • Calendars, with a multi-track schedule, TV Guide schedule, music festival schedule, exhibition calendar, spreadsheets and dashboard,
  • Audio/Video, with a video player UI and audio-based input,
  • Maps / Data Visualisation, with a shopping mall map, election map, smart region input.
  • Timelines, with a historical timelines, soccer game signature and live leaderboard and standings,
  • Real-time experience with betting UI for soccer, poker and live video streaming,
  • Footnotes and side notes in magazine articles,
  • Seat selection, for a concert/theatre/exhibition and a perfect airplane check-in,
  • Responsive PDF for documents and restaurant menus,
  • Responsive upscaling, with eCommerce experience on large screens and article layout on large screens,
  • Design anti-patterns to avoid to prevent running into maintenance issues and “slow UX decay”.

What hardware/software do you need?

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. Laptop is preferred but not absolutely necessary. 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! ;-)

When and where is the workshop taking place?

On Monday, January 15th, from 10am (10:00) to 5pm (17:00). Our venue is the new office space of Microsoft Germany.

Event Partners