touching stories: designing digital magazines for the ipad (matt carlson)
DESCRIPTION
The launch of the iPad signaled the start of a new era for magazine publishing. A single device that delivered the fidelity of print and the interactivity of the Web, all wrapped up in a fun and easy-to-use form factor gave the industry new reason to hope. There was one trick: no one had designed for this brave new medium yet. Editorial teams suddenly needed to consider multi-touch gestures, multiple orientations, dynamic layout and the integration of rich media into the design of their issues. Ink-smudged print teams had to reach out to the pixel-based life forms in charge of the company websites, and engage a new breed of Cocoa developers as well. Whole new models of information design and user experience we're launched at high velocity into the App Store. Matt Carlson, Hot Studio's Principal of Strategy & Design, was involved in designing some of the first digital magazines that launched on the iPad on April 3rd, 2010. He has spent the last year exploring new ways to experience and engage with magazine content on this exciting new platform. He's worked on iPad editions of magazines such as Spin, Dwell, National Geographic, Car and Driver and many others. In this session he'll share hard-earned knowledge and useful insights on how to design for gestural interfaces, how to integrate interactivity smoothly into digital magazines, and what it takes to build an issue for the iPad.TRANSCRIPT
Touching Stories / Designing Digital Magazines for the iPad
Housekeeping
This presentation is posted online.
If you are into tweeting, tweet away:#TouchingStories
My twitter name: @dreamjar
I will give my fully loaded iPad* to whoever tweets the most.
*Not really
Matthew Carlson, Principal of Experience Design
I’m a Magazine Junkie
Magazines I’ve worked with
What makes magazines so great?
Editorial Curation
Great Stories
Beautiful Images
Thoughtful Design
Form Factor
Insight (not instant)
What twitter’s good for:
iPad Design Veteran
Hooked on tablets
And boy does that hurt!
Why are tablets so important?
USA Today says so
How trends go mainstream
15,000,000
28,000,000
Outbreak in Austin
10 “Underdog Competitors
30/30/40
Another reason
“I’m just learning all these things from the screen”
Perfect for publishers
Bridging Print and Web
Our story begins
6 week challenge
Win=2 Seconds of Fame
Fail=Back to the Bar
The ingredients for “Apple Surprise”
Describing the Process
Swarm
Be the swarm
4 Paths
The App
The Reader
Interactive Content Modules - Video
Interactive Content Modules - Audio
Interactive Content Modules - Slideshow
The Store
The finish line (not really the finish line)
The tools (whiteboards, paper prototypes, ears, hands)
Dueling Whiteboards
Paper Prototypes
Listen & Translate
From GUI to TUI
Jazz Hands & Gesture Maps
Layers of Interactivity
Content Evolution
Here’s what the first wave of Zinio looks like
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
The Goods
What Next?
Considerations
Linear
NatGeo on Zinio
Clothesline
Martha Stewart Living / Condé
Map
MarieClaire AtoZ
Construction – Pixels, PDF, Cocoa, HTML
Layout – Symmetrical, Bi-Modal
Navigation – Sliders and Scrubbers and Grids, Oh My
Workflow – Single Track, Multi-track
Interaction – let’s talk about it
Share it - Twitter
Tear it - Polyvore
Save it - Reeder
Shop it - Gilt
Source it - Wikipedia
Customize it - Flipboard
Train it - Pandora
What will it take?
Beware the Snooki Effect
Break the book / Tag the Page / Set stories loose
Big Takeaway