SlideShare uma empresa Scribd logo
1 de 36
Baixar para ler offline
Native vs. HTML 5!
Jon Marks (@mcboof)!
Co-founder, Kaldor Group!
Creators of Pugpig (pugpig.com)!
!
PPA Digital Publishing Conference!
18 Sept 2013!
#ppadigital
Setting the scene
I care how users
discover my apps ...
... and that they
have a delightful
experience ...
... so that they tell
all their friends
about it ...!
... and part with their
hard earned cash.!
!
I'd prefer not to give up
a cut of my revenue ...!
!
... and I'd like to keep
control of my user data.!
!
I want a product
reimagined for
digital ...!
... that embraces the
platform it is on ...!
... and works on any
form factor, present
and future.!
It must work offline
supporting a lean
back experience ...!
... sending engaging
notifications and
downloading content
automatically ...!
... while supporting
my rich advertising
and analytics needs.!
Most importantly, I
need to future
proof my content ...!
... future proof my
workflow ...!
... and future proof
my technology.!
So what has all that got to
do with HTML5 versus Native?!
!
Pretty much everything. Let's
run through that again.
HTML! Native!
I care how users discover my apps ...
App Stores aren't
great, but they're
better than nothing.
Get featured!
1
The Chrome Store and Firefox Store
ain't exactly winning. And you can
link to your app from the web too. HTML! Native!
... and that they have a delightful
experience ...
Native apps currently
provide a faster,
smoother experience.
Don't agree? Show me a single pure HTML5
publisher app that comes close to the
numerous good native ones.
2
HTML! Native!
... so that they tell all their friends
about it ...
Native sharing isn't
any good without a
web link to share.
And don't put the share target behind a
paywall. Sharing is caring. Relax a little.
2
HTML!
1!
Native!
... and part with their hard earned
cash.
On iOS especially, the
one click payments
make a massive
difference.
Apple, Amazon and Google have tens of
millions of credit cards on file. You don't.
3
HTML!
1!
Native!
I'd prefer not to give up a cut of
my revenue ...
70% of a lot beats
100% of nothing. But
100% of everything
wins.
If you acquire the users you can through
your channels and consider the rest a
bonus, the cut ain't so bad.
3
HTML!
2
Native!
... and I'd like to keep control of
my user data.
Acquire as many users
as you can directly
outside the native
ecosystem.
Even if the terms seem okay today, you
might get shafted by Cupertino tomorrow.
3
HTML!
3
Native!
I want a product reimagined for
digital ...
I need responsive,
interactive layouts.
Please, Lord, not a
replica.
And preferably not an enhanced edition with
interactive overlays. As Henry Ford almost
said: "Reimagine a horse-drawn cart, don't
enhance it."
3
HTML!
4
Native!
... that embraces the platform it is
on ...
On iOS it should feel
like iOS. On Android
it should feel like
Android.
Either make a good mobile web site, or an
app that plays nice with the host. Don't make
an identity crisis.
4
HTML!
4
Native!
... and works on any form factor,
present and future.!
WebKit has spent 1403
man years working on
responsive layout. Want
to compete with that?
Tablets. Phones. Desktops. Televisions.
Watches. Glasses. Billboards. Cars. Fridges.
Hot air balloons. Implants.
4
HTML!
5
Native!
It must work offline supporting a
lean back experience ...!
It's too damn hard
with HTML5. And
offline support means
it is also faster online.
Test on shitty data connections too. Like on
a train trip with plenty of tunnels. Like
your users do.
5
HTML!
5
Native!
... sending engaging notifications
and automatic background
downloads ...
Currently, if a web
app isn't running, it
pretty much doesn't
exist.
Automatic background downloads are big.
People engage with your content when they
are stuck offline. The content should be
stuck with them.
6
HTML!
5
Native!
... while supporting my rich
advertising and analytics needs.!
While the ads are
authored in HTML, you
need a native container
for good ones.
These two are a big deal, right? Advertisers
pay you money. And you need good data to
support it.
7
HTML!
5
Native!
Most importantly, I need to future
proof my content ...
Make sure it is
structured and
semantic and can
outlive the container.
Don't bury it in InDesign files forever.
Structured content means an API. Which
means new dynamic, personalised products
you can sell.
7
HTML!
6
Native!
... future proof my workflow ...
Make sure it is digital
first. Print first is a
bit daft when print is
gone.
Audio cassette first? CD first? DVD first?
Print isn't like that. It'll be around forever.
Ha ha ha.
7
HTML!
7
Native!
... and future proof my technology.
The native wrappers will
die in the future. Be
ready for the change,
although it'll be a while.
The Year of Mobile was “next year” from
2002 onwards. It was actually 2011. The Year
of HTML is “next year”. It’ll actually be 2017.
You heard it here first.
7
HTML!
8
Native!
Shit. That's close. This
is like Sophie's Choice.
I still can't decide.
HTML!
8
vs.
7
HTML!
8
Native!
So don't choose. Get
the best of both
worlds. Go hybrid.
+
7
HTML!
8
Native!
And I'm the smoothest hybrid in
town.!
!
Any questions? I'll be at the bar. And Twitter.!
!
@McBoof!
#ppadigital!
pugpig.com!
!

Mais conteúdo relacionado

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 

Destaque

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Saba Software
 

