The Mario Blog
From print to tablet: dissecting and creating

TAKEAWAY: It is an exciting evolution to take your newspaper or magazine from a pdf only presence in the tablet to a curated tablet edition. We do such a workshop in Slovakia this week for the team of Novy Cas. In two days: you start at zero, then develop your information architecture, then move on to the design

TAKEAWAY: It is an exciting evolution to take your newspaper or magazine from a pdf only presence in the tablet to a curated tablet edition. We do such a workshop in Slovakia this week for the team of Novy Cas. In two days: you start at zero, then develop your information architecture, then move on to the design

blog post image

A typical iPad Design Lab deals with four essential topics: storytelling, pop ups, navigation, look & feel/Luis Vazquez illustrations

blog post image

blog post image

Moments from the Novy Cas iPad design workshop: first conceptualizing how to translate the print product to a tablet curated edition; then sketching information architecture strategy; then developing the look & feel, a process of two days from start to finish.

So the team wants to evolve from a pdf only tablet edition to a curated one. That’s the challenge and the excitement ahead for the editors/designers of Slovakia’s Novy Cas, and we are doing a two-day workshop this week to help them with their goals.

Where does one start the planning of a curated tablet edition?

Let’s go tablet edition

First, the publisher must give the go ahead to such curated edition, which requires the necessary human resources to be executed. There is not too much automatic about a curated edition, which is what makes them so popular with users, who appreciate visual surprises, pop ups and content that has been customized to exploit the potential of the tablet.

Unlike the pdf edition, which is relatively easy to execute, the curated edition requires at least three people in charge: an editor, a photo editor/art director, minimum of one journalist to adapt stories from other platforms to the tablet.

Those important essentials

Second, our workshop covers the essentials: the research of tablet use, storytelling strategies, look and feel, grids and navigation. A special unit of the workshop is devoted to those important and necessary pop up moments—remember, when you design for the tablet, you design for the brain, the eye and the finger. Pop ups play a key role.

Key points:

Research: A review of tablet user habits by age, gender; results of the Poynter Institute EyeTrack Tablet research; various studies from around the globe—-tablet users range in ages from the very young to the 70+ set; tablet users prefer to check news in their tablets in the evening.

Storytelling strategies: Tablet users come to read—long narratives and mini stories; they want to get more than the information in an average print-styled caption; it is important to train the staff to write mini stories, self contained in 10 lines or fewer.

Look & feel: Take the DNA of your existing print publication, but stop the imitations there; create your own look for the tablet, make it special, distinct, seductive, but with subtle reminders of the publication that originates it. Pay special attention to fonts (usually play with three fonts to keep things active); experiment with color (especially for type)

Grids: A first step, just as it is with any type of design: the map to the journey; whether you go two, three or four columns, or mixture of them, establish your grid criteria early. It will affect all you do.

