{"id":1648,"date":"2015-04-24T09:48:57","date_gmt":"2015-04-24T09:48:57","guid":{"rendered":"https:\/\/www.gravityjack.com\/?p=1648"},"modified":"2023-11-30T09:49:21","modified_gmt":"2023-11-30T09:49:21","slug":"mobile-responsiveness-responsibility","status":"publish","type":"post","link":"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/","title":{"rendered":"Why Mobile Responsiveness Is Your Responsibility"},"content":{"rendered":"\n
\n\n\n\n

Forrest Gump\u2019s mother said it best, \u201clife is like a box of chocolates, you never know what you’re gunna to get.\u201d<\/em> As a frequent surfer of the internet I feel the same way about websites, and their mobile responsiveness (or lack there of).<\/p>\n\n\n\n

Sure, most websites look great when opened on a PC, but the true test comes when you\u2019re on your phone. Earlier this week we did a write up on Google\u2019s \u201cMobilegeddon\u201d<\/a> and how it would affect your business if the necessary steps weren\u2019t taken to prepare for it. Today, we are going to continue the conversation by breaking down different types of mobile responsiveness, so there is no guessing on \u201cwhat you\u2019re gunna get.\u201d<\/em><\/p>\n\n\n\n\n\n\n\n

While there are many different ways to share content in the digital age, today we\u2019ll cover 3 of the most common, primary methods that you’ll likely see every day: mobile websites, mobile responsive websites<\/strong>, and of course — mobile apps<\/strong>. We\u2019ll cover the similarities and differences between each, giving you what you need to decide which \u201cmobile-friendly\u201d option is best for you!<\/p>\n\n\n\n

Mobile Websites<\/strong><\/h4>\n\n\n\n

A mobile website is a different version<\/em> of your website that, while offering similar or related content (often extremely similar), is still technically using a different domain or subdomain. The website intuitively distincts whether you are on a phone or PC, and will direct you accordingly. This is a viable option if you are, lets say, Facebook — because they are able to afford the upkeep required when running two different websites. This is a tedious (and expensive) task for multiple reasons — including the fact that when updates and changes are made to primary elements of the site, these changes must remain uniform across the board (and therefore, often be changed twice).<\/p>\n\n\n\n

Mobile Responsive<\/strong><\/h4>\n\n\n\n

Having a responsive site means that your site intuitively adjusts its content to fit the size of your screen, no matter what kind of device you are on. For most, this method is usually the most preferred of the different types being discussed. Aside from a better experience for your user, one of the primary benefits of having a responsive site includes not having to maintain multiple websites — ultimately making it more cost effective. Fluidity is the key to having a responsive site and giving your user the most pleasant experience possible, no matter what device they are using. Gravity Jack just so happens to follow this particular model. If you are on a PC go ahead and shrink your screen and see what happens. The content, remains uniform and legible. If you are already using your phone — pretty good stuff, huh?<\/p>\n\n\n\n

Mobile Apps<\/strong><\/h4>\n\n\n\n

Finally, comes the mobile app. Most people this day and age are familiar with mobile apps — and spend 2 full days on mobile apps each month!<\/a> This standalone program has much of its content developed or “baked” into a package of files or app that are stored on the device. Apps can, most commonly, be found on your friendly local app store (Apple or Google Play), usually displayed as an app itself, on your device. The upside is clear: The mobile content from an app is bound to be great (or at least should be) because it was created specifically for your phone. Another benefit to going the mobile app route is that users will have an icon that acts as a shortcut to your content, and is easily accessible. This leaves the task of ‘surfing’ for those in the ocean!<\/p>\n\n\n\n

Respond With Responsiveness<\/strong><\/h4>\n\n\n\n

Every site has different wants and needs. What works for one company doesn\u2019t necessarily mean that it’s what is best for everyone. Over half of Google\u2019s traffic is accounted for through mobile devices, so the most important takeaway here is that no matter what path you take, be sure you are mobile-friendly. Don\u2019t be Ms. Gump, study the chart and choose what suits you!<\/p>\n","protected":false},"excerpt":{"rendered":"

Forrest Gump\u2019s mother said it best, \u201clife is like a box of chocolates, you never know what you’re gunna to get.\u201d As a frequent surfer of the internet I feel the same way about websites, and their mobile responsiveness (or lack there of). Sure, most websites look great when opened on a PC, but the … Why Mobile Responsiveness Is Your Responsibility<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":1506,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1648","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news"],"acf":[],"yoast_head":"\nMobile Website vs. Responsive Design - Pros & Cons<\/title>\n<meta name=\"description\" content=\"What are the different types of mobile responsiveness? We compare the top 3, and give you the results. Mobile website, responsive design, and mobile apps\" \/>\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.gravityjack.com\/news\/mobile-responsiveness-responsibility\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mobile Website vs. Responsive Design - Pros & Cons\" \/>\n<meta property=\"og:description\" content=\"What are the different types of mobile responsiveness? We compare the top 3, and give you the results. Mobile website, responsive design, and mobile apps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/\" \/>\n<meta property=\"og:site_name\" content=\"Gravity Jack\" \/>\n<meta property=\"article:published_time\" content=\"2015-04-24T09:48:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-30T09:49:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"344\" \/>\n\t<meta property=\"og:image:height\" content=\"194\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gravity Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gravity Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/\",\"url\":\"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/\",\"name\":\"Mobile Website vs. Responsive Design - Pros & Cons\",\"isPartOf\":{\"@id\":\"https:\/\/www.gravityjack.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg\",\"datePublished\":\"2015-04-24T09:48:57+00:00\",\"dateModified\":\"2023-11-30T09:49:21+00:00\",\"author\":{\"@id\":\"https:\/\/www.gravityjack.com\/#\/schema\/person\/63c79a7e30c630a69e6e003ef7476fcc\"},\"description\":\"What are the different types of mobile responsiveness? We compare the top 3, and give you the results. Mobile website, responsive design, and mobile apps\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/#primaryimage\",\"url\":\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg\",\"contentUrl\":\"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg\",\"width\":344,\"height\":194,\"caption\":\"Gravity Jack In the Press\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gravityjack.com\/#website\",\"url\":\"https:\/\/www.gravityjack.com\/\",\"name\":\"Gravity Jack\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gravityjack.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.gravityjack.com\/#\/schema\/person\/63c79a7e30c630a69e6e003ef7476fcc\",\"name\":\"Gravity Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.gravityjack.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/aa3d42e00068a5cdefa39bab3155196c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/aa3d42e00068a5cdefa39bab3155196c?s=96&d=mm&r=g\",\"caption\":\"Gravity Admin\"},\"url\":\"https:\/\/www.gravityjack.com\/author\/gjmagravityjack-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile Website vs. Responsive Design - Pros & Cons","description":"What are the different types of mobile responsiveness? We compare the top 3, and give you the results. Mobile website, responsive design, and mobile apps","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.gravityjack.com\/news\/mobile-responsiveness-responsibility\/","og_locale":"en_US","og_type":"article","og_title":"Mobile Website vs. Responsive Design - Pros & Cons","og_description":"What are the different types of mobile responsiveness? We compare the top 3, and give you the results. Mobile website, responsive design, and mobile apps","og_url":"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/","og_site_name":"Gravity Jack","article_published_time":"2015-04-24T09:48:57+00:00","article_modified_time":"2023-11-30T09:49:21+00:00","og_image":[{"width":344,"height":194,"url":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg","type":"image\/jpeg"}],"author":"Gravity Admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gravity Admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/","url":"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/","name":"Mobile Website vs. Responsive Design - Pros & Cons","isPartOf":{"@id":"https:\/\/www.gravityjack.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/#primaryimage"},"image":{"@id":"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/#primaryimage"},"thumbnailUrl":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg","datePublished":"2015-04-24T09:48:57+00:00","dateModified":"2023-11-30T09:49:21+00:00","author":{"@id":"https:\/\/www.gravityjack.com\/#\/schema\/person\/63c79a7e30c630a69e6e003ef7476fcc"},"description":"What are the different types of mobile responsiveness? We compare the top 3, and give you the results. Mobile website, responsive design, and mobile apps","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gravityjack.com\/news\/mobile-responsiveness-responsibility\/#primaryimage","url":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg","contentUrl":"https:\/\/www.gravityjack.com\/wp-content\/uploads\/2023\/11\/gj_news_nophoto_.jpg","width":344,"height":194,"caption":"Gravity Jack In the Press"},{"@type":"WebSite","@id":"https:\/\/www.gravityjack.com\/#website","url":"https:\/\/www.gravityjack.com\/","name":"Gravity Jack","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gravityjack.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.gravityjack.com\/#\/schema\/person\/63c79a7e30c630a69e6e003ef7476fcc","name":"Gravity Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.gravityjack.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/aa3d42e00068a5cdefa39bab3155196c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aa3d42e00068a5cdefa39bab3155196c?s=96&d=mm&r=g","caption":"Gravity Admin"},"url":"https:\/\/www.gravityjack.com\/author\/gjmagravityjack-com\/"}]}},"_links":{"self":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/posts\/1648","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/comments?post=1648"}],"version-history":[{"count":0,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/posts\/1648\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/media\/1506"}],"wp:attachment":[{"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/media?parent=1648"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/categories?post=1648"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gravityjack.com\/wp-json\/wp\/v2\/tags?post=1648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}