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.
This meetup will have pizza and beer thanks to our friends at Sapient Global Markets!
We will be raffling off some books from O'Reilly! Bring a business card or identifying piece of paper to partake.
Miranda Mulligan is a journalist, designer and an Internaut!, running on 90% caffeine and 10% water. Based in Chicago, she's now with the Knight Lab, a joint initiative of Northwestern University’s Robert R. McCormick School of Engineering and Applied Science and the Medill School of Journalism.
Formerly the design director for digital at The Boston Globe, Miranda has focused most of her attention to the intersection of content and technology for the past couple years. In 2011, she led the responsive web design approach to The Boston Globe’s new site – BostonGlobe.com.