SlideShare a Scribd company logo
Difference between Web sites and Web apps
The term β€œweb app” has been around for the past years – we’ve all heard it and used it more
times than we care to remember. Yet there remains a debate on where β€œweb sites” end, and β€œweb
apps” begin
Definitions of web sites vs. apps
Web sites are so deeply embedded into our daily culture that it is impossible to imagine life
without them. Even as a developer, I find it hard to remember the times from my childhood when
my chubby little hands didn’t yet know how to type. In the last two decades, the Internet has
grown, expanded, exploded and became impossible to ignore, making any keyboard without an
Internet connection pretty much useless.
In the last few years, the web brought with it a new term that can be exciting and confusing at the
same time: β€œweb app”.
But what is a β€œweb app”, how does it differentiate from a β€œweb site” and why does it matter?
Understanding this difference ultimately makes us better users or developers? Is a business going
to blossom just by marketing its online presence as a β€œweb app” instead of a β€œweb site”?
The difference between Web sites and Web apps
In the pre app store era, the word β€œapplications” had been applied to Web sites that provided
advanced user interactions and capabilities previously available only through installable
software. Early examples of web applications include Webmail, Google Maps and Google Docs.
Compared to the classic web, i.e. blogs and news sites, web apps provided a richer user
experience and access to advanced browser capabilities.
Today single-page web sites might still be referred to as web apps, but it’s more about the task
focus than the technology itself. From this perspective, as Immortal Technologies explains,
β€œThe use case of an application is always to DO something with it”.
The task centricity of web apps is easier to understand if you think of smartphones or tablets: an
app’s purpose is to achieve a specific task, like making a call, checking your email or finding a
taxi nearby.
Some may argue that we can simply classify Web sites as being read-only and Web apps as being
read-write. That certainly seems simple enough:Web sites are for consumption what Web
apps are for creation. Does it sound right?
For developers, it is easier to draw the line between web sites and web apps if we think of the
technical distinctions. Web apps have some defining attributes that bring them closer to their
native counterparts:
ο‚· self-contained
ο‚· rich/interactive user interface, possibly mimicking the native UI of the device
ο‚· using advanced device capabilities – like geolocation, camera integration, or other
technologies that the W3C Device APIs and Policy Working Group is developing
ο‚· action-oriented rather than information oriented
ο‚· not relying heavily on (or hiding when possible) the browser chrome (back button, reload
button, address bar)
ο‚· working off-line, for example using HTML5 ApplicationCache, localStorage, or indexed
database
β€œSeeing how flaky our connections are – I am writing this on a plane – our apps should make
people as effective as possible and this means we shouldn’t be dependent on a connection. The
interface should be usable whilst we are off the grid and sync as soon as we go online”.
But how can we explain the difference to non-technical users? And, do we need to?
According to us, a Web site can be presented as a Web app as long as users consume it in a
similar way they do a native app. If it’s exposed as an iconified app and used for a specific task,
it shouldn’t matter whether it’s contained in the browser or installed via an app store.
Creation versus Consumption. Pearce asserts that read-only interaction should be classified as
a site, but this criteria is not sufficient to distinguish between web sites and web apps. We still
have cases like Flipboard (clearly oriented towards consumption) or Twitter and Facebook (with
entirely user-generated content) that do not fit in any box.
Linkability. Since both web sites and web apps can be launched by entering a URL into a
browser or from a home-screen icon, this is clearly β€œnot a reliable way to distinguish between
web apps and web sites” according to Pearce.
User Experience. Visual pizzazz is an important argument, one that users might particularly
relate to, but is also a fuzzy boundary. What if my site displays a fixed toolbar, but no back
button? What if my list appears as hyperlinks instead of Γ’β‚¬Λœtappable’ items? What if I use plain
scrolling instead of smooth fancy bars?
Architecture. In the case of single page webapps, is SEO the price to pay when choosing to give
the browser far more autonomy and responsibility and take advantage of its HTML5 APIs like
storage? Do Web sites have SEO capabilities while Web apps don’t? We are back to explaining
the differences between the two by using technical terms.
Should you be building web apps or web sites?
This question might be regarded as a technicality with a pinch of marketing to spice it up. This
reminds me of the β€œHTML5 is ready” contest by Sencha that was announced a few months back,
encouraging developers to draw inspiration from native apps and create similar web apps that
show off the capabilities of HTML5.
The creators of the competition correctly argued that β€œthe mobile web is the most fertile ground
for leading edge web development because it doesn’t have the legacy of the older internet
explorers that the desktop does. You can start your development with the assumption that your
app or your content will be used in a fairly recent browser, so you can take advantage of a whole
host of features like Canvas, inline SVG, HTML5 video, CSS3 styling etc. that bring the
experience alive for the user”.
Would it be safe to argue in favor of building web apps instead of web sitesespecially on mobile?
Mobile users perform specific tasks on their devices, so a web app that offers the same
experience as a specialized native app might gain more interest compared to a regular website.
Long term the distinction should not matter. According to FT’s Stephen Pinches, it really
doesn’t make any sense, on the long term, to speak about the future of the mobile web: β€œthere
shouldn’t be β€œmobile” and β€œdesktop” but simply good, user-centered design, which adapts and
responds to the screen size and features of the device upon which it is displayed. However, on
short to medium term, there is a need to differentiate and ensure the user experience is as good
as possible on a given device.”
The β€˜app-ification’ of the Web
Whatever your preference may be, there is an increasing number of mobile developers targeting
web apps. Based on VisionMobile’s latest Developer Economics survey of 6,000+ developers,
already 23% of HTML5 mobile developers develop web apps, compared to 38% who develop
mobile websites.
With browsers increasing support for device APIs, and with a growing number of developers
going direct to native with PhoneGap, Icenium or Appcelerator, or even with the recently
launched Firefox OS, the web world is clearly moving in the direction of apps.

