ppa tech talk: html apps
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 2: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/2.jpg)
• 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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/3.jpg)
What is an HTML app and how did we get here?
![Page 4: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/4.jpg)
![Page 6: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/6.jpg)
![Page 7: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/7.jpg)
![Page 8: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/8.jpg)
![Page 9: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/9.jpg)
June 29, 2007
![Page 10: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/10.jpg)
![Page 11: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/11.jpg)
April 3, 2010
![Page 12: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/12.jpg)
![Page 13: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/13.jpg)
May 2010
Wired first iPad edition 500Mb+
No searchNo comments
![Page 14: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/14.jpg)
MagplusThe V&A
370Mb
![Page 15: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/15.jpg)
App studioVisit Vietnam
![Page 16: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/16.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/17.jpg)
www.pagelizard.com
[email protected](+44) 0207 183 3690
@pagelizard
Do you need to change your business?
![Page 18: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/18.jpg)
• 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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/19.jpg)
![Page 20: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/20.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/21.jpg)
• 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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/22.jpg)
- 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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/23.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/24.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/25.jpg)
![Page 26: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/26.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/27.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/28.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/29.jpg)
Live news feeds
![Page 30: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/30.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/31.jpg)
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](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/32.jpg)
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 34: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/34.jpg)
CILIP
![Page 35: PPA Tech Talk: HTML apps](https://reader038.vdocuments.us/reader038/viewer/2022102902/557c5440d8b42a0b4b8b46bf/html5/thumbnails/35.jpg)
Image of Edge’s complex magazine layout(Digitally materialises into beautiful HTML)
ILM’s EDGE