SlideShare a Scribd company logo
HTML5 or Apps: Which Will it Be?
JEFF WHATCOTT
CMO @ BRIGHTCOVE
Who’s here?
Mobile is forecasted to become
the dominant audience
Screens, Platforms, and Pain
HTML5 vs App: An Epic Battle(?)
Corner #1: Native Apps


         654,712 470,069

Source:148Apps.biz App Count http://bit.ly/appcount as of June 25, 2012.
Stuff Technologists Say
                    “the Web will never be the
                    dominant platform”
                    “The arrogance of Web
                    evangelists is staggering.”
                    September 22, 2011
                    Joe Hewitt
                    Co-creator of Firefox
                    Creator of Facebook for iPhone
Stuff Technologists Say
                    “the Web will be replaced”
                    “the App Internet is the best
                    contender”
                    “the web huggers…do not
                    want the web to end.”
                    December 8, 2011
                    George Colony
                    CEO of Forrester Research
Corner #2: The HTML5 Touch Web
Stuff Technologists Say
                    “I hated every moment of our
                    experiment with apps, because it
                    tried to impose something closed,
                    old, and print-like on something
                    open, new, and digital.”
                    June 16, 2012
                    Jason Pontin
                    Editor-in-Chief, MIT Technology Review
Stuff Technologists Say
                    “App is Crap (why Apple is bad
                    for your health)”
                    “[Apps are] a step backward for
                    our industry… a waste for most
                    brands… a channel disguised in
                    business clothing..”
                    February 17, 2010
                    Mark Suster
                    GP @ GRP Partners
vigorish |ˈ     vigəriSH|
noun informal
1 [ in sing. ] an excessive rate of interest on a loan,
 typically one from an illegal moneylender.
2 the percentage deducted from a gambler's
 winnings by the organizers of a game.
The “Vig” on Subscription
Content in Apple iOS Apps
                   “Our philosophy is simple—
                   when Apple brings a new
                   subscriber to the app, Apple
                   earns a 30 percent
                   share; when the publisher
                   brings an existing or new
                   subscriber to the app, the
                   publisher keeps 100 percent
                   and Apple earns nothing.”
Responsive/Adaptive Design is Hard
                         “Adaptive web design is an elegant solution to the
                         thorny technical problem of having to deliver a
                         content experience on multiple devices. And
                         engineers love more than anything to apply the
                         same hammer to multiple nails.
                         Unfortunately, users do not agree. Desktop web
                         browsers, tablets, and mobile devices are
                         fundamentally different and are used in very
Peter Yared              different ways. Across our properties at CBS
CTO of CBS Interactive   Interactive, we have experimented with a variety of
                         adaptive and direct designs and are learning the
                         hard way that a one-size-fits-all solution delivers
                         a subpar user experience.”
Consumers spend equal time in
mobile apps and mobile browsers
Apps are from Mars.
The Touch Web is from Venus.
HYBRID A PPS                     HYBRID A PPS
creen Real Estate     Persistent ScreenScreen Real Estate
                             Persistent Real Estate           Persistent Screen RealReach
                                                                     Cross-Platform Estate              Cross-Platform R
ging Engagement       Push Messaging Engagement
                            Push Messaging Engagement               Fast, Cheap Development
                                                              Push Messaging Engagement                 Fast, Cheap Deve
brary / Mic Access    Camera / Library Library / Mic Access
                           Camera / / Mic Access              Camera / Library / Mic Discoverable
                                                                   Search Engine Access                 Search Engine D
ok / QR Code Access   Address Book / QR Code AccessAccess
                            Address Book / QR Code                  Bookmarked and Forgotten
                                                              Address Book / QR Code Access             Bookmarked and
rmance                Native Performance
                             Native Performance               Native No Push Messaging
                                                                     Performance                        No Push Messag
hases and Ads         In-App In-App Purchases and Ads
                             Purchases and Ads                In-App Camera / Library / Mic Access
                                                                     Purchases and Ads                  Camera / Library
hrough App Stores     Promotion Through App Stores Stores
                            Promotion Through App             Promotion Through App Stores Access
                                                                    Address Book / QR Code              Address Book / Q
Search Engines        Invisible to Search Engines
                              Fast, Cheap Development         Fast, Cheap Development Transactions
                                                                     Multi-Step Purchase                Multi-Step Purcha
sive Development      Slow, Expensive Development
                             Cross-Platform Reach                   Inconsistent Browser Capabilities
                                                              Cross-Platform Reach                      Inconsistent Brow