Navigation: Should be as intuitive as possible, simple (based on few clickable elements that define the content of the entire app—and, important, do not try to emulate every section you carry by name in your printed publication. Remember, there are no page numbers for sequencing in a tablet edition. Users jump from here to there: make that skipping easy and painless.

What’s your publication’s DNA?

Third, this is the important part of the workshop: when the editors take their existing publication as it appears in print/online and extract its DNA and other important content elements to make them part of the curated tablet edition.

Start with simple sketches

blog post image

Early sketches begin to present a picture of how content will flow, and elements will fit on the screen

Four, sketching begins—-first with an outline of how content will flow, number of screens per section, typographic components, grid and color palette.

To me, this is a key step in the process, as we put all sketches on the wall, review content flow, ease of navigation, app functionality.

See those first fully designed screens

Once the information architecture has been clearly defined, then it is time to turn to the more design oriented elements, to see how an actual screen looks, defining the look & feel of the tablet app.

Here is where storytelling, typography, grid and color palette come together as a perfect symphony. Or, where one can ask the question: do they?

It all happens in two days, which is the way the world moves today: you start at zero, then develop your information architecture, then move on to the design. That provides the necessary foundation for the tablet edition to become a real tangible part of the media quartet.

Of special interest today:

blog post image

The new cover for the Times’ T Magazine

Li on T: The New Creative Director Speaks: style file: daily fashion, party, and model news

Our own take on the new T of Times Magazine:

Keep The Daily Texan daily | The Daily Texan


The Daily Texan, a 113-year-old campus institution, faces life-or-death financial troubles. The newspaper’s student staff and the Texan’s readers and supporters must step up and take the newspaper’s destiny into their own hands.

Where’s Mario until March 2, 2013?

blog post image

Mario’s upcoming speaking engagements

blog post image

Take advantage of our iPad Design/Ad Lab workshops

blog post image

Do you want to take your brand to the next level by creating a tablet edition? Garcia Media can help. We now offer one- to two-day iPad Design Lab workshops on demand to jumpstart your presence on this exciting new platform. We also offer iPad Ad Lab workshops to develop engaging advertising models for your app. Contact us for more information.

Purchase the book on the iBookstore

iPad Design Lab has been given the QED Seal

blog post image

The QED (Quality–Excellence–Design) Seal is bestowed by the judges of the Publishing Innovation Awards after “a thorough, professional 13-point design review with an eye towards readability across multiple devices and in multiple formats.”

Learn more about the QED Seal here.

The EPUB version of book is HERE:

Now available: The EPUB version of  iPad Design Lab: Storytelling in the Age of the Tablet, ready for download via for Kindle:

Here is how you can get iPad Design Lab book:

The original version of the book is the multitouch textbook version available on the iBookstore for iPad (iOS 5.0 and up):

This version includes video walkthroughs, audio introductions to each chapter, swipeable slideshows, a glossary and a sophisticated look and feel.

Apple only sells multitouch textbooks in certain countries at this time, unfortunately. Copies are available in at least the following countries: Australia, Austria, Belgium, Canada, Finland, France, Germany, Great Britain, Greece, Italy, Latvia, Luxembourg, The Netherlands, Poland, Portugal, Romania, Slovakia, Spain, and the United States.

For those in other countries and without an iPad, we have made the book available in a basic edition for other platforms. This basic edition includes the full text of the original, along with the images and captions, but lacks the other features such as audio and video. It is available on the following platforms in many countries:

Amazon Kindle:

Google Books:

Take a video tour of iPad Design Lab

“iPad Design Lab” trailer on Vimeo.

Read the Society of Publication Designers’ review of The iPad Design Lab here:

blog post image

Keep up with Mario Garcia Jr.. via Garcia Interactive: helping transform online news since 1995.

TheMarioBlog post #1198
Blog Post02.21.2017—3am
In Dubai: Gulf News launches Sponsored Content
Blog Post02.20.2017—2am
Newsroom technology survey: important to participate
Blog Post02.17.2017—8am
Trumpian front pages
Blog Post02.16.2017—2am
Ties that bind: storytelling, design, coding
Blog Post02.15.2017—2am
Wanted: A Bring-Back-the-Copy Editors campaign
Blog Post02.14.2017—2am
Trump chaos incites newspaper marketing strategies
Blog Post02.13.2017—2am
In the era of fake news, fake photos?
Blog Post02.10.2017—6pm
The Economist does it again
Blog Post02.08.2017—1am
Voices in the news
Blog Post02.07.2017—2am
The quickly disappearing art of copy editing
Blog Post02.06.2017—2am
Some of my favorite e-mail newsletters
Blog Post02.03.2017—3am
Behold the Apple Watch : it’s still here, going strong
Blog Post02.02.2017—3am
News as a 24-hour event
Blog Post02.01.2017—3am
Visual storytelling innovation: key to progress in 2017
Blog Post01.31.2017—2am
Digital Design Challenge: Those article pages move up front
Blog Post01.30.2017—3am
Pages we like: Spain’s ABC
Blog Post01.27.2017—2am
It’s a new sports printed newspaper in Germany
Blog Post01.26.2017—3am
The new Axios: worthy of a look
Blog Post01.25.2017—3am
Mobile storytelling: fast, furious and simple
Blog Post01.24.2017—2am
New semester, new emphasis on visual storytelling
Blog Post01.23.2017—2am
The role of WED in creating a rich palette of visual storytelling for mobile
Blog Post01.20.2017—3am
Digital storytelling, Part Two: A linear fusion of narrative, imagery
Blog Post01.19.2017—5am
Digital storytelling, Part One: The fusion of writing/editing/design
Blog Post01.18.2017—2am
Designers of all ages: Let’s rethink, reinvent and recharge
Blog Post01.17.2017—2am
Those email newsletters (or briefings) gain importance
Blog Post01.11.2017—6pm
It’s always been about change
Blog Post01.03.2017—2am
Brutalism in web design: hoping it is not a forever trend
Blog Post12.19.2016—3am
Two predictions for journalism in the new year: Virtual Reality and Sponsored Content will thrive
Blog Post12.16.2016—3am
‘Tis the season for good media news
Blog Post12.15.2016—2am
Haptical, virtual reality and subscription service
Blog Post12.14.2016—2am
These media predictions resonate
Blog Post12.13.2016—2am
Austin Design Summit today
Blog Post12.12.2016—3am
In Denmark: great redesign of mobile, website for Politiken
Blog Post12.09.2016—3am
Sponsored content: Getting started (Part Five)
Blog Post12.08.2016—2am
Sponsored content: how much to charge (Part Four)
Blog Post12.07.2016—2am
Sponsored content and the local newspaper (Part Three)
Blog Post12.06.2016—3am
Sponsored content: who produces it? (Part Two)
Blog Post12.05.2016—3am
Sponsored content: the promising new frontier (Part One)
Blog Post11.27.2016—6am
The death of Fidel Castro: how newspapers covered it
Blog Post11.26.2016—11am
Adios to the man who made me a refugee
Contact us with speaking requests, questions or to discuss a project.