14
DESIGNING FOR TABLET CLAUS ENEVOLDSEN NEXT ISSUE MEDIA @CENEVOLDSEN ABOUT.ME/CENEVOLDSEN THE NEW BREED STORYTELLER SLASH DESIGNER SLASH PROGRAMMER

Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

Embed Size (px)

DESCRIPTION

Presented by Claus Enevoldsen from Next Issue at the SND STL conference in the session: Designing the Magazine & Issue-Based Tablet Experience.

Citation preview

Page 1: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

DESIGNING FOR TABLET

CLAUS ENEVOLDSENNEXT ISSUE MEDIA

@CENEVOLDSENABOUT.ME/CENEVOLDSEN

THE NEW BREEDSTORYTELLER SLASH DESIGNER SLASH PROGRAMMER

Page 2: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

Magazine titles

Newspaper titles

Tablet only titles: The Daily, Project, Nomad, TRVL

Flipboard

Zite

Pulse

Editions by AOL

Kindle

Nook

Zinio

(iTunes Newsstand)

Google Sony

KoboNext Issue

AGGREGATORSEDITORIALS

STORE FRONTSSkyGrid

FloatOngo

Trove

TABLET LANDSCAPE

OC Register

Page 3: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

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.

Page 4: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

4

TRENDS

Page 5: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

5

MEDIA USAGE PATTERNS

Page 6: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

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

Page 7: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

WHERE’S OUR PURPLE COW?

Meets expectations

7

Exceeds expectationsDoes not meet expectations

Number of experiences

10% 10%80%

Page 8: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

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%

Page 9: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

9

PRODUCT AND DESIGN STRATEGY

Page 10: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

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

Page 11: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

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

Page 12: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

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

Page 13: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

WHAT’S NEXT?

13

• Download time won’t be an issue

• HTML5 based web apps

Page 14: Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

THANK YOU

14

CLAUS ENEVOLDSENNEXT ISSUE MEDIA

@CENEVOLDSENABOUT.ME/CENEVOLDSEN

DOWNLOAD PRESENTATION

CENEVOLDSEN.COM