This website is now archived. To find out what BERG did next, go to www.bergcloud.com.

Post #1403

Popular Science+

In December, we showed Mag+, a digital magazine concept produced with our friends at Bonnier.

Late January, Apple announced the iPad.

So today Popular Science, published by Bonnier and the largest science+tech magazine in the world, is launching Popular Science+ — the first magazine on the Mag+ platform, and you can get it on the iPad tomorrow. It’s the April 2010 issue, it’s $4.99, and you buy more issues from inside the magazine itself.

See Popular Science+ in the iTunes Store now.

Here’s Jack, speaking about the app, its background, and what we learned about art direction for magazines using Mag+.

Articles are arranged side by side. You swipe left and right to go between them. For big pictures, it’s fun to hold your finger between two pages, holding and moving to pan around.

You swipe down to read. Tap left to see the pictures, tap right to read again. These two modes of the reading experience are about browsing and drinking in the magazine, versus close reading.

Pull the drawer up with two fingers to see the table of contents and your other issues. Swipe right and left with two fingers to zip across pages to the next section. Dog-ear a page by turning down the top-right corner.

There’s a store in the magazine. When a new issue comes out, you purchase it right there.

Editorial

Working with the Popular Science team and their editorial has been wonderful, and we’ve been working together to re-imagine the form of magazines. Art direction for print is so much about composition. There are a 1,000 tiny tweaks to tune a page to get it to really sing. But what does layout mean when readers can make the text disappear, when the images move across one another, and the page itself changes shape as the iPad rotates?

We discovered safe areas. We found little games to play with the reader, having them assemble infographics in the act of scrolling, and making pages that span multiple panes, only revealing themselves when the reader does a double-finger swipe to zoom across them.

It helps that Popular Science has great photography, a real variety of content, and an engaged and open team.

What amazes me is that you don’t feel like you’re using a website, or even that you’re using an e-reader on a new tablet device — which, technically, is what it is. It feels like you’re reading a magazine.

Apple made the first media device you can curl up with, and I think we’ve done it, and Popular Science, justice.

From concept to production

The story, for me, is that the design work behind the Mag+ concept video was strong enough to spin up a team to produce Popular Science+ in only two months.

Not only that, but an authoring system that understands workflow. And InDesign integration so art directors are in control, not technologists. And an e-commerce back-end capable of handling business models suitable for magazines. And a new file format, “MIB,” that strikes the balance between simple enough for anyone to implement, and expressive enough to let the typography, pictures, and layout shine. And it’s set up to do it all again in 30 days. And more.

It’s all basic, sure. But it’ll grow. We’ve built in ways for it to grow.

But we’ve always said that good design is rooted not just in doing good by the material, but by understanding the opportunities in the networks of organisations and people too.

A digital magazine is great, immersive content on the screen. But behind those pixels are creative processes and commercial systems that also have to come together.

Inventing something, be it a toy or new media, always means assembling networks such as these. And design is our approach on how to do it.

I’m pleased we were able to work with Popular Science and Bonnier, to get to a chance to do this, and to bring something new into the world.

Thanks!

Thank you to the BERG team for sterling work on El Morro these last two months, especially the core team who have sunk so much into this: Campbell Orme, James Darling, Lei Bramley, Nick Ludlam and Timo Arnall. Also Jack Schulze, Matt Jones, Phil Gyford, Tom Armitage, and Tom Taylor.

Thanks to the Popular Science team, Mike Haney and Sam Syed in particular, Mark Poulalion and his team from Bonnier, and of course Bonnier R&D and Sara Öhrvall, the grand assembler!

It’s a pleasure and a privilege to work with each and every one of you.

See also…