form Fragmentation    Chronic Platform Fragmentation
                            Invisible to Search Engines       Invisible toApp Store Distribution
                                                                      No Search Engines                 No App Store Dis
The Audience/Customer Journey

       TOUCH WEB                      APPS

DISCOVERY   TRIAL   COMMITMENT   LOYALTY   ADVOCACY
Touch Web and Apps: Together Forever
HYBRID A PPS
Persistent Screen Real Estate    Persistent Screen Real Estate   Cross-Platform Reach
Push Messaging Engagement        Push Messaging Engagement       Fast, Cheap Development
Camera / Library / Mic Access    Camera / Library / Mic Access   Search Engine Discoverable
Address Book / QR Code Access    Address Book / QR Code Access   Bookmarked and Forgotten
Native Performance               Native Performance              No Push Messaging
In-App Purchases and Ads         In-App Purchases and Ads        Camera / Library / Mic Access
Promotion Through App Stores     Promotion Through App Stores    Address Book / QR Code Access
Invisible to Search Engines      Fast, Cheap Development         Multi-Step Purchase Transactions
Slow, Expensive Development      Cross-Platform Reach            Inconsistent Browser Capabilities
Chronic Platform Fragmentation   Invisible to Search Engines     No App Store Distribution
A Potentially Helpful Continuum

 Documents                                                                  Applications
 (Content-centric)                                                          (Behavior-centric)

                                          Hybrid Apps


                     Touch Web Sites                          Native Apps




 Adapted from Figure 9.12 in Aral Balkan’s Smashing Book #3
Hybrid Apps:
All the cool kids are doing it
In Summary
It’s not either/or, it’s both/and.

Use the Touch Web to find and convert new customers.

Use Native Apps to engage and delight existing customers.

Use Hybrid Apps to build Native Apps more sustainably.

HTML5 is your best technology/skills investment.
HTML5 or Native Apps: Which Will it Be?

More Related Content

PDF
Mobile apps and adoption v2
PDF
Role of Apps in Mobile Media Mix
PDF
N1 how to guide: use iphone apps for business
PDF
Mobile Design. Strategic Solutions.
PPT
QuickSoft Mobile Tips & Tricks 11-03-10
PDF
PC Today
PDF
Your Mobile Strategy Can't Be HTML5
PDF
Trends in digital media - h kienhuis (Sanoma)
Mobile apps and adoption v2
Role of Apps in Mobile Media Mix
N1 how to guide: use iphone apps for business
Mobile Design. Strategic Solutions.
QuickSoft Mobile Tips & Tricks 11-03-10
PC Today
Your Mobile Strategy Can't Be HTML5
Trends in digital media - h kienhuis (Sanoma)

What's hot (19)

PDF
The Intersection of Ideas in Open Source and Open Standards
PDF
NOX July 2011
PDF
Sanoma Planet of the Apps by Herman Kienhuis @ NS
PPTX
Responsive Email Design
PPT
Web 3 Tom Gruber
PDF
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
KEY
10 Design Commandments for Mobile App Developers
PDF
Planning your Dream Mobile App
PDF
Exploring the physical web
PDF
streetARt case study for ARE2011
PDF
The Dangers of the Wrong Mobile Strategy
PPTX
Android Business Essentials
PDF
Designing for conversation
PDF
HTML5 Web Apps vs. Native Apps
PDF
Confoo 2012-03-01 - Building mobile experiences that don't suck
PDF
Firestarter Mobile Application Preso
PPTX
The Business of Apps
PPTX
Deep linking at App Promotion Summit
PDF
Responsive Design in 2016
The Intersection of Ideas in Open Source and Open Standards
NOX July 2011
Sanoma Planet of the Apps by Herman Kienhuis @ NS
Responsive Email Design
Web 3 Tom Gruber
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
10 Design Commandments for Mobile App Developers
Planning your Dream Mobile App
Exploring the physical web
streetARt case study for ARE2011
The Dangers of the Wrong Mobile Strategy
Android Business Essentials
Designing for conversation
HTML5 Web Apps vs. Native Apps
Confoo 2012-03-01 - Building mobile experiences that don't suck
Firestarter Mobile Application Preso
The Business of Apps
Deep linking at App Promotion Summit
Responsive Design in 2016
Ad

Viewers also liked (8)

PDF
Beste recruitmentsite: Bol.com
PDF
Respect voor Amerikaanse zorg en politie
PDF
Capitulo xv
PDF
Washington Family Health Initiative
PDF
Technology & Learning 2013
PPTX
Call for Junior Auditors! [JADE]
PDF
LinkedIn 101 Basics v2
PDF
簡易焰色試驗法
Beste recruitmentsite: Bol.com
Respect voor Amerikaanse zorg en politie
Capitulo xv
Washington Family Health Initiative
Technology & Learning 2013
Call for Junior Auditors! [JADE]
LinkedIn 101 Basics v2
簡易焰色試驗法
Ad