Destaque (20)

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 

PPA Digital - Native vs HTML for Publishers

  • 1. Native vs. HTML 5! Jon Marks (@mcboof)! Co-founder, Kaldor Group! Creators of Pugpig (pugpig.com)! ! PPA Digital Publishing Conference! 18 Sept 2013! #ppadigital
  • 3. I care how users discover my apps ...
  • 4. ... and that they have a delightful experience ...
  • 5. ... so that they tell all their friends about it ...!
  • 6. ... and part with their hard earned cash.! !
  • 7. I'd prefer not to give up a cut of my revenue ...! !
  • 8. ... and I'd like to keep control of my user data.! !
  • 9. I want a product reimagined for digital ...!
  • 10. ... that embraces the platform it is on ...!
  • 11. ... and works on any form factor, present and future.!
  • 12. It must work offline supporting a lean back experience ...!
  • 13. ... sending engaging notifications and downloading content automatically ...!
  • 14. ... while supporting my rich advertising and analytics needs.!
  • 15. Most importantly, I need to future proof my content ...!
  • 16. ... future proof my workflow ...!
  • 17. ... and future proof my technology.!
  • 18. So what has all that got to do with HTML5 versus Native?! ! Pretty much everything. Let's run through that again. HTML! Native!
  • 19. I care how users discover my apps ... App Stores aren't great, but they're better than nothing. Get featured! 1 The Chrome Store and Firefox Store ain't exactly winning. And you can link to your app from the web too. HTML! Native!
  • 20. ... and that they have a delightful experience ... Native apps currently provide a faster, smoother experience. Don't agree? Show me a single pure HTML5 publisher app that comes close to the numerous good native ones. 2 HTML! Native!
  • 21. ... so that they tell all their friends about it ... Native sharing isn't any good without a web link to share. And don't put the share target behind a paywall. Sharing is caring. Relax a little. 2 HTML! 1! Native!
  • 22. ... and part with their hard earned cash. On iOS especially, the one click payments make a massive difference. Apple, Amazon and Google have tens of millions of credit cards on file. You don't. 3 HTML! 1! Native!
  • 23. I'd prefer not to give up a cut of my revenue ... 70% of a lot beats 100% of nothing. But 100% of everything wins. If you acquire the users you can through your channels and consider the rest a bonus, the cut ain't so bad. 3 HTML! 2 Native!
  • 24. ... and I'd like to keep control of my user data. Acquire as many users as you can directly outside the native ecosystem. Even if the terms seem okay today, you might get shafted by Cupertino tomorrow. 3 HTML! 3 Native!
  • 25. I want a product reimagined for digital ... I need responsive, interactive layouts. Please, Lord, not a replica. And preferably not an enhanced edition with interactive overlays. As Henry Ford almost said: "Reimagine a horse-drawn cart, don't enhance it." 3 HTML! 4 Native!
  • 26. ... that embraces the platform it is on ... On iOS it should feel like iOS. On Android it should feel like Android. Either make a good mobile web site, or an app that plays nice with the host. Don't make an identity crisis. 4 HTML! 4 Native!
  • 27. ... and works on any form factor, present and future.! WebKit has spent 1403 man years working on responsive layout. Want to compete with that? Tablets. Phones. Desktops. Televisions. Watches. Glasses. Billboards. Cars. Fridges. Hot air balloons. Implants. 4 HTML! 5 Native!
  • 28. It must work offline supporting a lean back experience ...! It's too damn hard with HTML5. And offline support means it is also faster online. Test on shitty data connections too. Like on a train trip with plenty of tunnels. Like your users do. 5 HTML! 5 Native!
  • 29. ... sending engaging notifications and automatic background downloads ... Currently, if a web app isn't running, it pretty much doesn't exist. Automatic background downloads are big. People engage with your content when they are stuck offline. The content should be stuck with them. 6 HTML! 5 Native!
  • 30. ... while supporting my rich advertising and analytics needs.! While the ads are authored in HTML, you need a native container for good ones. These two are a big deal, right? Advertisers pay you money. And you need good data to support it. 7 HTML! 5 Native!
  • 31. Most importantly, I need to future proof my content ... Make sure it is structured and semantic and can outlive the container. Don't bury it in InDesign files forever. Structured content means an API. Which means new dynamic, personalised products you can sell. 7 HTML! 6 Native!
  • 32. ... future proof my workflow ... Make sure it is digital first. Print first is a bit daft when print is gone. Audio cassette first? CD first? DVD first? Print isn't like that. It'll be around forever. Ha ha ha. 7 HTML! 7 Native!
  • 33. ... and future proof my technology. The native wrappers will die in the future. Be ready for the change, although it'll be a while. The Year of Mobile was “next year” from 2002 onwards. It was actually 2011. The Year of HTML is “next year”. It’ll actually be 2017. You heard it here first. 7 HTML! 8 Native!
  • 34. Shit. That's close. This is like Sophie's Choice. I still can't decide. HTML! 8 vs. 7 HTML! 8 Native!
  • 35. So don't choose. Get the best of both worlds. Go hybrid. + 7 HTML! 8 Native!
  • 36. And I'm the smoothest hybrid in town.! ! Any questions? I'll be at the bar. And Twitter.! ! @McBoof! #ppadigital! pugpig.com! !