A Content First Approach to Responsive Design
In the world of web design, we talk a lot about user experience, content strategy, responsive design, and mobile first. Yet in practice, these are not separate disciplines. We find ourselves needing to take a more content first approach to create successful, scalable, and sophisticated responsive designs. We’ve had to develop new processes for creating repeatable solutions that can scale up to support communities of web authors and site builders.
For us, it’s about patterns. In this session we will share with you repeatable design patterns and specific techniques that will transform your responsive design process.
We will tease apart what we mean by responsive design and cover fundamental principles of a user centered, content first approach. We will give you practical ways you can apply this strategy to your next website project, and we’ll discuss how content first can help us solve design problems for entire communities. We hope that you’ll walk away with a new understanding of how a content first approach can transform the way we design and build.
What you’ll walk away with:
- Responsive design patterns to help you in your design process
- Examples of common layout scenarios with responsive design patterns to support them
- A flexible grid template to use for responsive wireframing and site building
- Strategy for evaluating page content hierarchy
- Tools and “recipes” for creating responsive Drupal sites
- Guidelines for how to know when responsive is right for you
- A better understanding of how content strategy and responsive design are interlinked
You should attend this talk if you are:
- Site Builders and Content Creators who want to learn how to take a content first, responsive approach to your next Drupal project
- Designers and Site Builders who want specific examples and takeaways that you can apply to your design process, site building toolkit, and content strategy
- New to responsive design and wish to learn more about how this is relevant to your next Drupal project
- Anyone who is interested in gaining a deeper understanding of content first
About the Presenters
Brian Young and Megan Miller work at Stanford University IT Services, designing and creating Drupal themes for use across campus. They are the maintainers of the Open Framework theme, which is used as the base theme for Stanford’s Drupal theme development.
Note: The slides attached are a sample of some of the things we are going to cover. We will update the slides closer to the presentation date.
Comments
I'm really looking forward to this session! I missed your BADcamp presentation, but the earlier versions that I did get to see at Stanford were already awesome. This is a timely topic I think, and I find the way that you think about responsive flow to be really convincing. This session is useful for UXers no matter what theme system they work in.
I attended the BADcamp presentation and it was well organized and informative. It was also very well received by the audience. I use Open Framework daily as part of my work at Stanford and I'm continually impressed by the quality of the theme and the thought that went into creating it.
Anyone who is interested in designing website should attend this presentation. Megan and Brian have a knack for designing responsive websites in a simple and comprehensible way. These innovators have developed an easy to use system. Not only have they figured out how to present ideas to clients, but they have a rockin' base theme to support their work.
I also missed their BADcamp session in November and am very interested in how this framework will benefit those in the Drupal education community. I also look forward to Megan's and Brian's entertaining presentation on material they are quite passionate about. No doubt this topic is very timely and their session will certainly be most valuable to those attending DrupalCon in 2013!
I attended the BADCamp presentation in November and found the talk to be approachable and practical, even though I'm a relative newcomer to Drupal. The tools they present can be used immediately, and Megan and Brian reveal an interesting case study of building tools and frameworks to support a broad number of interests in higher ed. Enthusiastic thumbs-up for this presentation!