Similar to HTML5 or Native Apps: Which Will it Be? (20)

PDF
The Future of Mobile by Andy Grignon
PPTX
Mobile apps slideshareversion
PDF
Hybrid Apps / iPhoneDevCon 2010
PDF
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
PDF
Native-App-Development-The-Power-of-a-Tailored-Experience.pdf
PDF
Dial2Do ICIN 09
PDF
Hybrid App vs Native App Development
PDF
Native, Web App, or Hybrid: Which Should You Choose?
PPTX
Challenges in building a mobile apps platform
PDF
HTML5 for Mobile - When and Why
 
PDF
Dnx Mobile Marketing Golden Rules
KEY
WITI Mobile Development Workshop 2012
PPTX
Debunking Common Myths of Mobile Application Development
PDF
Portfolio Karen Sátiro
PDF
Why Your Company Needs Native
PDF
#MobileInAction - iRecruitExpo June 2013, Amsterdam
PDF
Mobile automotive masterclass deck camerjam mobile marketing
PDF
Engage 2013 - Mobile Measurement Tactics
PDF
Uniway seminar ecommerce - 2011 10 04 - v2
PDF
Mobile web vs. native apps: It's not about technology, it's about psychology
The Future of Mobile by Andy Grignon
Mobile apps slideshareversion
Hybrid Apps / iPhoneDevCon 2010
Building & Managing The Lifecycle of Mobile Apps For The Enterprise
Native-App-Development-The-Power-of-a-Tailored-Experience.pdf
Dial2Do ICIN 09
Hybrid App vs Native App Development
Native, Web App, or Hybrid: Which Should You Choose?
Challenges in building a mobile apps platform
HTML5 for Mobile - When and Why
 
Dnx Mobile Marketing Golden Rules
WITI Mobile Development Workshop 2012
Debunking Common Myths of Mobile Application Development
Portfolio Karen Sátiro
Why Your Company Needs Native
#MobileInAction - iRecruitExpo June 2013, Amsterdam
Mobile automotive masterclass deck camerjam mobile marketing
Engage 2013 - Mobile Measurement Tactics
Uniway seminar ecommerce - 2011 10 04 - v2
Mobile web vs. native apps: It's not about technology, it's about psychology

Recently uploaded (20)

PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Electronic commerce courselecture one. Pdf
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Spectroscopy.pptx food analysis technology
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PPTX
Big Data Technologies - Introduction.pptx
PDF
Machine learning based COVID-19 study performance prediction
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
MYSQL Presentation for SQL database connectivity
MIND Revenue Release Quarter 2 2025 Press Release
NewMind AI Weekly Chronicles - August'25 Week I
Mobile App Security Testing_ A Comprehensive Guide.pdf
“AI and Expert System Decision Support & Business Intelligence Systems”
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Electronic commerce courselecture one. Pdf
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Advanced methodologies resolving dimensionality complications for autism neur...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Spectroscopy.pptx food analysis technology
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
20250228 LYD VKU AI Blended-Learning.pptx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Big Data Technologies - Introduction.pptx
Machine learning based COVID-19 study performance prediction
Unlocking AI with Model Context Protocol (MCP)
Reach Out and Touch Someone: Haptics and Empathic Computing
MYSQL Presentation for SQL database connectivity