More Related Content

PDF
Why Progressive Web Apps will transform your website
PPTX
Mobile interaction models, beyond the app
KEY
Developing a Progressive Mobile Strategy
PDF
Sitepen Getting There From Here
PDF
Conversational Intelligence and Better Customer Conversations
PPTX
Johnson stephanie mobile_presentation
PDF
Mobile HTML5 websites and hybrid Apps with AngularJS - Bonamico
PDF
Optimizing Data Caching for iPhone Application Responsiveness
Why Progressive Web Apps will transform your website
Mobile interaction models, beyond the app
Developing a Progressive Mobile Strategy
Sitepen Getting There From Here
Conversational Intelligence and Better Customer Conversations
Johnson stephanie mobile_presentation
Mobile HTML5 websites and hybrid Apps with AngularJS - Bonamico
Optimizing Data Caching for iPhone Application Responsiveness

What's hot (19)

DOCX
Responsive Web Design vs Mobile Web App
PDF
Planning Your Progressive Web App
DOCX
Delivering Fast Responsive Site
PPT
Web3.0- How brands can take advantage of the semantic shift - Brandsential
PDF
Mobile websites are more important than you think
PDF
The mobile website kit.templated
PDF
Chatbots, Conversational Interfaces, and the Rise of Messaging platforms
PDF
Web Design
PDF
Mobile Search Queries Start to Surpass Desktop: Here's What You Can Do About It
PDF
Multi screen-moblie-whitepaper research-studies
PPT
Web Usability Page Design
PDF
Responsive Web Design vs. Mobile Web App: What is best for Enterprise - Whit...
PDF
Mobile apps technology 2018
PPT
Blogging 101 - Creating a Buzz Around Town
Β 
PPTX
Responsive Email Design
PDF
Responsive Design in 2016
PPT
Mobile email - chasing context
PDF
Why "mobile first" isn't enough - Developing a better user experience
DOCX
REPORT
Responsive Web Design vs Mobile Web App
Planning Your Progressive Web App
Delivering Fast Responsive Site
Web3.0- How brands can take advantage of the semantic shift - Brandsential
Mobile websites are more important than you think
The mobile website kit.templated
Chatbots, Conversational Interfaces, and the Rise of Messaging platforms
Web Design
Mobile Search Queries Start to Surpass Desktop: Here's What You Can Do About It
Multi screen-moblie-whitepaper research-studies
Web Usability Page Design
Responsive Web Design vs. Mobile Web App: What is best for Enterprise - Whit...
Mobile apps technology 2018
Blogging 101 - Creating a Buzz Around Town
Β 
Responsive Email Design
Responsive Design in 2016
Mobile email - chasing context
Why "mobile first" isn't enough - Developing a better user experience
REPORT
Ad

