{"id":26232,"date":"2016-03-21T23:01:08","date_gmt":"2016-03-21T15:01:08","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=26232"},"modified":"2022-10-23T20:40:18","modified_gmt":"2022-10-23T12:40:18","slug":"responsive-vs-native-apps","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/","title":{"rendered":"Best Practices For Web Designers: Responsive Layouts Or Native Apps? [Op-Ed]"},"content":{"rendered":"<p>There\u2019s no denying that mobile is the future. With Google confirming <a target=\"_blank\" href=\"https:\/\/searchengineland.com\/its-official-google-says-more-searches-now-on-mobile-than-on-desktop-220369\" rel=\"noopener noreferrer nofollow\">that more searches are done on mobile than on desktop<\/a>, it\u2019s abundantly clear that all websites really should go mobile if they haven\u2019t already.<\/p>\n<p>But there\u2019s an interesting dichotomy between in-browser content via <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/responsive-for-mobile-screens\/\" rel=\"noopener noreferrer\">responsive layouts<\/a> and in-app content via native apps.<\/p>\n<p>I\u2019d like to explore both areas and dig to the root of each choice. When should a website go with a native app over a responsive layout? Could a site run both? These are vital questions that should be asked with every new creative project today.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/convert-website-into-desktop-mobile-apps\/\" class=\"ref-block__link\" title=\"Read More: How to Convert Website into Desktop and Mobile App\" rel=\"bookmark\"><span class=\"screen-reader-text\">How to Convert Website into Desktop and Mobile App<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/convert-website-into-desktop-mobile-apps.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-47314 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/convert-website-into-desktop-mobile-apps.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">How to Convert Website into Desktop and Mobile App<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tSome free methods to create native app for your website for popular platforms.\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>The Values of a Native App<\/h2>\n<p>Most smartphone users rely on native apps for their favorite programs. Facebook, Twitter, Instagram, and others all run their own native apps.<\/p>\n<p>Since native applications run on the local operating system, they\u2019re a whole lot <strong>smoother and easier to operate in regards to animation, UI design, and content organization<\/strong>. Native apps follow UI guidelines keeping them all consistent and naturally assumptive. Users often just inherently know how to use sliding menus and tab bars.<\/p>\n<p>Many major publishers have apps on the iOS Store and the Google Play Store that cover blogs, webapps, and social networks. But it\u2019s fair to say <strong>large sites<\/strong> like Facebook and Twitter <strong>get more value from native apps than smaller sites<\/strong>.<\/p>\n<p>This debate has <a target=\"_blank\" href=\"http:\/\/blogs.adobe.com\/dreamweaver\/2015\/02\/experts-weigh-in-native-app-vs-responsive-website.html\" rel=\"noopener noreferrer nofollow\">expert opinions<\/a> and <a target=\"_blank\" href=\"https:\/\/mashable.com\/archive\/responsive-vs-native-app\" rel=\"noopener noreferrer\">major publications<\/a> offering their viewpoints. It\u2019s a hotly-debated topic both for designers and creative agencies.<\/p>\n<p>But the fact remains that native applications are both useful and appreciated by end users. The only variable is <strong>deciding if your website could function better as a mobile app<\/strong>, or <strong>if users would even want one<\/strong>.<\/p>\n<h2>Fully-Responsive Websites: Pros and Cons<\/h2>\n<p>In a general context, responsive web design is always a good thing. Web designers aren\u2019t losing anything by making their layouts fully-responsive and malleable to any screen.<\/p>\n<p>But in the context of <a target=\"_blank\" href=\"https:\/\/thinkapps.com\/blog\/development\/responsive-web-vs-native-apps\/\" rel=\"noopener noreferrer nofollow\">native apps<\/a> there are some considerations. Firstly <strong>responsive websites are limited to the browser\u2019s rendering engine<\/strong>. On smartphones this means limited animation, no Flash, and reliance on the browser\u2019s rendering engine.<\/p>\n<p>Native apps can use the core features of a smartphone or tablet. <strong>Animation libraries are much more powerful natively<\/strong> than CSS or JS rendered in the browser.<\/p>\n<p>The same goes for input elements in forms, along with <strong>data transmission and security concerns<\/strong>. Many people prefer to use the Pinterest app over Pinterest\u2019s website. Same goes for Flipboard, Dropbox, Feedly, Gmail, or any other major web service.<\/p>\n<p>But should those websites <strong><em>not<\/em> offer a responsive layout<\/strong>? There are three choices:<\/p>\n<ol>\n<li>Force mobile web users to download the native app<\/li>\n<li>Offer a mobile web layout with an optional link to the native app<\/li>\n<li>Just run the mobile web layout separate from a native app<\/li>\n<\/ol>\n<p><a target=\"_blank\" href=\"https:\/\/flipboard.com\/\" rel=\"noopener noreferrer\">Flipboard<\/a> goes with the 2nd option by placing a banner at the top of each page. You can sign up for a Flipboard account right in the Mobile Safari browser. But it\u2019s a lot easier, quicker, and more intuitive to use the app.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/01-flipboard-mobile-website.jpg\" alt=\"flipboard mobile website\" width=\"640\" height=\"960\"><\/figure>\n<p>The news site <a target=\"_blank\" href=\"https:\/\/www.zdnet.com\/\" rel=\"noopener noreferrer\">ZDNet<\/a> does not even mention their mobile app while visiting on Mobile Safari. It operates like a responsive layout with news stories and featured posts.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/02-zdnet-responsive-website.jpg\" alt=\"zdnet mobile website\" width=\"640\" height=\"960\"><\/figure>\n<p>The difference<strong> lies in user experience<\/strong>. Determine what\u2019s best for users and <strong>gauge where most traffic comes from.<\/strong><\/p>\n<p>Remember that <strong>mobile apps require time for design and programming<\/strong>. They often <strong>require more work than building a website<\/strong>. If you want an app for your site make sure that it complements your responsive layout enough to provide real value.<\/p>\n<h3>Desktop-First or Mobile-First?<\/h3>\n<p>When designing for the web should you start with the widest width or the smallest width? It\u2019s a question that gets asked frequently enough by freelancers and big-time creative agencies alike.<\/p>\n<p>A very popular opinion is the <a target=\"_blank\" href=\"https:\/\/codemyviews.com\/blog\/mobilefirst\" rel=\"noopener noreferrer\">mobile-first approach<\/a> which was popularized by <a target=\"_blank\" href=\"https:\/\/abookapart.com\/products\/mobile-first\" rel=\"noopener noreferrer\">Luke Wroblewski\u2019s book<\/a>. This method considers <strong>progressive enhancement<\/strong> which starts from the basics and increases functionality for environments that can handle it.<\/p>\n<p>Alternatively other designers lean towards the <a target=\"_blank\" href=\"https:\/\/www.businessinsider.com\/survey-mobile-first-bad-strategy-2012-12\" rel=\"noopener noreferrer\">desktop-first approach<\/a> which oscillates from \u201cmobile first\u201d to \u201cmobile, too\u201d.<\/p>\n<p>This strategy works by planning all the features you\u2019d want on a full-size desktop monitor first. Then from that idea you gradually scale down features, define breakpoints, and eventually get to the smallest layout for smartphones.<\/p>\n<p>Is there a right answer here? Should responsive layouts start with the smallest screens, or is mobile-first an <a target=\"_blank\" href=\"https:\/\/blog.intercom.io\/why-mobile-first-may-already-be-outdated\/\" rel=\"noopener noreferrer\">outdated concept<\/a>?<\/p>\n<p>The only downside of picking one over the other is potentially <strong>missing features<\/strong>. Starting with mobile you may <strong>omit features or forget to add them at larger resolutions<\/strong>. Starting with the desktop you may design layouts that <strong>feel too crowded on mobile<\/strong>.<\/p>\n<p>However neither one is right or wrong. Choose whichever workflow suits you best. Just don\u2019t be afraid to make major changes if they could <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/ideas-to-nicer-websites\/\" rel=\"noopener noreferrer\">improve the design<\/a>.<\/p>\n<h2>The Best of Both Worlds<\/h2>\n<p>Building a fully-responsive website that runs on any screen will likely satiate the majority of readers. So if you already have a responsive layout, <strong>should you even bother with a mobile app<\/strong>?<\/p>\n<p>As found in <a target=\"_blank\" href=\"https:\/\/www.modolabs.com\/resources\/\" rel=\"noopener noreferrer\">this great piece<\/a> by Modo Labs, the answer comes down to <strong>user experience<\/strong>. There is no absolute definitive answer. It\u2019s about which method offers the best form of consumption for <strong>your specific project<\/strong> on a mobile device. Would your users want a mobile app? Or is a website more than enough?<\/p>\n<p>The tech news blog <a target=\"_blank\" href=\"https:\/\/techcrunch.com\/\" rel=\"noopener noreferrer\">TechCrunch<\/a> has a responsive layout for good reason. Their site recently <a target=\"_blank\" href=\"https:\/\/techcrunch.com\/2015\/09\/10\/u-s-consumers-now-spend-more-time-in-apps-than-watching-tv\/\" rel=\"noopener noreferrer\">covered a story<\/a> confirming that folks in the US spend more time in apps than watching TV.<\/p>\n<figure><a target=\"_blank\" href=\"https:\/\/techcrunch.com\/\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/03-techcrunch-homepage.jpg\" alt=\"techcrunch homepage\" width=\"800\" height=\"600\"><\/a><\/figure>\n<p>But what if someone links to TechCrunch on Twitter? If someone clicks that link on their iPhone it\u2019s going to open Mobile Safari because it\u2019s an HTTP link. This is where the responsive layout comes in handy because <strong>not everyone wants your app<\/strong>.<\/p>\n<p>Granted, some users still want to visit your site and may prefer to visit without being forced to download an app, free or otherwise.<\/p>\n<h2>Work on a Per-Project Basis<\/h2>\n<p>The best answer for the responsive vs native app debate is to <strong>evaluate each project<\/strong> and decide what\u2019s best on a case-by-case basis.<\/p>\n<p>From my experience I\u2019d argue that <strong>social networks and interactive websites benefit most from native applications<\/strong>. Both Android and iOS have large frameworks for building apps that can connect into APIs, send database queries, and function cleaner than a webpage.<\/p>\n<p>And native app UIs are rendered like software, so you don\u2019t need to worry about CSS properties or browser limitations. This is <strong>huge for platforms that need users to log in and perform detailed interactions<\/strong>.<\/p>\n<p>But general business websites like those of <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/designing-restaurant-websites\/\" rel=\"noopener noreferrer\">restaurants<\/a> typically work best with just responsive layouts \u2013 especially considering the amount of work it takes to build a native app.<\/p>\n<p>Blogs and digital magazines are somewhat of a grey area. Native apps work well for some but aren\u2019t needed for others. It generally depends on your <strong>market size and audience<\/strong> (ie. tech-savvy people).<\/p>\n<p>When launching a <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/creating-and-running-a-profitable-online-magazine-part-i\/\" rel=\"noopener noreferrer\">new Internet publication<\/a> there\u2019s a lot to consider. If you\u2019re just getting started I\u2019d recommend building just a website first. From there it\u2019ll be easier to conclude if a native app would be worth the effort.<\/p>\n<h2>Wrapping Up<\/h2>\n<p>It should go without saying that <em>every<\/em> modern website benefits from being responsive. Whether you want to build a native application or not, your site\u2019s layout should be responsive and malleable to any screen size. There\u2019s no downside and it provides a stable <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/mobile-app-landing-pages\/\" rel=\"noopener noreferrer\">landing page for mobile users<\/a> who are <a target=\"_blank\" href=\"https:\/\/www.comscore.com\/Insights\/Blog\/Mobile-Internet-Usage-Skyrockets-in-Past-4-Years-to-Overtake-Desktop-as-Most-Used-Digital-Platform\" rel=\"noopener noreferrer\">on the rise<\/a>.<\/p>\n<p>Some websites may offer an app download link to mobile visitors. These can be productive and useful for marketing your website\u2019s mobile platform. But sometimes it\u2019s worth offering this <strong>as an alternative rather than a mandate<\/strong>.<\/p>\n<p>Gather <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/ab-test-results-case-studies\/\" rel=\"noopener noreferrer\">user feedback<\/a> if possible and gauge opinions on a mobile app. Try to learn what your visitors actually think of a native mobile app and base your decisions on further research.<\/p>","protected":false},"excerpt":{"rendered":"<p>There\u2019s no denying that mobile is the future. With Google confirming that more searches are done on mobile than on desktop, it\u2019s abundantly clear that all websites really should go mobile if they haven\u2019t already. But there\u2019s an interesting dichotomy between in-browser content via responsive layouts and in-app content via native apps. I\u2019d like to&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3395],"tags":[2339,4646,2066],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Responsive Layout Vs. Native App? Which Should You Build?<\/title>\n<meta name=\"description\" content=\"There&#039;s no denying that mobile is the future. With Google confirming that more searches are done on mobile than on desktop, it&#039;s abundantly clear that all\" \/>\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.hongkiat.com\/blog\/responsive-vs-native-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Best Practices For Web Designers: Responsive Layouts Or Native Apps? [Op-Ed]\" \/>\n<meta property=\"og:description\" content=\"There&#039;s no denying that mobile is the future. With Google confirming that more searches are done on mobile than on desktop, it&#039;s abundantly clear that all\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-21T15:01:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-10-23T12:40:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/01-flipboard-mobile-website.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Best Practices For Web Designers: Responsive Layouts Or Native Apps? [Op-Ed]\",\"datePublished\":\"2016-03-21T15:01:08+00:00\",\"dateModified\":\"2022-10-23T12:40:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/\"},\"wordCount\":1328,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-vs-native-apps\\\/01-flipboard-mobile-website.jpg\",\"keywords\":[\"Mobile Apps\",\"Mobile Website Design &amp; Dev\",\"Responsive Web Design\"],\"articleSection\":[\"UI\\\/UX\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/\",\"name\":\"Responsive Layout Vs. Native App? Which Should You Build?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-vs-native-apps\\\/01-flipboard-mobile-website.jpg\",\"datePublished\":\"2016-03-21T15:01:08+00:00\",\"dateModified\":\"2022-10-23T12:40:18+00:00\",\"description\":\"There's no denying that mobile is the future. With Google confirming that more searches are done on mobile than on desktop, it's abundantly clear that all\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-vs-native-apps\\\/01-flipboard-mobile-website.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/responsive-vs-native-apps\\\/01-flipboard-mobile-website.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/responsive-vs-native-apps\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Best Practices For Web Designers: Responsive Layouts Or Native Apps? [Op-Ed]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Responsive Layout Vs. Native App? Which Should You Build?","description":"There's no denying that mobile is the future. With Google confirming that more searches are done on mobile than on desktop, it's abundantly clear that all","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.hongkiat.com\/blog\/responsive-vs-native-apps\/","og_locale":"en_US","og_type":"article","og_title":"Best Practices For Web Designers: Responsive Layouts Or Native Apps? [Op-Ed]","og_description":"There's no denying that mobile is the future. With Google confirming that more searches are done on mobile than on desktop, it's abundantly clear that all","og_url":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-03-21T15:01:08+00:00","article_modified_time":"2022-10-23T12:40:18+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/01-flipboard-mobile-website.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Best Practices For Web Designers: Responsive Layouts Or Native Apps? [Op-Ed]","datePublished":"2016-03-21T15:01:08+00:00","dateModified":"2022-10-23T12:40:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/"},"wordCount":1328,"commentCount":6,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/01-flipboard-mobile-website.jpg","keywords":["Mobile Apps","Mobile Website Design &amp; Dev","Responsive Web Design"],"articleSection":["UI\/UX"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/","url":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/","name":"Responsive Layout Vs. Native App? Which Should You Build?","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/01-flipboard-mobile-website.jpg","datePublished":"2016-03-21T15:01:08+00:00","dateModified":"2022-10-23T12:40:18+00:00","description":"There's no denying that mobile is the future. With Google confirming that more searches are done on mobile than on desktop, it's abundantly clear that all","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/01-flipboard-mobile-website.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/responsive-vs-native-apps\/01-flipboard-mobile-website.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/responsive-vs-native-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Best Practices For Web Designers: Responsive Layouts Or Native Apps? [Op-Ed]"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-6P6","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=26232"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26232\/revisions"}],"predecessor-version":[{"id":63173,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26232\/revisions\/63173"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=26232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=26232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=26232"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=26232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}