38 Comments and Trackbacks

  • 1. Joe Clark said on 2 April 2010...

    Gosh. A new file format?

  • 2. Arron Tierney said on 2 April 2010...

    Great to see another example of a magazine migrating to the ipad, has anybody seen the wired US attempt? http://www.youtube.com/watch?v=HRQGgtWsiNk

  • 3. Greg Borenstein said on 3 April 2010...

    I love the motion graphics in these videos you do of Jack talking about Mag+ and now Popular Science+. Such a natural blend of the warmth of the footage of him with the aesthetic of the concept. Are you guys doing these in After Effects? Do motion graphics play a big role in either your concept working or its presentation throughout the studio? Are they done in-house or elsewhere? Would be very interested to see a blog post about the use of motion graphics in your/other people’s design process. I’m just learning After Effects now from an animation perspective, but it struck me that it could be a great rapid prototyping tool for some of these new interfaces…

  • 4. Craig M said on 3 April 2010...

    So excited about this – I was entranced by the Mag+ video, it embodied all of the same thoughts I had about how most digital magazines had missed the point up until now with page-flips and lack of thought for the medium.

    I’m trying to write an HTML5 style magazine system that distills some of the ideas into a web accessible version (apps are lovely, but it does mean that the info is locked away in a silo and not contributing to the cloud of data that’s web indexible), but it’s a bit hard without a real device to test it on!

    But I can’t wait to see how the brains behind mag+ translate it to a real iPad app like Popular Science. Congratulations!!

  • 5. Hummy said on 9 April 2010...

    Wow, this looks great!

  • 6. Shane said on 9 April 2010...

    Is there any thought to making this format open so anyone could use it? I’d also love to hear more about the InDesign integration.

  • 7. Nick Christensen said on 1 March 2011...

    Hey Matt,

    the magazine looks gorgeous. I think we’re not gonna see too many “real magazines” in a few years if the quality and easiness of use is that high in the iPad versions.

  • 8. P. Johansson said on 21 June 2011...

    Wow :) although I love to read and touch regular magazines, I think I have to get used to this new technology and buy IPad at some point. Image quality is great and it seems like really easy to use.

  • Trackback: Warren Ellis » Mag+ Live 2 April 2010

    [...] Today, Bonnier and BERG launch Popular Science +, the first magazine on the actual Mag+ platform, fo… [...]

  • Trackback: BERG, Popular Science+ and the coming of the iPad « Matt Jukes 2 April 2010

    [...] Today I check Google Reader and lo and behold they have announced the first implementation of their Mag+ software with an edition of Popular Science which is available immediately for the iPad (which I think is on sale in the US [...]

  • Trackback: First Mag+ Magazine Launches, With Popular Science+ | The Iphone Blog 2 April 2010

    [...] late last year, and after working with Popular Science for the last few months, you can now get Popular Science+ from the App Store, with the April issue setting you back $4.99, and later issues can be bought [...]

  • Trackback: Dette magasin bliver et must på min iPad | overvejelser.dk 2 April 2010

    [...] Science+ er klar til iPad og det ser flot ud. Tjek artiklen her og se video. Tags: iPad MediePosted in | No Comments [...]

  • Trackback: Popular Science + « magCulture.com/blog 2 April 2010

    [...] More here on the Berg site. [...]

  • Trackback: 7 iPad Apps We Can’t Wait to Use | ConnectReviews 2 April 2010

    [...] developers say that will be added in a future version. Get a video sneak peek from the developers here. $4.99 in the App [...]

  • Trackback: Barac consulting | Mag+ platform gets it’s first magazine on iPad 2 April 2010

    [...] to Berg, Bonnier and Popular Science on what looks like a very exciting magazine for the iPad. Designed by [...]

  • Trackback: Popular Science on the Apple iPad | Doobybrain.com 2 April 2010

    [...] Bonnier is showing off what the first iPad magazine will look like. This new video demonstration shows the Popular Science+ version of the magazine which incorporates a lot of the concepts that were in the original Bonnier video from [...]

  • Trackback: Mag+ on iPad looks better than a magazine | Doug's Blog 3 April 2010

    [...] since (though the Wall Street Journal and New York Times apps have everyone excited), but the Mag+ app looks like it could be that killer app that puts the end to magazines on dead [...]

  • Trackback: First Mag+ Magazine Launches, With Popular Science+ | iPhoneBizBlog 3 April 2010

    [...] late last year, and after working with Popular Science for the last few months, you can now get Popular Science+ from the App Store, with the April issue setting you back $4.99, and later issues can be bought [...]

  • Trackback: Popular Science first magazine released on Mag+ | theappleofmyi.com 3 April 2010

    [...] Their blog has all the info on here >> well worth reading. [...]

  • Trackback: Los medios listos para el iPad — Sicrono 4 April 2010

    [...] tienen más explicaciones sobre el concepto. Gracias @Gauyo por el [...]

  • Trackback: iPad Muse » iPad Video Review from It’s Nice That 7 April 2010

    [...] a quick look at The Guardian’s website, their new Eyewitness iPad app, some Marvel Comics and the Popular Science mag app made by BERG who we share a studio with. All of them looked, worked and felt great. It’s [...]

  • Trackback: On the iPad, magazines and digital archiving. « Prickly Goo 7 April 2010

    [...] we are not talking about just throwing up some PDFs. Some people, such as Popular Mechanics, are using this as an opportunity to reinvent the magazine. The results appear to be some mind-blowing publications, with untold possibilities. Brad Colbow has [...]

  • Trackback: iPad Muse » Mag+ & Popular Science 8 April 2010

    [...] great article over at the Berg Blog. Discussing Mag+ created by Bonnier. Popular Science Plus is the first magazine on the app store to [...]

  • Trackback: Spreed:Blog – Mobile News for Media and Publishing Executives » Why iPad Adaptation is an Uphill Battle for Incumbent Publishers 9 April 2010

    [...] on the O’Reilly Tools of Change for Publishing blog today by Andrew Savikas about the new Popular Science+ iPad application. He makes a great point and one that we have been advising a number of our clients [...]

  • Trackback: Pigsaw Blog » Blog Archive » Bookmarks for 12 Apr 2010 12 April 2010

    [...] Popular Science+ – Blog – BERGMatt Webb's write-up on the Popular Science iPad app, which took the MAG+ idea and made it real. (ipad design magazines usability ) [...]

  • Trackback: A dialog about magazines: Popular Science | Artefact | User Experience Design Blog 16 April 2010

    [...] magazine we looked at so far. CK: You know, the design company that worked on this has a cool video of their [...]

  • Trackback: iPads and the future of news and media « Damien Mulley 25 April 2010

    [...] Popular Science, Coolhunting and that Alice in Wonderland interactive book have been lauded as great so far for iPad but they’re on a device that’s a fraction of one percent of the people that daily consume media. If you wait for all of them to go all iPad buying then you’ll be very broke. Innovate what you’re doing, not how you deliver. [...]

  • Trackback: Scientific American gets an iPad makeover « Dysonology 28 April 2010

    [...] Leave a Comment Based on their great Mag+ concept unveiled late last year, Bonnier and BERG have developed a really nice looking iPad version of Popular Science. No page-turning business…you swipe left/right to page through stories and then scroll to [...]

  • Trackback: Get Your iPads Ready for Popular Science+ | Bad Feather | We’re only getting badder 5 May 2010

    [...] the launch of Popular Science+. Read about the app features and watch the concept videos from BERG to learn about their collaboration with with Popular Science to re-imagine the form of [...]

  • Trackback: The Cosmonauts: The labyrinthic task of reading news online 19 May 2010

    [...] check out the post in Berg’s blog (in case you haven’t already) explaining the rationale behind the [...]

  • Trackback: UK Berg launches iPad mag Popular Science – grazie @michele_perras @wsff10 « Transmedia Camp 101 3 June 2010

    [...] UK Berg launches iPad mag Popular Science – grazie @michele_perras @wsff10 June 4, 2010 siobhanoflynn Leave a comment Go to comments via berglondon.com [...]

  • Trackback: First Mag+ Magazine Launches, With Popular Science+ 8 June 2010

    [...] late last year, and after working with Popular Science for the last few months, you can now get Popular Science+ from the App Store, with the April issue setting you back $4.99, and later issues can be bought [...]

  • Trackback: Noterat – June 25, 2010 « A System apart 25 June 2010

    [...] Popular Science+ – Blog – BERGJune 24, 2010 – Så var det det här med att skapa nya marknader, igen. Apple bräcker marknadsnormerna.gammal artikel, fortf. aktuellt innehåll. [...]

  • Trackback: Science news magazine iApp designs : So Science Media 6 September 2010

    [...] This conceptual video is a corporate collaborative research project initiated by Bonnier R&D into the experience of reading magazines on handheld digital devices. It illustrates one possible vision for digital magazines in the near future, presented by our design partners at BERG. [...]

  • Trackback: Video: Beautiful 3-D Light Paintings, Extruded From an iPad | Hot Electronics Trends 11 October 2010

    [...] Berg London is one of our favorite design teams–no wonder, since they made the Mag+ platform on which our iPad app, Popular Science+, is built. You can read more about that here. [...]

  • Trackback: danielmarson.com/blog 3 December 2010

    [...] We only see it briefly, but the thinking behind it is clearly and intelligently explained. More on the Berg site. [...]

  • Trackback: Mike – How Print Design is the Future of Interaction 16 July 2011

    [...] Some other recent examples include the Nike Betterworld microsite, Edition 29, Flipboard, and the Popular Science magazine app designed by BERG [...]

  • Trackback: Mike Kruzeniski – How Print Design is the Future of Interaction 27 July 2011

    [...] Some other recent examples include the Nike Betterworld microsite, Edition 29, Flipboard, and the Popular Science magazine app designed by BERG [...]

Leave a Comment

Recent entries from
Matt Webb

Popular Tags