In this brand new 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 co 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, but rather advanced and innovative examples of RWD in action.
What You'll Learn In This Workshop
- Effective tools and techniques that can support and enhance your personal workflow when working on any responsive design project,
- An overview of clever practical techniques for improving UX of responsive sites incl. navigation and search,
- 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 craft delightful interfaces with smooth transitions, clever animations and improve perceived performance along the way,
- How to optimize responsive websites for better mobile UX, faster data input and higher conversion rates,
- Design anti-patterns to avoid when designing a responsive site to not run 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.
This workshop is intended for professional designers, developers and everybody else who is dealing with responsive design regularly or wants to better understand responsive design in general. You should at least be familiar with some basics of responsive design, HTML5 and CSS.
- 8:30 Doors open, Registration
- 9:00 Introduction & Kick-off
- 11:00 Coffee Break
- 12:30 Lunch
- 13:30 Afternoon Session
- 15:00 Coffee Break
- 17:00 The End, Networking
- Snacks and drinks during the whole day
- Tea and coffee
- Paper and pen/pencil
What Hardware/Software Do You Need?
- You'll need to bring a lot of creativity with your preferred coffee mug.
This full-day workshop will be hosted at the SF State University — Downtown Campus
Westfield San Francisco Centre
835 Market Street, 6th Floor
San Francisco, California