355 Congress St., Boston, MA
Responsive design is changing the way stories are told. Complicated data visualizations, which used to be planned for the desktop, now need to be planned so they can work for mobile, tablets, and desktops. Different devices mean different user-experiences for visualizations, which changes how information is consumed.
Three ingredients make up responsive web design: flexible grid-based layout, flexible images and media, and media queries. But these three elements are just focused on layout, not content management and storytelling within a responsive design. We'll talk about responsive design (what makes the grid flexible, the images responsive, media queries, etc). We’ll show some samples of successful and not-so successful data visualizations on a responsively-designed news site.
Miranda Mulligan is the design director for digital at The Boston Globe (bostonglobe.com / boston.com / mobile / etc.). In 2011, she was the design lead and creative director for the responsively-design BostonGlobe.com. She is a designer and educator with 10+ years of experience in print and web design, photography, multimedia editing and information graphics reporting. She has also worked for The Virginian-Pilot, interned with The Sun-Sentinel and The Philadelphia Inquirer and volunteers with Online News Association, Virginia Press Association, the National Press Photographers Association and the Society for News Design.