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:
- Writing must be trim and clear to work across many layouts;
- Design must account for the realities of complex content; and
- Code must consider performance and accessibility while maintaining your design system and messaging.
That's why we're offering a two-day, in-depth studio in Mountain View 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.
|Aaron Gustafson||Jason CranfordTeague||Sara Wachter-Boettcher|
|More about Aaron||More about Jason||More about Sara|
Our studio is co-taught by the dream team of Aaron Gustafson (author of the book Adaptive Web Design), Jason CranfordTeague (author of CSS3 Visual Quickstart Guide), and Sara Wachter-Boettcher (author of Content Everywhere: Strategy and Structure for Future-Ready Content). They're in an interdisciplinary team—just like yours.
How it works
At the start, you'll join peers with varied skillsets to form small interdisciplinary teams. Throughout the studio, you and your teammates will collaborate on strategic decisions, share insights from your field, and work through the responsive design process for a sample website—together.
Day 1: The Big Picture
Where does responsive design fit into your toolkit, and how should it change the way you work? Through a mix of presentations and hands-on exercises, you'll learn the skills to:
- Plan and structure flexible sites
- Develop a responsive-ready content strategy
- Uncover and define the patterns and systems that will allow your design to scale
Day 2: Putting it to Work
We'll take the strategies, priorities, and patterns you established on day one and executing at the micro level. You will:
- Prioritize and modularize a single piece of content
- Use prototypes to quickly bring your content to life
- Learn about the markup and fallbacks you'll need to support your vision
- Explore some of the challenges to responsive design--and emerging ways to overcome them
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 modern 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 two-day workshop and quiz
- Your successful completion of the workshop will establish your ability to work on any adaptive/responsive challenge you'll face
- Understanding context
- Constraints and opportunities
- How RWD works
- When is RWD the right solution solution? When is it not?
- Why do we need to work collaboratively and iteratively?
- How does RWD fit into project workflows?
- What should you ask before starting a RWD project?
- Defining goals and objectives
- Understanding audiences and needs
- Messaging, content goals, voice, tone
- Content typing based on content analysis
- Information architecture
- Breakpoints and fluid layouts
- Interface design
- Content presentation
- Progressive enhancement
- Content prioritization and planning
- Making modular content
- Writing for the modular structure and matching the brand/messaging
- Prototyping in the UX process
- Tools for prototyping
- HTML5 and semantic markup
- Between the breakpoints
- Creating fallbacks
- Challenges to RWD: CMS, images, performance and workflow
- How to continue learning after the workshop
Register yourself or your team!
Join us October 15-16 (9:00am-5:00pm PT each day) at 500 Startups' Silicon Valley headquarters: 444 Castro Street #1200, Mountain View, CA 94041 (more venue info). Register three or more of your team for a group discount.