View
1.775
Download
1
Category
Tags:
Preview:
DESCRIPTION
A nine step guide on how to design a mobile or tablet magazine and the typical pitfalls of the process.
Citation preview
04/12/2023
Lauri Eloranta / Futurice Ltd. 2013-03-07.
Producing Mobile Magazines
Based on lessons learned from
9 Steps of Mobile
Magazine Design
1. Select the platform
2. Know the guidelines
3. Do dynamic design
4. Utilize the right kind of media
5. Think about the business logic
6. Data is everything! (design with analytics)
7. Enable sharing, think about user generated content
8. Prototype!
9. Think about the overall journalistic process
1. What is the target platform?
1. 1. Is it right for your customers? 2. Right for your readers? 3. Right for your business objectives? 4.Right for your
current technical solutions? 5. Right for your investment levels? 6. Right for your magazine concept?
PLATFORM WARS
Native Application vs. Web application
=
Optimal for one vs. Mediocre for all
It’s all about the money.(and about the business case)
2. Know the platform guidelines! (Official Design Patterns, Interaction
Patters, Design Principles)
There is always an official design guideline to follow: if you do not have one you are doing something wrong!
Balance between:
Magazine look & feelvs.
Platform look & feel
3. Do dynamic design
Traditional magazine is about static paper layout and full
control.
Mobile magazines are all about
A PDF file is not a mobile
magazine.
»Forget static layouts
»Design for change»Design for interaction
»Design for surprise
4. Utilize the right kind of media
»Images»Audio»Videos
»Animations»Location!
Media companies are just learning how to combine
media. We are at the very
beginning.
NY Times: Snow Fall – The Avalance at Tunnel Creek
http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-
creek
5. Think about the business logic
Do not forget the adverts.
Be creative in ad design, the possibilities are endless.
(gesture based ads, augmented reality ads, location aware, user profiling based, user action based…)
Who pays for the magazine and how? How
does the design encourage purchases?
What are the distribution channels (linked directly
to the platform)?
6. Data is everything! (Design with analytics)
Without DATA you are
NOTHING!
» Data is used to link the usage to the journalistic process
» Data is used to sell ads (to advertisers)
» Data is used to configure content
» Data is used to configure ads
» Use at least Google Analytics as a bare minimum
NO DATA MEANS NO BUSINESS CASE!
»Iterative design based on actual
user data»A/B testing
»Design linked to actual business
goals
7. Enable sharing and think about user generated
content
Your magazine does not exist without social
media.
Possibility: Users as journalists? How do you cater for user generated
content?LOOK MUM! I AM A FOOD
JOURNALIST!
8. Prototype!
Try things out early on: sketch, prototype, test
and get your hands dirty!
Paper prototypes are an easy way to get rapid feedback on magazine
interaction design.
There are plenty of interactive prototyping
tools for various platforms.
9. What about the whole journalistic process?
PARTY LIKE IT’S 1450!
The journalistic process is basically unchanged.
Black box of content generation
A Journalist Creates Content
(black box)
The content is laid out with ads
The content is
distributed in (static) channels
Where are the feedback loops? Why do we still generate content based on the
old rules of static daily media?
The distribution and consumption have changed, but the journalistic tools are
still the same.
DON’T WORRY, A REVOLUTION IS COMING.
(tens and tens of media start-ups disrupting the field)
Thank you!Questions & Comments: Twitter /
@laurieloranta
References for the images used:
http://www.5forcesofchange.com/about/articles/article-lessons-president-obama-leading-change-hr-director-magazine/
Eric Carlen, Kameleontti Kaikenkirjava (Weilin+Göös 1985)
http://ebooks.ebeyonds.com/hospitality.html
http://nyt.fi/20130107-seuraa-tabloidin-tekoa-hs-fissae/
http://en.memory-alpha.org/wiki/Data
http://mojomedialabs.com/what-is-ab-testing/
http://pohtpof.tumblr.com/page/3
http://printingparadise.wordpress.com
http://faithincommunity.blogspot.co.uk/2012/05/pity-poor-typewriter.html
http://www.yellowdaymovie.com/2013/01/les-miserables-and-the-idea-of-grace/
http://www.fastcompany.com/1787558/igenius-steve-jobs-mythbusters-making-documentary-tribute
Recommended