Ubiquity and Responsive Design Explained

26
Nxtbook Ubiquity Not just on every screen. Awesome on every screen.

Transcript of Ubiquity and Responsive Design Explained

Page 1: Ubiquity and Responsive Design Explained

Nxtbook UbiquityNot just on every screen.

Awesome on every screen.

Page 2: Ubiquity and Responsive Design Explained

Agenda

What Works

What Doesn’t

What Will

Page 3: Ubiquity and Responsive Design Explained

What Digital Editions Do Well

Provide easy solution for publishers

Provide superior engagement time to websites

Provider higher CTRs than web ads

Page 4: Ubiquity and Responsive Design Explained

Fundamental Flaws in Digital Editions

Readers need to zoom in

Users are on more and different devices

Higher CTRs are rather relative

It’s digital so you probably sell it based on CPMs

Page 5: Ubiquity and Responsive Design Explained

What We Set Out to Do

Capitalize on the successes

Eliminate the flaws

Redefine the digital edition

Create a scalable product

Page 6: Ubiquity and Responsive Design Explained

Succinctly…

Create a digital edition platform that uses responsive design while maintaining page-like navigation and offers advertisers various options (and easy options) for captivating readers.

Page 7: Ubiquity and Responsive Design Explained

Where is the audience?

80%12%

8%

Nxtbook Data: 9/12

Page 8: Ubiquity and Responsive Design Explained

How fulfilling is the experience?

7:349:02

5:26

Nxtbook Data: 9/12

Page 9: Ubiquity and Responsive Design Explained

Goal 1: Kill the Zoom

Getting rid of the zoom requires larger text

Larger text means fewer words on the page

Fewer words on the page means page counts vary by device

Killing the Zoom = Killing the Page

Page 10: Ubiquity and Responsive Design Explained

Page Views Go Away But Other Key Metrics Remain

Visitors/Visits

Engagement time

Engagement actions

% of article viewed

Page 11: Ubiquity and Responsive Design Explained
Page 12: Ubiquity and Responsive Design Explained

Problems With Digital Advertising

Most of you are in the target market business but are using mass market metrics

Banner blindness

Ads are not made for the device

We’re not taking advantage of the magazine’s greatest asset

Page 13: Ubiquity and Responsive Design Explained

Option 1: Dynamic Advertising

Ads are as responsive as the editorial

Can include rich media, video, etc.

Gives advertising as much engagement as editorial

Page 14: Ubiquity and Responsive Design Explained
Page 15: Ubiquity and Responsive Design Explained

Limitations w/ Dynamic Advertising

Advertisers supply elements, NOT ads

Agencies must be ok with letting their messages “move”

Page 16: Ubiquity and Responsive Design Explained

Option 2: Semi-Dynamic Ads

Completed ads in different sizes

Appropriate size is served up, according to device

Assuming there’s an appropriate option, readers will be actively engaged with zero zooming or scrolling

Page 17: Ubiquity and Responsive Design Explained
Page 18: Ubiquity and Responsive Design Explained

Limitations w/ Semi-Dynamic Ads

A “decent” result means 3 different ads

Covering all of your bases could mean 20

It’s a solution that doesn’t offer much scalability for the advertiser

Page 19: Ubiquity and Responsive Design Explained

Option 3: Web-in-Page

Actual advertiser website being shown as a “page” of the digital edition

Cuts out the “middle man.”

Easiest create to collect for the publisher – just the URL

If the advertiser already has a dynamic website, the ad will also be dynamic

Page 20: Ubiquity and Responsive Design Explained
Page 21: Ubiquity and Responsive Design Explained

What’s a Web-in-Page Worth?

Assume 3000 readers of your digital magazine

Currently, you might get a 1% clickthrough = 30 web visitors

Now, you’re delivering 3000 to the advertiser’s site

Page 22: Ubiquity and Responsive Design Explained

Limitation w/ Web-in-Page

The “ad” is only as responsive as the client’s site

Page 23: Ubiquity and Responsive Design Explained

Basic Process

Utilize/Customize Layouts According to rev gen plan According to platform desires

Flow Content

Page 24: Ubiquity and Responsive Design Explained

The Importance of Layout

Create Magazine Look With Digital Workflow

Create Unique Revenue Generation Opportunities

Page 25: Ubiquity and Responsive Design Explained

Now what?

Read about responsive design: nxtbk.co/reflowpaper

Enjoy: http://nxtbk.co/folioubiquity

Talk to us: [email protected]

Page 26: Ubiquity and Responsive Design Explained

Thank you!Q/A