Viewers also liked (20)

PPTX
RESTful API Design Fundamentals
PPTX
RDS_Photoscan_Eval_Cloud
PPTX
Python games
Β 
PPT
Introduction To Facebook: Opportunities and Challenges For The Institution
Β 
KEY
Facebook Development for Beginners
PDF
Introduction to Facebook Python API
PPTX
introduction to server-side scripting
PPTX
Server and Client side comparision
PDF
Introduction to Game programming with PyGame Part 1
PDF
Workshop : Facebook JavaScript SDK
PDF
Introduction to Facebook JavaScript & Python SDK
PPTX
Scrapy
PDF
Web scraping 1 2-3 with python + scrapy (Summer BarCampHK 2012 version)
PDF
Facebook Python SDK - Introduction
KEY
Mobile app Vs Web App
PPTX
Client & server side scripting
PDF
How to Scrap Any Website's content using ScrapyTutorial of How to scrape (cra...
Β 
PDF
Mobile Website vs Mobile App
PPTX
Facebook essay ideas
PPTX
Web Engineering - Web Applications versus Conventional Software
RESTful API Design Fundamentals
RDS_Photoscan_Eval_Cloud
Python games
Β 
Introduction To Facebook: Opportunities and Challenges For The Institution
Β 
Facebook Development for Beginners
Introduction to Facebook Python API
introduction to server-side scripting
Server and Client side comparision
Introduction to Game programming with PyGame Part 1
Workshop : Facebook JavaScript SDK
Introduction to Facebook JavaScript & Python SDK
Scrapy
Web scraping 1 2-3 with python + scrapy (Summer BarCampHK 2012 version)
Facebook Python SDK - Introduction
Mobile app Vs Web App
Client & server side scripting
How to Scrap Any Website's content using ScrapyTutorial of How to scrape (cra...
Β 
Mobile Website vs Mobile App
Facebook essay ideas
Web Engineering - Web Applications versus Conventional Software
Ad

Similar to Website vs web app (20)

PDF
Web Application Development in 2023.pdf
PDF
Web Application Development- Best Practices in 2023.
PDF
PDF 1.pdf
PDF
What Are Progressive Web Application Development
PDF
optimize website for mobile marketing
DOCX
Why does the app not show questions in the solutions section- The webs.docx
Β 
DOCX
Responsive Web Design vs Mobile Web App
PDF
Graydient Creative_LR
PDF
Difference between website and web application
PDF
Peerbelt_Presentation
PPTX
How not having a Responsive Website can be Detrimental to your business?
PPTX
Front end web & app development
PDF
web app.pdf
PDF
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
PPT
Mobile marketing copy
PDF
Navigating the Digital Horizon Unveiling the Future of Web Development Excel...
PDF
Exploring the Future of Web Development Navigating the Digital Frontier
PDF
pwas-the-future-of-the-mobile-web technology
PDF
web development versus web design
Web Application Development in 2023.pdf
Web Application Development- Best Practices in 2023.
PDF 1.pdf
What Are Progressive Web Application Development
optimize website for mobile marketing
Why does the app not show questions in the solutions section- The webs.docx
Β 
Responsive Web Design vs Mobile Web App
Graydient Creative_LR
Difference between website and web application
Peerbelt_Presentation
How not having a Responsive Website can be Detrimental to your business?
Front end web & app development
web app.pdf
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile Presence
Mobile marketing copy
Navigating the Digital Horizon Unveiling the Future of Web Development Excel...
Exploring the Future of Web Development Navigating the Digital Frontier
pwas-the-future-of-the-mobile-web technology
web development versus web design

More from Immortal Technologies (20)

