Work
About
Contact

Maria Stegner

Product Designer | maria.stegner@gmail.com

Work
About
Contact

Parents Magazine Digital Editions

About the project As part of the tablet team, I was responsible for the design, production, and testing of print content adapted into 10-inch and 7-inch tablet devices (iPad, Kindle Fire, Nook). Our goal was to make the app fun and easy to read, a

Each month, we had to take the print content and design it for 10-inch and 7-inch devices, which have different aspect ratios (and thus do not scale proportionally).

The Problem Here is an example of a 10-inch story (on top row) and the 7-inch version (bottom row). In the 10-inch design, we used a 2-column grid for the text, while in the 7-inch design we could only use a single column. It was a pretty ine

We had to come up with a design that worked, and looked good, on both 7-inch and 10-inch devices. Our research told us that most of our digital readers were on 10-inch devices , which was helpful in prioritizing which size to start with. We d

We sketched out some key screens with the new navigation tabs, in order to flesh out the new design.

Part of the solution was to incorporate a group of navigation tabs at the bottom of the page, which would only show up on the 7-inch devices. We designed a variety of tab treatments and layouts, and tested them on our editors.

We tested lots of fonts sizes, page structures and tab designs. Our challenge was to design text-heavy layouts where the type looked good and easy to read on all tablet sizes . After many wireframe iterations, we eventually landed on a good co

Based on our user testing , we came up with a One-Design solution that allowed us to design the digital edition one time for all device sizes. Here is the 7-inch version of a story from our June 2014 issue.

This is the 10-inch device version, which is the same as the 7-inch version, except you don't see the tabs at the bottom. The One-Design solution resulted in major cost savings for the company.

© 2024 Maria Stegner