ppa tech talk: html apps

36
www.pagelizard.com [email protected] (+44) 0207 183 3690 @pagelizard HTML apps – the way forwards

Upload: page-lizard

Post on 13-Jun-2015

237 views

Category:

Technology


4 download

DESCRIPTION

Page Lizard join forces with Kaldor and Padify to deliver a Tech Talk about HTML apps and why they're the future of digital publishing.

TRANSCRIPT

Page 1: PPA Tech Talk: HTML apps

www.pagelizard.com

[email protected](+44) 0207 183 3690

@pagelizard

HTML apps – the way forwards

Page 2: PPA Tech Talk: HTML apps

• What is an HTML app and how did we get

here?

– Graham Duffill, Page Lizard

• Can HTML apps be beautiful?

– Clare Evans, Kaldor

• Interaction possibilities from HTML apps

– Michael Kowalski, Get Contentment

• Do you need to change your business?

– Graham Duffill

Page 3: PPA Tech Talk: HTML apps

What is an HTML app and how did we get here?

Page 4: PPA Tech Talk: HTML apps
Page 6: PPA Tech Talk: HTML apps
Page 7: PPA Tech Talk: HTML apps
Page 8: PPA Tech Talk: HTML apps
Page 9: PPA Tech Talk: HTML apps

June 29, 2007

Page 10: PPA Tech Talk: HTML apps
Page 11: PPA Tech Talk: HTML apps

April 3, 2010

Page 12: PPA Tech Talk: HTML apps
Page 13: PPA Tech Talk: HTML apps

May 2010

Wired first iPad edition 500Mb+

No searchNo comments

Page 14: PPA Tech Talk: HTML apps

MagplusThe V&A

370Mb

Page 15: PPA Tech Talk: HTML apps

App studioVisit Vietnam

Page 16: PPA Tech Talk: HTML apps

An app which uses predominantly web technologies – HTML, CSS and JavaScript – to deliver content which flows, re-sizes and adjusts to the available screen size regardless of device type or size.

In other words, it works, and looks great on everything.

Whichever way you hold it.

And its also light to download…

What is a HTML app?

Page 17: PPA Tech Talk: HTML apps

www.pagelizard.com

[email protected](+44) 0207 183 3690

@pagelizard

Do you need to change your business?

Page 18: PPA Tech Talk: HTML apps

• There are around 1.6-1.7bn PCs in use today

• Already approx 2bn iOS and Android de-vices.

Over the next few years the great majority of the mobile base will convert to these devices: there will be 3-4bn

smartphones in use and hundreds of millions more tablets. 

Benedict Evans: Mobile leverage

What does the science tell us?

Page 19: PPA Tech Talk: HTML apps
Page 20: PPA Tech Talk: HTML apps

It depends on your demographics

Facebook reported in April that 79% of devices accessing it are mo-bile

Page 21: PPA Tech Talk: HTML apps

• 57.62% of your readers will be on Android

• 50% will be on a phone

• Reading PDFs on a phone is a rubbish experience

• HTML is the only way to go (ideally with re-sizable text)

• Create and edit once – publish to multiple devices

But even in the B2B world:

Page 22: PPA Tech Talk: HTML apps

- 60% of new users are on mobile, rather than tablet

87.5% repeat users

12.5% new users

Case study: The Pharmaceutical Journal

Page 23: PPA Tech Talk: HTML apps

Case study: The Pharmaceutical Journal

July 19th issue September 6th issue September 13th issue

September 27th issue

84%

45%40%

36%

16%

55%60%

64%

Page (PDF) view

Text (HTML) ViewD

efa

ult

vie

w c

hanged t

o H

TM

L

Total PDF/HTML views

22 s

29 s

19 m

23 m

Dwell time per article increased from 22 to 29 seconds;Per issue from 19 to 23 minutes;

Events rose from x to y

Page 24: PPA Tech Talk: HTML apps

www.pagelizard.com

[email protected](+44) 0207 183 3690

@pagelizard

So how does the HTML-friendly publishing Business look?

Page 25: PPA Tech Talk: HTML apps
Page 26: PPA Tech Talk: HTML apps

PDFs of your magazine

Your website

Your writing

Video + audio

iPads & iPhones

Android phones & tablets

Web browsers (+ archive editions)

Content you can push to other websites

Content is manually edited and styled

OR

Auto-produced by attaching pre-defined

templates

Page 27: PPA Tech Talk: HTML apps

PDF vs. HTML

HTML (text view)

• Resizable text

• Contents pages

• Endless styling options

PDF (page view)

• Exact image replica of publication

• No interactivity

• Difficult to read

Page 28: PPA Tech Talk: HTML apps

Include video and audio

A minute of video is worth

words

1.8 mil-lion

”[Forrester Research, 2014]

Page 29: PPA Tech Talk: HTML apps

Live news feeds

Page 30: PPA Tech Talk: HTML apps

Social media comments…

of small businesses feel that social media efforts generate more exposure than anything else

80%89%

of small businesses indicate being on social media increases traffic to their website

73%

of all adults that are online use a social networking site of some sort

Page 31: PPA Tech Talk: HTML apps

Social media comments

• Share articles to Facebook, Twitter and LinkedIn

• Comments appear at the bottom of relevant article,

creating discussions

• All done from within the app

Page 32: PPA Tech Talk: HTML apps

Result: A social hub

• Create an interactive, social environment for readers

• More information, more easily available

• You increase your digital presence, and in turn readership.

Page 33: PPA Tech Talk: HTML apps

www.pagelizard.com

[email protected](+44) 0207 183 3690

@pagelizard

And it looks great

Page 34: PPA Tech Talk: HTML apps

CILIP

Page 35: PPA Tech Talk: HTML apps

Image of Edge’s complex magazine layout(Digitally materialises into beautiful HTML)

ILM’s EDGE

Page 36: PPA Tech Talk: HTML apps

www.pagelizard.com

[email protected](+44) 0207 183 3690

@pagelizard

Thank you