PDF
Android app development company in delhi
PDF
Software development services in delhi
PDF
Android app development company in Gurgaon
PDF
Software development services in delhi
PDF
Software development services in gurgaon
PDF
Software development in gurgaon
PDF
Software development company in noida
PDF
Software development company in Gurgaon
PDF
Mobile app development company in Delhi NCR
PDF
Software development services in Gurgaon
PDF
Web app development company in Noida
PDF
Software development in Delhi
PDF
Website Designing Company in Delhi
PDF
Astrology services in canada
PDF
Famous indian astrologer in canada
PDF
Best astrologer in canada
PDF
Best seo company in delhi
PDF
Astrology Services in Canada
PDF
Best psychic toronto
PDF
Indian astrologer in toronto
Android app development company in delhi
Software development services in delhi
Android app development company in Gurgaon
Software development services in delhi
Software development services in gurgaon
Software development in gurgaon
Software development company in noida
Software development company in Gurgaon
Mobile app development company in Delhi NCR
Software development services in Gurgaon
Web app development company in Noida
Software development in Delhi
Website Designing Company in Delhi
Astrology services in canada
Famous indian astrologer in canada
Best astrologer in canada
Best seo company in delhi
Astrology Services in Canada
Best psychic toronto
Indian astrologer in toronto

Recently uploaded (20)

PDF
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
Β 
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PPTX
PptxGenJS_Demo_Chart_20250317130215833.pptx
PPTX
Slides PPTX World Game (s) Eco Economic Epochs.pptx
DOCX
Unit-3 cyber security network security of internet system
PPTX
Introuction about ICD -10 and ICD-11 PPT.pptx
PDF
An introduction to the IFRS (ISSB) Stndards.pdf
PPTX
presentation_pfe-universite-molay-seltan.pptx
PPTX
Internet___Basics___Styled_ presentation
PDF
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
PPTX
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PDF
Paper PDF World Game (s) Great Redesign.pdf
PDF
Triggering QUIC, presented by Geoff Huston at IETF 123
Β 
PPTX
Module 1 - Cyber Law and Ethics 101.pptx
PPTX
Introuction about WHO-FIC in ICD-10.pptx
PPT
Design_with_Watersergyerge45hrbgre4top (1).ppt
PPTX
international classification of diseases ICD-10 review PPT.pptx
PPTX
Funds Management Learning Material for Beg
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
Β 
Slides PDF The World Game (s) Eco Economic Epochs.pdf
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PptxGenJS_Demo_Chart_20250317130215833.pptx
Slides PPTX World Game (s) Eco Economic Epochs.pptx
Unit-3 cyber security network security of internet system
Introuction about ICD -10 and ICD-11 PPT.pptx
An introduction to the IFRS (ISSB) Stndards.pdf
presentation_pfe-universite-molay-seltan.pptx
Internet___Basics___Styled_ presentation
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
June-4-Sermon-Powerpoint.pptx USE THIS FOR YOUR MOTIVATION
Cloud-Scale Log Monitoring _ Datadog.pdf
Paper PDF World Game (s) Great Redesign.pdf
Triggering QUIC, presented by Geoff Huston at IETF 123
Β 
Module 1 - Cyber Law and Ethics 101.pptx
Introuction about WHO-FIC in ICD-10.pptx
Design_with_Watersergyerge45hrbgre4top (1).ppt
international classification of diseases ICD-10 review PPT.pptx
Funds Management Learning Material for Beg

