Responsive Design Studio: Interdisciplinary By Design

Responsive Design Studio

Responsive and adaptive design is about more than making sites look good on mobile. It's about creating a web that's flexible, accessible, and usable—and to do it right, we've got to work together:

  • Design must account for the realities of complex content
  • Writing must be trim and clear to work across many layouts
  • Code must consider performance and accessibility while maintaining your design system and messaging

That's why we're offering a three-day, in-depth studio right here in New York that weaves together content strategy, design, and development to form a complete look at what it takes to plan, write, design, and code for responsive and adaptive experiences—all led by the dream team of Aaron Gustafson (author of the book Adaptive Web Design), Jason Cranford Teague (author of CSS3 Visual Quickstart Guide), and Sara Wachter-Boettcher (author of Content Everywhere: Strategy and Structure for Future-Ready Content).

Program

Day 1 Day 2 Day 3
Content Strategy
with

Sara Wachter-Boettcher

More info
Design
with

Jason Cranford-Teague

More info
Development
with

Aaron Gustafson

More info

How It Works

Each day focuses on a single topic—content, design, or development—using hands-on exercises and lectures from a single presenter. But all the instructors will be there throughout to put each day's material in context. In addition to honing skills in your area of specialization, you'll also gain an understanding of—and skills for collaborating with—all the disciplines needed to make responsive design work.

Day 1: Content Strategy with Sara Wachter-Boettcher

More about Sara

Sara Wachter-Boettcher Content has always been the core of a website, and responsive design makes it more important than ever to understand and plan for it. Sara will give you a crash course on content strategy and how it fits into responsive design.

What you'll learn:
  • Why flexible layouts require us to think about content as systems and modules, not just pages
  • How to assess your existing assets and prepare them to adapt to different displays and devices through simple models and structures
  • Why content knowledge will help you make decisions about design priorities and breakpoints
  • How to (re)write and edit to make all your content more mobile-friendly

Day 2: Design with Jason Cranford-Teague

More about Jason

Jason Cranford-Teague Designers seem to be faced with a conundrum: keep designing for a dwindling audience and scale down or go "mobile first" and scale up. There is a better way, but it will require rethinking the way we design. Jason will teach you the ins and outs of responsive design techniques and how to use dynamic tools to quickly prototype responsive designs, leaving paper design planning behind.

What you'll learn:
  • How accessibility concerns can be easily factored into your development process
  • To consider a multi-screen strategy while planning and prototyping
  • Where concepts like "mobile first" and "responsive design" fit in with progressive enhancement and your workflow
  • How to plan a responsive design using lean UX (User Experience) and prototyping to test ideas early and often
  • Use advanced techniques for layout and typography and images to ensure designs scale without error

Day 3: Development with Aaron Gustafson

More about Aaron

Aaron Gustafson Aaron will provide an overview of everything attendees need to know about modern web design and the progressive enhancement philosophy that makes crafting rich experiences across myriad devices and platforms easy. He'll also cover how to begin integrating HTML5 and CSS3 into your work.

What you'll learn:
  • How concepts like "mobile first" and "responsive design" fit in with progressive enhancement and your workflow
  • Come to a greater understanding of the importance of semantic markup and discuss the options available with HTML5 and microformats
  • Become more familiar with how CSS parsers work and how you can use their logic to apply advanced CSS (including CSS3) in a layered fashion
  • Learn how to wield the awesome power of JavaScript wisely, while keeping a watchful eye on how it can affect the user experience or your sites
  • See how accessibility concerns can be easily factored into each step in your development process
  • Gain exposure to ARIA roles & states and see how you can employ them to improve the experience of those using screen readers

Why You Should Go

Adaptive and responsive techniques are rapidly becoming a necessity for modern websites.

  • You'll learn how content, design, and development work together to crystalize how adaptive/responsive techniques can best serve your web visitors
  • You'll work in teams designed to give you an interdisciplinary experience
  • When you return to work you can test your knowledge with an online quiz and receive a certificate validating your successful completion of the three-day workshop and quiz
  • Your successful completion of the workshop will establish your ability to work on any adaptive/responsive challenge you'll face

Register yourself or your team!

Join us April 29-May 1 (9:00am-5:00pm EDT each day) at General Assembly's Flatiron District location: 10 East 21st Street, NY, NY 10010.