Overview
Note: This is a full day workshop and will be held on Saturday April 22 from 10am to 5pm, and is available to those with a WORKS or WORKSHOP ticket.
In this 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 websites. 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.
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 workshops covers more advanced techniques used in responsive design.
Objective
To learn innovative design patterns that can be applied to any responsive project: e.g. how to deal with navigation, maps, data visualization, tables, carousels, forms and more advanced interface components.
Target Audience
The workshop is intended for intermediate/advanced designers and developers who have an understanding of responsive design and how it works.
Assumed Audience Knowledge
Basic responsive design patterns, such as responsive navigation.
Five Things Audience Members Will Learn
- Responsive Design Patterns and innovative approaches to designing ‘responsive modules’ such as mega-drop downs, tables, calendars, multi-level menus, maps, carousels and web forms
- How to apply clever patterns such as improved off-canvas navigation, assistant pattern, smart URL design, priority+ pattern, vertical media queries, ‘view mode’ approach, lazy loading, autocomplete, type-ahead search, filters, portrait/landscape orientation change, inventory-based sliders, the country selector and responsive iconography
- How to deal with complex interfaces, ranging from dashboards to car configurators to seat selection to eCommerce checkout to airplane check-in.
- Design anti-patterns to avoid when designing a responsive site to prevent running into performance issues and “slow UX decay”
- How the design processes should adapt in terms of the project management, deliverables, performance budgets, team organization and strategy.