HTML5 or Native Apps: Which Will it Be?

  • 1. HTML5 or Apps: Which Will it Be? JEFF WHATCOTT CMO @ BRIGHTCOVE
  • 3. Mobile is forecasted to become the dominant audience
  • 5. HTML5 vs App: An Epic Battle(?)
  • 6. Corner #1: Native Apps 654,712 470,069 Source:148Apps.biz App Count http://bit.ly/appcount as of June 25, 2012.
  • 7. Stuff Technologists Say “the Web will never be the dominant platform” “The arrogance of Web evangelists is staggering.” September 22, 2011 Joe Hewitt Co-creator of Firefox Creator of Facebook for iPhone
  • 8. Stuff Technologists Say “the Web will be replaced” “the App Internet is the best contender” “the web huggers…do not want the web to end.” December 8, 2011 George Colony CEO of Forrester Research
  • 9. Corner #2: The HTML5 Touch Web
  • 10. Stuff Technologists Say “I hated every moment of our experiment with apps, because it tried to impose something closed, old, and print-like on something open, new, and digital.” June 16, 2012 Jason Pontin Editor-in-Chief, MIT Technology Review
  • 11. Stuff Technologists Say “App is Crap (why Apple is bad for your health)” “[Apps are] a step backward for our industry… a waste for most brands… a channel disguised in business clothing..” February 17, 2010 Mark Suster GP @ GRP Partners
  • 12. vigorish |ˈ vigəriSH| noun informal 1 [ in sing. ] an excessive rate of interest on a loan, typically one from an illegal moneylender. 2 the percentage deducted from a gambler's winnings by the organizers of a game.
  • 13. The “Vig” on Subscription Content in Apple iOS Apps “Our philosophy is simple— when Apple brings a new subscriber to the app, Apple earns a 30 percent share; when the publisher brings an existing or new subscriber to the app, the publisher keeps 100 percent and Apple earns nothing.”
  • 14. Responsive/Adaptive Design is Hard “Adaptive web design is an elegant solution to the thorny technical problem of having to deliver a content experience on multiple devices. And engineers love more than anything to apply the same hammer to multiple nails. Unfortunately, users do not agree. Desktop web browsers, tablets, and mobile devices are fundamentally different and are used in very Peter Yared different ways. Across our properties at CBS CTO of CBS Interactive Interactive, we have experimented with a variety of adaptive and direct designs and are learning the hard way that a one-size-fits-all solution delivers a subpar user experience.”
  • 15. Consumers spend equal time in mobile apps and mobile browsers
  • 16. Apps are from Mars. The Touch Web is from Venus.
  • 17. HYBRID A PPS HYBRID A PPS creen Real Estate Persistent ScreenScreen Real Estate Persistent Real Estate Persistent Screen RealReach Cross-Platform Estate Cross-Platform R ging Engagement Push Messaging Engagement Push Messaging Engagement Fast, Cheap Development Push Messaging Engagement Fast, Cheap Deve brary / Mic Access Camera / Library Library / Mic Access Camera / / Mic Access Camera / Library / Mic Discoverable Search Engine Access Search Engine D ok / QR Code Access Address Book / QR Code AccessAccess Address Book / QR Code Bookmarked and Forgotten Address Book / QR Code Access Bookmarked and rmance Native Performance Native Performance Native No Push Messaging Performance No Push Messag hases and Ads In-App In-App Purchases and Ads Purchases and Ads In-App Camera / Library / Mic Access Purchases and Ads Camera / Library hrough App Stores Promotion Through App Stores Stores Promotion Through App Promotion Through App Stores Access Address Book / QR Code Address Book / Q Search Engines Invisible to Search Engines Fast, Cheap Development Fast, Cheap Development Transactions Multi-Step Purchase Multi-Step Purcha sive Development Slow, Expensive Development Cross-Platform Reach Inconsistent Browser Capabilities Cross-Platform Reach Inconsistent Brow form Fragmentation Chronic Platform Fragmentation Invisible to Search Engines Invisible toApp Store Distribution No Search Engines No App Store Dis
  • 18. The Audience/Customer Journey TOUCH WEB APPS DISCOVERY TRIAL COMMITMENT LOYALTY ADVOCACY
  • 19. Touch Web and Apps: Together Forever
  • 20. HYBRID A PPS Persistent Screen Real Estate Persistent Screen Real Estate Cross-Platform Reach Push Messaging Engagement Push Messaging Engagement Fast, Cheap Development Camera / Library / Mic Access Camera / Library / Mic Access Search Engine Discoverable Address Book / QR Code Access Address Book / QR Code Access Bookmarked and Forgotten Native Performance Native Performance No Push Messaging In-App Purchases and Ads In-App Purchases and Ads Camera / Library / Mic Access Promotion Through App Stores Promotion Through App Stores Address Book / QR Code Access Invisible to Search Engines Fast, Cheap Development Multi-Step Purchase Transactions Slow, Expensive Development Cross-Platform Reach Inconsistent Browser Capabilities Chronic Platform Fragmentation Invisible to Search Engines No App Store Distribution
  • 21. A Potentially Helpful Continuum Documents Applications (Content-centric) (Behavior-centric) Hybrid Apps Touch Web Sites Native Apps Adapted from Figure 9.12 in Aral Balkan’s Smashing Book #3
  • 22. Hybrid Apps: All the cool kids are doing it
  • 23. In Summary It’s not either/or, it’s both/and. Use the Touch Web to find and convert new customers. Use Native Apps to engage and delight existing customers. Use Hybrid Apps to build Native Apps more sustainably. HTML5 is your best technology/skills investment.