CR Blog

Port and The Guardian: new takes on iPad apps

Digital, Magazine / Newspaper

Posted by Patrick Burgoyne, 16 October 2011, 17:20    Permalink    Comments (8)

Port magazine and The Guardian have provided us with two very different but thoughtful approaches to the challenges of publishing for the iPad

As a small circulation, high-quality quarterly, Port offers a luxury experience in print. It's tactile and it's sumptuous, from the paper to the typography. How then to transpose these qualities to the iPad?

Port's new app, its second go at iPad publishing, succeeds admirably. Unlike many early magazine iPad apps, Port resisted the temptation to throw the design equivalent of the kitchen sink at things: this is a calm, measured experience. Where there are interactions, such as the annotated photograph below, they are appropriate and useful.

 

The contents page in particular is lovely, feature titles subtly change to short standfirsts as they are touched.

Images take advantage of the iPad's fantastic resolution - the majority run full-screen with text that pops over if selected.

One other particularly nice innovation comes in the fiction section where writers read out their contributions.

Overall, the Port team, which included developer Tim Moore and magCulture's Jeremy Leslie working with Port's Matt Willey, have created an appropriate, beautifully crafted app that chimes absolutely with the values of the print magazine.

The Guardian is a response to a different challenge entirely. Publishers saw the iPad and thought 'at last, after years of giving it away for free online, people will once again pay for our content'. But how to persuade them when they could just as easily go to your website for free?

The Guardian app is an attempt to re-imagine the functions of a daily paper for a new medium. Unlike other newspaper apps which closely mimic their printed other-selves, the Guardian app takes a a fresh approach. The Front page is in the form of a grid, giving hierarchy but also plenty of choice. Sections are colour-coded. It's bright and inviting. Usability issues (so many early iPad apps were labrynthine) are neatly addressed with a horizontally-scrolling list of sections at the top of the page.

 

Each section has a 'hero' lead story that is presented with a full-screen image overlayed by headline and standfirst. You scroll down to read the copy, across to go to the next story in that section. Again, navigation is aided by a right-hand column detailing the previous and next stories in that section. Full-page ads appear after every sixth story (incorporating ads into iPad apps is a particularly thorny issue).

The layout of the stories themselves combines stylistic elements from the Guardian online and in print - no bad thing. In fact, as creative director Mark Porter explains in this blog post about the app's development, it "actually recycles the already-formatted newspaper pages. A script analyses the InDesign files from the printed paper and uses various parameters (page number, physical area and position that a story occupies, headline size, image size etc) to assign a value to the story. The content is then automatically rebuilt according to those values in a new InDesign template for the app."

Porter's post is well worth a read for the detail it goes into regarding the development process (in conjunction with interactive studio Berg) and the sheer scale of back end work needed. Also, The Guardian itself has a good slide show on the various itereations of the design here and this video explains more:

Overall, it's the kind of thoughtful, innovative approach we have come to expect from The Guardian. Quibbles? There's a distinct lack of video, perhaps in a bid to keep file sizes low. And the mechanism for sharing content is problematic. Sharing is a tricky one for iPad apps - what exactly are your readers going to share that will have any meaning to the person they send it to? The Guardian attempts to get round this by sending an email with a URL, but the URL takes you to the content on the paper's website, thereby almost undermining the need for the app instead of promoting it. And there are no comments, another difficult issue for app publishers. Readers have become used to being able to comment on stories. It is possible with the iPad but means constantly having to update the app. Not everyone enjoys reading comments, however, so perhaps some readers will enjoy the relative quiet of a commentless publication.

All this is extremely relevant to CR as we are currently developing our own iPad app - yes, we have been saying that for ages but it's coming we promise. When The Guardian app launched many readers, via the website, queried the point of the app when the website worked so well. That seems to us to be key. CR's app will not simply be the magazine on screen with a few interactive bells and whistles added. Nor will it be the website in another form. We're aiming for an experience that makes the most of the medium and provides a different, complementary experience with plenty of unique content - lots of hi-res images and video, longer articles than you'll find here on the blog, beautiful slideshows and so on. Watch this space.

 

 

CR in Print

Thanks for reading the CR Blog but if you're not also reading the magazine in print, you're really missing out. Our October issue includes the story of Blackpool's Comedy Carpet, a profile of Jake Barton whose studio is currently working on the 9/11 Memorial Museum, plus pieces on branding and the art world, guerilla advertising coming of age, Google's Android logo, Ars Electronica, adland and the riots, and loads more.

And, if you subscribe to CR, you also receive our award-winning Monograph booklet every month for free.

If you would like to buy this issue and are based in the UK, you can search for your nearest stockist here. Based outside the UK? Simply call +44(0)207 292 3703 to find your nearest stockist. Better yet, subscribe to CR for a year here and save yourself almost 30% on the printed magazine.

8 Comments

As a new iPad user, i would have to admit that i'm loving the magazines that design specifically for tablets. Wired has a very good interface quite similar to these ones with video and very interactive. When oh when will we have the CR iPad app? please let it be soon!
toufic
2011-10-17 13:25:54


I was thinking the same thing - looking forward to a CR app. And hopefully next iPad generations will have a better resolution than the 1024x768 which will give us web designers more design freedom.
Omer @ Design Studio
2011-10-18 00:55:54


That video felt creepily similar to an Apple ad. Just with a few more er's and umm's.
willymac
2011-10-18 12:44:56


No links to download the apps?
Andrew
2011-10-18 12:50:18


LA Times magazine is one of the more elegant iPad apps that I have come across.
Watts
2011-10-18 12:52:39


I wish I had an iPad.
Bip
Bip
2011-10-18 14:30:01


Seems like a lot of effort for not that many readers...
fdcstudio
2011-10-19 16:49:35


Having a printed version, a website version and taking advantage of an iPad version of a publication will cater to different end-users’ preferences. Not everyone will want to scroll over comments, nor feel the need to volunteer one; not everyone will find it necessary to install an application to view their preferred print-media, as they would rather peruse a website and have access to related links without the lag time; some will need to turn those good old-fashioned pages as they get their dose of informative global events. Being a little flexible with how a periodical is displayed will give the audience a more pleasurable experience. The idea is to keep it simple and not stray too far from the regular layout or features between broadcast methods.
Jon - Website Designers
2012-05-08 07:56:54


Tell us what you think

What happens with my feedback?

We no longer require you to register and have a password in order to comment, simply fill in the form below. All comments are moderated so you may experience a short delay before your comment appears. CR encourages comments to be short and to the point. As a general rule, they should not run longer than the original post. Comments should show a courteous regard for the presence of other voices in the discussion. We reserve the right to edit or delete comments that do not adhere to this standard.

Get the RSS Feed
NULL