{"id":935,"date":"2012-07-19T00:00:00","date_gmt":"2012-07-19T00:00:00","guid":{"rendered":"http:\/\/www.emergeinteractive.com\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/"},"modified":"2019-05-09T20:14:16","modified_gmt":"2019-05-09T20:14:16","slug":"the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate","status":"publish","type":"post","link":"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/","title":{"rendered":"The Impact of Responsive Design on the Native App vs. Mobile Web Debate"},"content":{"rendered":"<p class=\"subtitle tx-a\">&nbsp;<\/p>\n<p>The debate over when to extend your brand to a native mobile application versus creating a mobile website has been&nbsp;<a href=\"http:\/\/econsultancy.com\/us\/blog\/7832-the-fight-gets-technical-mobile-apps-vs-mobile-sites\" target=\"_blank\" rel=\"noopener noreferrer\">raging on for a while now<\/a>. While the major arguments on either side haven&#8217;t changed, there is a new player in town:&nbsp;<a href=\"http:\/\/www.androidauthority.com\/the-rise-of-the-phablet-86103\/\" target=\"_blank\" rel=\"noopener noreferrer\">responsive web<\/a>.<\/p>\n<p><img decoding=\"async\" style=\"width: 623px; height: 299px;\" src=\"\/wp-content\/uploads\/2019\/03\/A101162A-1D09-3519-ADE166C807F4AC42.png\" alt=\"\"><\/p>\n<p>Responsive web promotes the evolution of the desktop website to also provide a mobile- and tablet-optimized experience, by serving conditional style sheets depending on size of the browser&#8217;s viewport. The result is that a single website can fulfill the trifecta of serving as desktop, tablet and mobile website (and everything in between\u2026 such as the&nbsp;<a href=\"http:\/\/www.androidauthority.com\/the-rise-of-the-phablet-86103\/\" target=\"_blank\" rel=\"noopener noreferrer\">Galaxy Note<\/a>). When properly executed, the dedicated mobile website becomes obsolete.<\/p>\n<p>So what happens to the question of native mobile vs. mobile web? Well, that conversation has now changed to native mobile vs. responsive web. And as responsive web is establishing itself as a best practice, the arguments on the side of responsive web are stacking up. One of the major downsides to developing mobile applications and creating mobile websites is the cost of those solutions, often times duplicating features that already have been implemented for the desktop website. Responsive web removes this factor out of the equation, as the existing features are reused, albeit slightly reformatted to fit smaller screen resolutions. (Though, of course, the effort to update an existing site into a responsive one must be factored in.)<\/p>\n<p>There will always be cases when a native application is the way to go, hands down. Some examples include any graphics heavy application or when there is the need for close hardware integration that HTML5 cannot provide (yet). Also, for now, device context-specific needs may be better addressed with a mobile-specific application or site (at least until the &#8220;one codebase-multiple contexts&#8221;&nbsp;<a href=\"http:\/\/marketingland.com\/responsive-web-design-isnt-meant-to-replace-mobile-web-sites-7949\" target=\"_blank\" rel=\"noopener noreferrer\">challenge<\/a>&nbsp;is solved). On the other hand, any company looking for a cost-effective way to target mobile users now has a new option in their playbook. I predict that in a matter of 12 \u2013 18 months\u2013as the need to consistently target users across devices becomes mission critical\u2013every new website will need to implement responsive web practices. Choosing a responsive website over developing a native app or mobile website might just be an investment in the future.<\/p>\n<div id=\"disqus_wrapper\">\n<div id=\"disqus_thread\">&nbsp;<\/div>\n<p><noscript>Please enable JavaScript to view the <a href=\"http:\/\/disqus.com\/?ref_noscript\">comments powered by Disqus.<\/a><\/noscript><a class=\"dsq-brlink\" href=\"http:\/\/disqus.com\">comments powered by <span class=\"logo-disqus\">Disqus<\/span><\/a><script>if((window.location.href.indexOf(\"erik\") != -1) || (window.location.href.indexOf(\"lvh.me\") != -1) || (window.location.href.indexOf(\"empirestaging\") != -1) || (window.location.href.indexOf(\"emergebeta\") != -1)){ var disqus_shortname = 'emerge2013erik'; }else{var disqus_shortname = 'emergeinteractiveproduction'}var disqus_config = function () {this.page.identifier = 1416;};(function() {var dsq = document.createElement('script'); dsq.type = 'text\/javascript'; dsq.async = true;dsq.src = '\/\/' + disqus_shortname + '.disqus.com\/embed.js';(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);})();<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; The debate over when to extend your brand to a native mobile application versus creating a mobile website has been&nbsp;raging on for a while now. While the major arguments on either side haven&#8217;t changed, there is a new player in town:&nbsp;responsive web. Responsive web promotes the evolution of the desktop website to also provide [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":3359,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,31],"tags":[],"message_area_of_focus":[],"buy_cycle":[],"target_audience":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The Impact of Responsive Design on the Native App vs. Mobile Web Debate<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Impact of Responsive Design on the Native App vs. Mobile Web Debate\" \/>\n<meta property=\"og:description\" content=\"&nbsp; The debate over when to extend your brand to a native mobile application versus creating a mobile website has been&nbsp;raging on for a while now. While the major arguments on either side haven&#8217;t changed, there is a new player in town:&nbsp;responsive web. Responsive web promotes the evolution of the desktop website to also provide [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/\" \/>\n<meta property=\"og:site_name\" content=\"EMERGE | UX Agency\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-19T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-09T20:14:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/03\/generic-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Julian Pscheid\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:site\" content=\"@EmergeInteract\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Julian Pscheid\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/\",\"url\":\"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/\",\"name\":\"The Impact of Responsive Design on the Native App vs. Mobile Web Debate\",\"isPartOf\":{\"@id\":\"https:\/\/www.emergeagency.com\/#website\"},\"datePublished\":\"2012-07-19T00:00:00+00:00\",\"dateModified\":\"2019-05-09T20:14:16+00:00\",\"author\":{\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/dab01840291b244f372aa4e2afe970f1\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.emergeagency.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Impact of Responsive Design on the Native App vs. Mobile Web Debate\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.emergeagency.com\/#website\",\"url\":\"https:\/\/www.emergeagency.com\/\",\"name\":\"EMERGE | UX Agency\",\"description\":\"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.emergeagency.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/dab01840291b244f372aa4e2afe970f1\",\"name\":\"Julian Pscheid\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Julian_Pscheid-96x96.jpg\",\"contentUrl\":\"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Julian_Pscheid-96x96.jpg\",\"caption\":\"Julian Pscheid\"},\"url\":\"https:\/\/www.emergeagency.com\/author\/julian-pscheid\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Impact of Responsive Design on the Native App vs. Mobile Web Debate","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/","og_locale":"en_US","og_type":"article","og_title":"The Impact of Responsive Design on the Native App vs. Mobile Web Debate","og_description":"&nbsp; The debate over when to extend your brand to a native mobile application versus creating a mobile website has been&nbsp;raging on for a while now. While the major arguments on either side haven&#8217;t changed, there is a new player in town:&nbsp;responsive web. Responsive web promotes the evolution of the desktop website to also provide [&hellip;]","og_url":"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/","og_site_name":"EMERGE | UX Agency","article_published_time":"2012-07-19T00:00:00+00:00","article_modified_time":"2019-05-09T20:14:16+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/03\/generic-header.png","type":"image\/png"}],"author":"Julian Pscheid","twitter_card":"summary_large_image","twitter_creator":"@EmergeInteract","twitter_site":"@EmergeInteract","twitter_misc":{"Written by":"Julian Pscheid","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/","url":"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/","name":"The Impact of Responsive Design on the Native App vs. Mobile Web Debate","isPartOf":{"@id":"https:\/\/www.emergeagency.com\/#website"},"datePublished":"2012-07-19T00:00:00+00:00","dateModified":"2019-05-09T20:14:16+00:00","author":{"@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/dab01840291b244f372aa4e2afe970f1"},"breadcrumb":{"@id":"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.emergeagency.com\/insights\/detail\/the-impact-of-responsive-design-on-the-native-app-vs-mobile-web-debate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.emergeagency.com\/"},{"@type":"ListItem","position":2,"name":"The Impact of Responsive Design on the Native App vs. Mobile Web Debate"}]},{"@type":"WebSite","@id":"https:\/\/www.emergeagency.com\/#website","url":"https:\/\/www.emergeagency.com\/","name":"EMERGE | UX Agency","description":"EMERGE is a UX design agency in Portland, OR. We help product and marketing leaders in healthcare, manufacturing, and tech drive revenue and improve outcomes through digital products that increase customer engagement and retention. Our specialties are in UX\/UI Design, product strategy, and full-stack development.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.emergeagency.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/dab01840291b244f372aa4e2afe970f1","name":"Julian Pscheid","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.emergeagency.com\/#\/schema\/person\/image\/","url":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Julian_Pscheid-96x96.jpg","contentUrl":"https:\/\/www.emergeagency.com\/wp-content\/uploads\/2019\/01\/Julian_Pscheid-96x96.jpg","caption":"Julian Pscheid"},"url":"https:\/\/www.emergeagency.com\/author\/julian-pscheid\/"}]}},"_links":{"self":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/935"}],"collection":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/comments?post=935"}],"version-history":[{"count":2,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/935\/revisions"}],"predecessor-version":[{"id":3338,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/posts\/935\/revisions\/3338"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media\/3359"}],"wp:attachment":[{"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/media?parent=935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/categories?post=935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/tags?post=935"},{"taxonomy":"message_area_of_focus","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/message_area_of_focus?post=935"},{"taxonomy":"buy_cycle","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/buy_cycle?post=935"},{"taxonomy":"target_audience","embeddable":true,"href":"https:\/\/www.emergeagency.com\/wp-json\/wp\/v2\/target_audience?post=935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}