Post on 10-May-2015
description
DESIGNING FOR TABLET
CLAUS ENEVOLDSENNEXT ISSUE MEDIA
@CENEVOLDSENABOUT.ME/CENEVOLDSEN
THE NEW BREEDSTORYTELLER SLASH DESIGNER SLASH PROGRAMMER
Magazine titles
Newspaper titles
Tablet only titles: The Daily, Project, Nomad, TRVL
Zite
Pulse
Editions by AOL
Kindle
Nook
Zinio
(iTunes Newsstand)
Google Sony
KoboNext Issue
AGGREGATORSEDITORIALS
STORE FRONTSSkyGrid
FloatOngo
Trove
TABLET LANDSCAPE
OC Register
LETS START AT THE END
3
• Enhanced editions of the World’s most popular magazines, optimized for tablets.
• Joint venture formed by five leading U.S. based publishers: Conde Nast, Hearst, Meredith, News Corp., and Time Inc.
• Preview app currently available for Android tablets
• Working on a fully featured, cross-platform marketplace
• Addressing pain points: navigation, download, search, social integration, etc.
4
TRENDS
5
MEDIA USAGE PATTERNS
6
ERA OF CURATED COMPUTING
Forrester defines “Curated Computing” as:
“A mode of computing where choice is constrained to deliver less complex, more relevant experiences.”
Source: Sarah Rotman Epps, Forrester
MORE SWIPE, LESS SCROLL
WHERE’S OUR PURPLE COW?
Meets expectations
7
Exceeds expectationsDoes not meet expectations
Number of experiences
10% 10%80%
IPAD USERS HAVE HIGH EXPECTATIONS
Meets expectations
8
Exceeds expectationsDoes not meet expectations
10% 10%
Quality contentVideo and photos
Weather and trafficAbility to shareFast load time
News updated regularlyEasy to use
Simple navigationClean and organized designOnline and offline viewing
“like USA Today”
Boring contentSlow download
Lack of news updatesApp crashes
Confusing navigationVideos are hard to play
Hyper-local contentMore interactivity
NotificationsValuable ads
Magazine like contentPersonalizedEntertaining
80%
9
PRODUCT AND DESIGN STRATEGY
STORYTELLER SLASH DESIGNER SLASH PROGRAMMER
10
DESIGN CONSIDERATIONS
Web based widgets
Multiple layers
Templates
Swipe or Scroll
Vertical or horizontal navigation
Design for landscape and/or portrait
Download or stream
THE NEW BREED
Eye for good design
Visual storyteller
Learn from magazines, broadcast, advertising and web design
Experience with HTML5, CSS and Java
CURRENT PRODUCTION FLOW
11
CMS: CCI NewsGate
IPAD READER:Woodwing
DESIGN:CCI LayoutChamp
HTML5
CONTENT RepurposedUniqueWires
PRODUCTION:Sr. Producer
Associate Producer2x Graphic Designer/Programmer
Video Producer----------------Photographer
Graphic DesignerCopy Editor
Page Designers
1. Manual: Start from scratch
SUPPORT:Product management
Ad OperationsIT
IDEAL PRODUCTION FLOW
12
CMS: CCI NewsGate
IPAD READER:Woodwing
DESIGN:CCI LayoutChamp
HTML5
CONTENT RepurposedUniqueWires
PRODUCTION:Sr. Producer
Associate Producer2x Graphic Designer/Programmer
Video Producer----------------Photographer
Graphic DesignerCopy Editor
Page Designers
1. Automatic: Flows into templates2. Semi-automatic: Flows into templates, enhanced by production team3. Manual: Start from scratch1
2 & 3
SUPPORT:Product management
Ad OperationsIT
WHAT’S NEXT?
13
• Download time won’t be an issue
• HTML5 based web apps
THANK YOU
14
CLAUS ENEVOLDSENNEXT ISSUE MEDIA
@CENEVOLDSENABOUT.ME/CENEVOLDSEN
DOWNLOAD PRESENTATION
CENEVOLDSEN.COM