{"id":20718,"date":"2013-09-09T12:44:35","date_gmt":"2013-09-09T16:44:35","guid":{"rendered":"http:\/\/www.andysowards.com\/blog\/?p=20718"},"modified":"2023-02-27T22:31:32","modified_gmt":"2023-02-28T02:31:32","slug":"the-right-design-for-mobile-and-tablets","status":"publish","type":"post","link":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/","title":{"rendered":"The Right Design for Mobile and Tablets"},"content":{"rendered":"

Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has increased from 11.1 to 17.4 percent, notes Mashable. Market watchers expect this to expand as adoption grows in Asia, Latin America and Africa. Websites that aren’t designed for mobile will be left in the dust by the competition. Designers who want to stay competitive will also need to adjust by learning to use and apply responsive Web design tools.<\/p>\n

Issues Demanding a Response<\/h2>\n

\"Adapting<\/a>
\nAdapting To A Responsive Design (Case Study)<\/em><\/p>\n

Not too long ago, designers were satisfied if sites displayed equally well in Internet Explorer and Mozilla Firefox at 960 pixels wide on desktops. But today’s Web users can view sites on anything from smartphones, iPads and other tablets, HDTV, and even Google Glass, which creates new issues.<\/p>\n

The biggest variable is fluid screen size. Common displays range from less than 400 pixels for some phones, to more than 2,000 pixels for desktop monitors. Further complicating this are high-pixel-density technologies, such as Apple’s Retina Display. Third-generation iPads are similar in size to their predecessors, but have double the resolution.<\/p>\n

Speed is another issue. While responsive Web designs possess many advantages, they can load more slowly than other options, due to more code and content. Evaluating how to handle this is something Web designers need to know and communicate to clients.<\/p>\n

Know Your Site’s Mobile Market<\/h2>\n

<\/a>
\nGo Mobile or Go Home: Why Your 2013 Marketing Plan Must Include Mobile<\/em><\/p>\n

The main alternative to responsive Web design is mobile-only design, geared towards smartphones and tablets to the exclusion of desktops. Webmasters can determine where traffic is coming from by using tools such as Google Analytics, where the information can be viewed under the Audience > Mobile > Overview report. Generally, non-mobile traffic tends to be higher for sites with a non-local orientation, while mobile traffic is higher for local businesses like restaurants.<\/p>\n

For sites with heavy mobile traffic, especially from users with older phones that lack more modern smartphone features, there can be advantages in going with the faster loading speed of mobile-only designs. But responsive design has advantages in other areas, too, including wider device support and superior search engine optimization, and is the better option for most sites.<\/p>\n

Flexible Wireframes<\/h2>\n

\"50<\/a>
\n50 Useful Responsive Web Design Tools For Designers<\/em><\/p>\n

For designers committed to the responsive option, the place to start is with good wireframing tools. These enable you to develop and preview your design’s layout, navigational structure and interactive elements before committing to full-fledged coding and content. Popular responsive wireframing tools include Boostrap and Wirefy, among many other alternatives.<\/p>\n

Responsive Design Tools<\/h2>\n

<\/a>
\n30+ Responsive Web Design Tutorials & Tools<\/em><\/p>\n

Adobe’s upcoming Edge Reflow addition to its Creative Cloud suite seems poised to gain widespread currency among designers using Dreamweaver. For an open-source, responsive design tool, check out ZURB Foundation.<\/p>\n

Fluid Text<\/h2>\n

\"Responsive<\/a>
\nResponsive Typography: The Basics<\/em><\/p>\n

Typography is another crucial element of responsive design. In this category, the current cream of the crop is Typecast, acclaimed as the 2013 Game Changer of the Year for bringing responsive text to new levels.<\/p>\n

Responsive Testing Tools<\/h2>\n

\"10<\/a>
\n10 Helpful Resources for Testing Responsive Web Design<\/em><\/p>\n

Google standards now expect content “above the fold” to load on mobile devices in one second or less. This makes it imperative for designers to test site loading times, reinforcing why site testing is always a best practice. A variety of free and premium responsive testing tools are available, including Am I Responsive, BrowserStack, CrossBrowserTesting, and Responsive Design Testing.<\/p>\n","protected":false},"excerpt":{"rendered":"

Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has increased from 11.1 to 17.4 percent,<\/p>\n","protected":false},"author":1,"featured_media":26491,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[4207,1654,24,4206,225,4584,202,111,4050,1,5633,107],"tags":[165,5898,5892,1127,4415,5376,5185,5374,115,848,2149,677],"yoast_head":"\nThe Right Design for Mobile and Tablets<\/title>\n<meta name=\"description\" content=\"Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has\" \/>\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.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Right Design for Mobile and Tablets\" \/>\n<meta property=\"og:description\" content=\"Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/\" \/>\n<meta property=\"og:site_name\" content=\"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/andysowardsfan\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-09T16:44:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-28T02:31:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"662\" \/>\n\t<meta property=\"og:image:height\" content=\"462\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Andy Sowards\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@andysowards\" \/>\n<meta name=\"twitter:site\" content=\"@andysowards\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andy Sowards\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/\",\"url\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/\",\"name\":\"The Right Design for Mobile and Tablets\",\"isPartOf\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png\",\"datePublished\":\"2013-09-09T16:44:35+00:00\",\"dateModified\":\"2023-02-28T02:31:32+00:00\",\"author\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/2e0f72bd7f6497fd883e2bd67d9f3415\"},\"description\":\"Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has\",\"breadcrumb\":{\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#primaryimage\",\"url\":\"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png\",\"contentUrl\":\"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png\",\"width\":662,\"height\":462},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.andysowards.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Right Design for Mobile and Tablets\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#website\",\"url\":\"https:\/\/www.andysowards.com\/blog\/\",\"name\":\"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards\",\"description\":\"Design Inspiration & Business Resources for Creatives\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.andysowards.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/2e0f72bd7f6497fd883e2bd67d9f3415\",\"name\":\"Andy Sowards\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/15f95b011563b5894883b22bd4b32d59?s=96&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/15f95b011563b5894883b22bd4b32d59?s=96&r=pg\",\"caption\":\"Andy Sowards\"},\"description\":\"Im a professional Freelancer specializing in Web Developer, Design, Programming web applications. Im an Avid member of the Design\/Development community and a Serial Blogger. follow me on Twitter @AndySowards\",\"sameAs\":[\"https:\/\/www.andysowards.com\"],\"url\":\"https:\/\/www.andysowards.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Right Design for Mobile and Tablets","description":"Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has","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.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/","og_locale":"en_US","og_type":"article","og_title":"The Right Design for Mobile and Tablets","og_description":"Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has","og_url":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/","og_site_name":"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards","article_publisher":"http:\/\/facebook.com\/andysowardsfan","article_published_time":"2013-09-09T16:44:35+00:00","article_modified_time":"2023-02-28T02:31:32+00:00","og_image":[{"width":662,"height":462,"url":"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png","type":"image\/png"}],"author":"Andy Sowards","twitter_card":"summary_large_image","twitter_creator":"@andysowards","twitter_site":"@andysowards","twitter_misc":{"Written by":"Andy Sowards","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/","url":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/","name":"The Right Design for Mobile and Tablets","isPartOf":{"@id":"https:\/\/www.andysowards.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#primaryimage"},"image":{"@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#primaryimage"},"thumbnailUrl":"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png","datePublished":"2013-09-09T16:44:35+00:00","dateModified":"2023-02-28T02:31:32+00:00","author":{"@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/2e0f72bd7f6497fd883e2bd67d9f3415"},"description":"Demand for responsive Web design is booming, as traffic from mobile devices keeps growing. Since 2012, global Web traffic coming from mobile users has","breadcrumb":{"@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#primaryimage","url":"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png","contentUrl":"https:\/\/www.andysowards.com\/blog\/assets\/responsive-typography-perspective-1.png","width":662,"height":462},{"@type":"BreadcrumbList","@id":"https:\/\/www.andysowards.com\/blog\/2013\/the-right-design-for-mobile-and-tablets\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.andysowards.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Right Design for Mobile and Tablets"}]},{"@type":"WebSite","@id":"https:\/\/www.andysowards.com\/blog\/#website","url":"https:\/\/www.andysowards.com\/blog\/","name":"Daily Business Resources for Entrepreneurs, Web Designers, & Creatives by Andy Sowards","description":"Design Inspiration & Business Resources for Creatives","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.andysowards.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/2e0f72bd7f6497fd883e2bd67d9f3415","name":"Andy Sowards","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.andysowards.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/15f95b011563b5894883b22bd4b32d59?s=96&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/15f95b011563b5894883b22bd4b32d59?s=96&r=pg","caption":"Andy Sowards"},"description":"Im a professional Freelancer specializing in Web Developer, Design, Programming web applications. Im an Avid member of the Design\/Development community and a Serial Blogger. follow me on Twitter @AndySowards","sameAs":["https:\/\/www.andysowards.com"],"url":"https:\/\/www.andysowards.com\/blog\/author\/admin\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/20718"}],"collection":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/comments?post=20718"}],"version-history":[{"count":2,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/20718\/revisions"}],"predecessor-version":[{"id":44940,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/posts\/20718\/revisions\/44940"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/media\/26491"}],"wp:attachment":[{"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/media?parent=20718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/categories?post=20718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andysowards.com\/blog\/wp-json\/wp\/v2\/tags?post=20718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}