Website vs web app

  • 1. Difference between Web sites and Web apps The term β€œweb app” has been around for the past years – we’ve all heard it and used it more times than we care to remember. Yet there remains a debate on where β€œweb sites” end, and β€œweb apps” begin Definitions of web sites vs. apps Web sites are so deeply embedded into our daily culture that it is impossible to imagine life without them. Even as a developer, I find it hard to remember the times from my childhood when my chubby little hands didn’t yet know how to type. In the last two decades, the Internet has grown, expanded, exploded and became impossible to ignore, making any keyboard without an Internet connection pretty much useless. In the last few years, the web brought with it a new term that can be exciting and confusing at the same time: β€œweb app”. But what is a β€œweb app”, how does it differentiate from a β€œweb site” and why does it matter? Understanding this difference ultimately makes us better users or developers? Is a business going to blossom just by marketing its online presence as a β€œweb app” instead of a β€œweb site”? The difference between Web sites and Web apps In the pre app store era, the word β€œapplications” had been applied to Web sites that provided advanced user interactions and capabilities previously available only through installable software. Early examples of web applications include Webmail, Google Maps and Google Docs. Compared to the classic web, i.e. blogs and news sites, web apps provided a richer user experience and access to advanced browser capabilities. Today single-page web sites might still be referred to as web apps, but it’s more about the task focus than the technology itself. From this perspective, as Immortal Technologies explains, β€œThe use case of an application is always to DO something with it”. The task centricity of web apps is easier to understand if you think of smartphones or tablets: an app’s purpose is to achieve a specific task, like making a call, checking your email or finding a taxi nearby. Some may argue that we can simply classify Web sites as being read-only and Web apps as being read-write. That certainly seems simple enough:Web sites are for consumption what Web apps are for creation. Does it sound right? For developers, it is easier to draw the line between web sites and web apps if we think of the technical distinctions. Web apps have some defining attributes that bring them closer to their native counterparts: ο‚· self-contained ο‚· rich/interactive user interface, possibly mimicking the native UI of the device ο‚· using advanced device capabilities – like geolocation, camera integration, or other technologies that the W3C Device APIs and Policy Working Group is developing ο‚· action-oriented rather than information oriented ο‚· not relying heavily on (or hiding when possible) the browser chrome (back button, reload button, address bar)
  • 2. ο‚· working off-line, for example using HTML5 ApplicationCache, localStorage, or indexed database β€œSeeing how flaky our connections are – I am writing this on a plane – our apps should make people as effective as possible and this means we shouldn’t be dependent on a connection. The interface should be usable whilst we are off the grid and sync as soon as we go online”. But how can we explain the difference to non-technical users? And, do we need to? According to us, a Web site can be presented as a Web app as long as users consume it in a similar way they do a native app. If it’s exposed as an iconified app and used for a specific task, it shouldn’t matter whether it’s contained in the browser or installed via an app store. Creation versus Consumption. Pearce asserts that read-only interaction should be classified as a site, but this criteria is not sufficient to distinguish between web sites and web apps. We still have cases like Flipboard (clearly oriented towards consumption) or Twitter and Facebook (with entirely user-generated content) that do not fit in any box. Linkability. Since both web sites and web apps can be launched by entering a URL into a browser or from a home-screen icon, this is clearly β€œnot a reliable way to distinguish between web apps and web sites” according to Pearce. User Experience. Visual pizzazz is an important argument, one that users might particularly relate to, but is also a fuzzy boundary. What if my site displays a fixed toolbar, but no back button? What if my list appears as hyperlinks instead of Γ’β‚¬Λœtappable’ items? What if I use plain scrolling instead of smooth fancy bars? Architecture. In the case of single page webapps, is SEO the price to pay when choosing to give the browser far more autonomy and responsibility and take advantage of its HTML5 APIs like storage? Do Web sites have SEO capabilities while Web apps don’t? We are back to explaining the differences between the two by using technical terms. Should you be building web apps or web sites? This question might be regarded as a technicality with a pinch of marketing to spice it up. This reminds me of the β€œHTML5 is ready” contest by Sencha that was announced a few months back, encouraging developers to draw inspiration from native apps and create similar web apps that show off the capabilities of HTML5. The creators of the competition correctly argued that β€œthe mobile web is the most fertile ground for leading edge web development because it doesn’t have the legacy of the older internet explorers that the desktop does. You can start your development with the assumption that your app or your content will be used in a fairly recent browser, so you can take advantage of a whole
  • 3. host of features like Canvas, inline SVG, HTML5 video, CSS3 styling etc. that bring the experience alive for the user”. Would it be safe to argue in favor of building web apps instead of web sitesespecially on mobile? Mobile users perform specific tasks on their devices, so a web app that offers the same experience as a specialized native app might gain more interest compared to a regular website. Long term the distinction should not matter. According to FT’s Stephen Pinches, it really doesn’t make any sense, on the long term, to speak about the future of the mobile web: β€œthere shouldn’t be β€œmobile” and β€œdesktop” but simply good, user-centered design, which adapts and responds to the screen size and features of the device upon which it is displayed. However, on short to medium term, there is a need to differentiate and ensure the user experience is as good as possible on a given device.” The β€˜app-ification’ of the Web Whatever your preference may be, there is an increasing number of mobile developers targeting web apps. Based on VisionMobile’s latest Developer Economics survey of 6,000+ developers, already 23% of HTML5 mobile developers develop web apps, compared to 38% who develop mobile websites. With browsers increasing support for device APIs, and with a growing number of developers going direct to native with PhoneGap, Icenium or Appcelerator, or even with the recently launched Firefox OS, the web world is clearly moving in the direction of apps.