{"id":9912,"date":"2015-11-16T22:24:47","date_gmt":"2015-11-16T22:24:47","guid":{"rendered":"http:\/\/proxystudio.uxpin.com\/?p=9912"},"modified":"2024-09-09T19:38:29","modified_gmt":"2024-09-10T02:38:29","slug":"m-dot-sites-are-dying-long-live-responsive-design","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/","title":{"rendered":"M-Dot Sites Are Dying Long Live Responsive Design | UXPin"},"content":{"rendered":"<p>It\u2019s official: <a href=\"http:\/\/searchenginewatch.com\/sew\/opinion\/2353616\/mobile-now-exceeds-pc-the-biggest-shift-since-the-internet-began\">the internet lives on mobile<\/a>.<\/p>\n<p>With mobile browsers overtaking desktop, a mobile-friendly site is no longer just a \u201cnice to have\u201d. This requires a shift in the web design process that M-dot sites just can\u2019t sustain in the long term.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9913\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image052.jpg\" alt=\"Illustration of responsive web design.\" width=\"640\" height=\"360\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image052.jpg 640w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image052-533x300.jpg 533w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/p>\n<p><em>Source: \u201c<a href=\"https:\/\/www.flickr.com\/photos\/69797234@N06\/7203485148\/in\/photolist-bYxKaN-9UmsCJ-c9nS4E-sx2jAv-hyU6WE-9rbG1Q-9S8k6x-dJBjGe-dJGLP9-dJGLPf-dJBjNc-dJBjEV-bmbZgo-y9dqNR-xbDWQH-y7DzTC-y9dpAv-y7Dz3u-axuMZG-beKnkR-hyTA1j-sPhfwW-bmYrXz-bmYsLF-bmYt1R-bmYsbr-bmYsqn-bmYszz-rdNAq1-sPhg6S-rStMNU-rStN31-ahtpsW-dR4va7-dR4Khq-dQXWH2-ejLyC8-a7dtW6-e9QHyw-nGZocx-bEuDPM-ejSjMb-ejLzst-rqhb2v-beKnh8-dQXWFz-dJBjAX-dJBjNt-dJBjAB-dJGLBy\">Boston Globe responsive website, featuring Apple Newton<\/a>.\u201d\u00a0Antoine Lefeuvre. <a href=\"https:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/legalcode\">Creative Commons<\/a>.<\/em><\/p>\n<p>In this article we\u2019ll explain why M-dot sites aren\u2019t future-proof, and why responsive design is the responsible way to build mobile-friendly websites.<\/p>\n<h2>The Vulnerability of M-Dot Sites<\/h2>\n<p>Back when mobile browsing was new, M-dot sites made a lot of sense. Their faults could have been chalked up to inexperience \u2014 designers were scrambling to keep up with users before the mass proliferation of mobile devices.<\/p>\n<p>Now, some years later, mobile devices became more complex, thanks to tablets and varying screen sizes.<\/p>\n<p>So what exactly is mobile? Smartphone, tablet\u2026 watch, glasses? Even limiting it only to smartphones, what size screen? The diversity of mobile devices has grown exponentially since M-dot sites were first used.<\/p>\n<p>This isn\u2019t just our speculation, either.<a href=\"http:\/\/www.getelastic.com\/dropping-like-its-dot-m-dot-sites-to-lose-50-share-in-2015\/\"> Pure Oxygen Labs reports<\/a> that last year M-dot sites fell 20%, from 79% in 2013 to 59% in 2014, while <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-responsive-adaptive-web-design\/\">responsive and adaptive<\/a> (dynamic serving) sites rose 37% collectively. Of course, some stalwarts remain (like Facebook and Zappos, who maintain a M-dot site mostly for site load advantages), but it\u2019s fairly safe to say that M-dot sites are generally dying out.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9914\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image034.png\" alt=\"Screenshot of the Zappos website.\" width=\"383\" height=\"746\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image034.png 383w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image034-154x300.png 154w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/p>\n<p>Photo Credit: Zappos<\/p>\n<p>Let\u2019s explore some of the reasons to abandon M-dot sites:<\/p>\n<ul>\n<li><strong>Users visit the full site anyway \u2014<\/strong> Research from Web Performance Today shows that about a third (35%) of users choose to go to the full site if given the option.<\/li>\n<li><strong>Users spend more time on the full site \u2014<\/strong> The same research states users spend 5.5 times longer on full sites than M-dots.<\/li>\n<li><strong>Full sites yield more revenue \u2014 <\/strong>The study also calculated that 79% of revenue from mobile sales came from users on the full site.<\/li>\n<li><strong>SEO\/Google trouble \u2014 <\/strong>According to<a href=\"http:\/\/googlewebmastercentral.blogspot.ca\/2012\/06\/recommendations-for-building-smartphone.html\"> Google\u2019s own guidelines<\/a>, responsive sites will likely rank better. Not using an M-dot is a automatic boost in SEO.<\/li>\n<li><strong>Redirect time \u2014 <\/strong>While M-dot sites load faster in theory, the extra time of redirecting from your full site to the M-dot (unless the user types the M-dot\u2019s URL) is unnecessary. Alongside the other drawbacks, is it worth it?<\/li>\n<li><strong>Social sharing problems \u2014 <\/strong>M-dot links opened on a desktop are, at best, ugly. Given how this is not even an issue with responsive design, the path to better social settings is clear.<\/li>\n<li><strong>Expensive maintenance \u2014 <\/strong>When you add an extra codebase, you also add more maintenance cost in the long-run. You\u2019ll either need to deal with twice the work or use a server-side solution, both of which are more expensive than a responsive site.<\/li>\n<li><strong>Mobile devices aren\u2019t a single screen size \u2014<\/strong> It\u2019s ironic that what was once the greatest strength of M-dot sites is now its greatest weakness. M-dot sites are designed for a specific screen size, but mobile devices range from 320&#215;240 for some smartphones up to 768&#215;1024 (and beyond) for tablets. It just doesn\u2019t make sense to serve the same layout to all those screens.<\/li>\n<\/ul>\n<p>Add them all up and you start to see the cracks.<\/p>\n<p><em><\/section><section class=\"related-books-section\"><h3>Grab design ebooks created by best designers<\/h3><p class=\"section-desc\">All for free<\/p><ul class=\"related-books-list\"><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\" class=\"action-get-ebook\" data-name=\"UX Design 2015&nbsp;&#038;&nbsp;2016\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"UX Design 2015&nbsp;&#038;&nbsp;2016\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-ux-design-trends-2015-2016\/\" class=\"action-get-ebook\" data-name=\"Mobile UI Design Book of Trends\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/10\/the-book-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-ux-design-trends-2015-2016\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Mobile UI Design Book of Trends\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-design-trends-typography\/\" class=\"action-get-ebook\" data-name=\"Meaningful Mobile Typography\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1-262x375.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"book knowledge1\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1-262x375.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1-210x300.png 210w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/book-knowledge1.png 332w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/mobile-ui-design-trends-typography\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Meaningful Mobile Typography\">Download<\/a><\/li><li><figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-responsive-adaptive-web-design\/\" class=\"action-get-ebook\" data-name=\"Responsive &#038; Adaptive Web Design\"><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book3\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/a><\/figure><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-responsive-adaptive-web-design\/\" class=\"btn btn-ghost action-get-ebook\" data-name=\"Responsive &#038; Adaptive Web Design\">Download<\/a><\/li><\/ul><\/section><section class=\"related-books-section-single\"><section class=\"post-content-wrapper\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"262\" height=\"375\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3.png\" class=\"attachment-ebook-cover size-ebook-cover wp-post-image\" alt=\"the book3\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3.png 262w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/09\/the-book3-210x300.png 210w\" sizes=\"auto, (max-width: 262px) 100vw, 262px\" \/><\/figure><article><h3>Do you want to know more about UI Design?<\/h3><p>Download 'Responsive &#038; Adaptive Web Design' <span>FOR FREE!<\/span><\/p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-responsive-adaptive-web-design\/\" class=\"btn btn-flat btn-darker action-get-ebook\">Download e-book for free<\/a><\/article><\/section><a href=\"#closeEbookPanel\" class=\"icon-close action-close-ebook-panel\">Close<\/a><\/section><section class=\"post-content-wrapper\"><\/em><\/p>\n<h2>Advantages of Responsive Design<\/h2>\n<p>Responsive design, or RWD, puts many mobile concerns at rest with its fluid grid layouts. Designers can optimize the arrangement of a site\u2019s elements through clever use of CSS media queries. The heart of the site remains the same \u2014 just the mechanics change.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9915\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image014.png\" alt=\"Screenshot of the Guardian website.\" width=\"385\" height=\"538\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image014.png 385w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image014-215x300.png 215w\" sizes=\"auto, (max-width: 385px) 100vw, 385px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9916\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image023.png\" alt=\"Screenshot of the Guardian website.\" width=\"759\" height=\"975\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image023.png 759w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image023-234x300.png 234w\" sizes=\"auto, (max-width: 759px) 100vw, 759px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9917\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image045.png\" alt=\"Screenshot of the Guardian website.\" width=\"1331\" height=\"1016\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image045.png 1331w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image045-393x300.png 393w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image045-1024x782.png 1024w\" sizes=\"auto, (max-width: 1331px) 100vw, 1331px\" \/><\/p>\n<p>Of course, responsive design is not perfect. Its uniformity does not allow for catering to the fine-details of a device, including many of mobile\u2019s more advanced control features like gyroscopes. RWD also requires a new code base, which might mean longer development and upfront costs (but less maintenance cost in the long term).<\/p>\n<p>All things considered, the advantages make responsive design well worth the effort:<\/p>\n<ul>\n<li><strong>Easier to maintain \u2014 <\/strong>Once the codebase is built, you only have to manage one, single entity. Having only one entity also reduces maintenance costs.<\/li>\n<li><strong>Better SEO \u2014<\/strong> Google recommends single-URL sites for better search results. Furthermore, any SEO strategies you use only need to be implemented once.<\/li>\n<li><strong>Better Analytics and Research \u2014 <\/strong>Consolidating to a single URL almost means more accurate analytics data. With tools like Google Analytics equipped for multi-device tracking, you\u2019ll be able to understand your users\u2019 behaviors more easily.<\/li>\n<li><strong>Social Sharing \u2014<\/strong> Because the same link is used for every device, sharing is never a problem.<\/li>\n<\/ul>\n<h2>Tips for Responsive Design<\/h2>\n<p>Here\u2019s some useful guidelines for responsive design:<\/p>\n<ul>\n<li><strong>Know your breakpoints \u2014<\/strong> Paying attention to breakpoints is the most important technical aspect for RWD. For a handy reference guide, see <a href=\"https:\/\/responsivedesign.is\/develop\/browser-feature-support\/media-queries-for-common-device-breakpoints\">Media Queries for Common Device Breakpoints<\/a>.<\/li>\n<li><strong>Card interface \u2014<\/strong> The <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/minimalist-ui-design-trends-2016\/\">card UI pattern<\/a> is a perfect fit for responsive design. With its clear organization, flexible arrangement, and \u201cbutton\u201d appearance, this interface works equally well on every device.<\/li>\n<li><strong>Trim the fat \u2014<\/strong> The prominence of mobile devices is one of the reasons minimalism has become popular recently. Removing all unnecessary design elements makes it easier to fit the ones you need in any screen size.<\/li>\n<li><strong>Mobile-first process \u2014 <\/strong>Design the mobile layout first, and then work up. This starts you out with only the bare essentials of your site and UX \u2014 it\u2019s much easier to add as you scale up than to remove as you scale down. For a step-by-step guide to this process, download UXPin\u2019s <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-responsive-adaptive-web-design\/\">Responsive &amp; Adaptive Web Design<\/a>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9918\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image003.png\" alt=\"Illustration of different layouts in responsive web design.\" width=\"900\" height=\"409\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image003.png 900w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/image003-660x300.png 660w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/li>\n<li><strong>Flexible images \u2014 <\/strong>Images need to be scaled and sometimes cropped at different sizes. Don\u2019t assume the same image will look good on all devices. For more on the details, <a href=\"http:\/\/unstoppablerobotninja.com\/entry\/fluid-images\/\">Ethan Marcotte gives a thorough tutorial<\/a>.<\/li>\n<li><strong>Give buttons a large clickable area \u2014<\/strong> According to Fitts\u2019s Law, every button should have a maximized clickable area (for example, not having only the text clickable). This advice is especially important when the size of the button varies.<\/li>\n<li><strong>Don\u2019t forget device-specific attributes \u2014<\/strong> To reduce RWD\u2019s natural drawback, account for device-specific features like gesture controls or hover content. Remember a desktop\u2019s hover animation can become a mobile device\u2019s touch animation.<\/li>\n<\/ul>\n<p>If you\u2019d like some technical advice on coding, <a href=\"http:\/\/www.smashingmagazine.com\/2011\/01\/guidelines-for-responsive-web-design\/\">this article by Kayla Knight can help<\/a>. If you have questions about the CSS queries, <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/layouts\/rwd-fundamentals\/use-media-queries?hl=en\">read this article by Pete LePage<\/a>.<\/p>\n<h2>Takeaway<\/h2>\n<p>Responsive design is clearly more suited not just to mobile design, but multi-device design in general. Here are the key takeaway points:<\/p>\n<ul>\n<li>M-dot sites limit UX consistency, SEO, and social shareability; regardless, users prefer full sites and tend to spend more time and money there.<\/li>\n<li>The documented multi-device usage of the average browser promotes UX consistency and the capability of completing the same task on different devices.<\/li>\n<li>While not perfect, RWD offers the flexibility and design convenience to make it one of the most effective cross-platform design strategies.<\/li>\n<\/ul>\n<p>If you found this article helpful, read more about responsive design and other trends in <a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\">UX Design 2015 &amp; 2016<\/a>. The free guide deconstructs 71 digital design examples into useful techniques for everyday UX design.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/ebooks\/ux-design-trends-2015-2016-digital-products\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9925 size-full\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/blog-book-5.png\" alt=\"blog-book-5\" width=\"720\" height=\"330\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/blog-book-5.png 720w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/blog-book-5-655x300.png 655w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn the limitations of m-dot sites and why it might be better to go with a responsive one. <\/p>\n","protected":false},"author":9,"featured_media":9921,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,15],"tags":[54,99],"class_list":["post-9912","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-responsive-web-design","tag-design","tag-mobile"],"yoast_title":"","yoast_metadesc":"Learn the limitations of m-dot sites and why it might be better to go with a responsive one.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>M-Dot Sites Are Dying Long Live Responsive Design | UXPin | UXPin<\/title>\n<meta name=\"description\" content=\"Learn the limitations of m-dot sites and why it might be better to go with a responsive one.\" \/>\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.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"M-Dot Sites Are Dying Long Live Responsive Design | UXPin\" \/>\n<meta property=\"og:description\" content=\"Learn the limitations of m-dot sites and why it might be better to go with a responsive one.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2015-11-16T22:24:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-10T02:38:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/m-dot-death-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jerry Cao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jerry Cao\" \/>\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.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/\"},\"author\":{\"name\":\"Jerry Cao\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"headline\":\"M-Dot Sites Are Dying Long Live Responsive Design | UXPin\",\"datePublished\":\"2015-11-16T22:24:47+00:00\",\"dateModified\":\"2024-09-10T02:38:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/\"},\"wordCount\":1179,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/11\\\/m-dot-death-2.png\",\"keywords\":[\"design\",\"mobile\"],\"articleSection\":[\"Blog\",\"Responsive Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/\",\"name\":\"M-Dot Sites Are Dying Long Live Responsive Design | UXPin | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/11\\\/m-dot-death-2.png\",\"datePublished\":\"2015-11-16T22:24:47+00:00\",\"dateModified\":\"2024-09-10T02:38:29+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\"},\"description\":\"Learn the limitations of m-dot sites and why it might be better to go with a responsive one.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/11\\\/m-dot-death-2.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2015\\\/11\\\/m-dot-death-2.png\",\"width\":720,\"height\":200,\"caption\":\"m dot death 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/m-dot-sites-are-dying-long-live-responsive-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"M-Dot Sites Are Dying Long Live Responsive Design | UXPin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e58da1b4c401eb288436977eb9810a18\",\"name\":\"Jerry Cao\",\"description\":\"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/jerrycao\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"M-Dot Sites Are Dying Long Live Responsive Design | UXPin | UXPin","description":"Learn the limitations of m-dot sites and why it might be better to go with a responsive one.","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.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/","og_locale":"en_US","og_type":"article","og_title":"M-Dot Sites Are Dying Long Live Responsive Design | UXPin","og_description":"Learn the limitations of m-dot sites and why it might be better to go with a responsive one.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/","og_site_name":"Studio by UXPin","article_published_time":"2015-11-16T22:24:47+00:00","article_modified_time":"2024-09-10T02:38:29+00:00","og_image":[{"width":720,"height":200,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/m-dot-death-2.png","type":"image\/png"}],"author":"Jerry Cao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jerry Cao","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/"},"author":{"name":"Jerry Cao","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"headline":"M-Dot Sites Are Dying Long Live Responsive Design | UXPin","datePublished":"2015-11-16T22:24:47+00:00","dateModified":"2024-09-10T02:38:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/"},"wordCount":1179,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/m-dot-death-2.png","keywords":["design","mobile"],"articleSection":["Blog","Responsive Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/","name":"M-Dot Sites Are Dying Long Live Responsive Design | UXPin | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/m-dot-death-2.png","datePublished":"2015-11-16T22:24:47+00:00","dateModified":"2024-09-10T02:38:29+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18"},"description":"Learn the limitations of m-dot sites and why it might be better to go with a responsive one.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/m-dot-death-2.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2015\/11\/m-dot-death-2.png","width":720,"height":200,"caption":"m dot death 2"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/m-dot-sites-are-dying-long-live-responsive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"M-Dot Sites Are Dying Long Live Responsive Design | UXPin"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e58da1b4c401eb288436977eb9810a18","name":"Jerry Cao","description":"Jerry Cao is a content strategist at UXPin where he gets to put his overly active imagination to paper every day. In a past life, he developed content strategies for clients at Brafton and worked in traditional advertising at DDB San Francisco. In his spare time he enjoys playing electric guitar, watching foreign horror films, and expanding his knowledge of random facts. Follow him on Twitter.","sameAs":["http:\/\/uxpin.com"],"url":"https:\/\/www.uxpin.com\/studio\/author\/jerrycao\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/9912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=9912"}],"version-history":[{"count":4,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/9912\/revisions"}],"predecessor-version":[{"id":54467,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/9912\/revisions\/54467"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/9921"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=9912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=9912"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=9912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}