{"id":491,"date":"2013-08-07T02:37:58","date_gmt":"2013-08-07T02:37:58","guid":{"rendered":"https:\/\/www.flow20.com\/?p=491"},"modified":"2025-03-03T10:18:15","modified_gmt":"2025-03-03T10:18:15","slug":"design-considerations-for-mobile-websites","status":"publish","type":"post","link":"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/","title":{"rendered":"Design considerations for mobile websites"},"content":{"rendered":"<div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-share-buttons\" ><\/div><p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.flow20.com\/wp-content\/uploads\/2013\/08\/fg.jpg\" alt=\"\" width=\"600\" height=\"200\" \/><\/p>\n<p>If you\u2019re considering having a mobile version of your desktop website created, there has never been a better time to do so.<\/p>\n<p>In terms of searches, the mobile web has already taken over the desktop web (and the <a href=\"http:\/\/www.google.com\/insights\/search\/#q=create%20mobile%20website&amp;cmpt=q\" target=\"_blank\" rel=\"noopener noreferrer\">upward trend seems like it will continue<\/a>) and with 2 out of 3 searches on mobile website being done to find local businesses; a well designed mobile website can have a significant and positive impact on helping your business grow if you\u2019re a business serving customers in a fixed geographical area (see related <a href=\"https:\/\/www.flow20.com\/blog\/the-importance-of-mobile-website-optimization-infographic\/\">Infographic on the mobile web<\/a>).<\/p>\n<p>The needs of your mobile website users will be slightly different to those of your desktop website users and keeping in mind some simple guidelines when getting your mobile website created can help fulfil those needs more effectively and helping your mobile website give you a better ROI.<\/p>\n<p><span style=\"font-weight: 400;\">Take your online business to new heights with Flow20! Optimize with our expert <\/span><a href=\"http:\/\/www.flow20.com\/ecommerce_seo.php\"><span style=\"font-weight: 400;\">eCommerce SEO<\/span><\/a><span style=\"font-weight: 400;\">, expand your reach with <\/span><a href=\"http:\/\/www.flow20.com\/bing_ppc.php\"><span style=\"font-weight: 400;\">Bing PPC services<\/span><\/a><span style=\"font-weight: 400;\">, and dominate <\/span><a href=\"http:\/\/www.flow20.com\/google_ads_agency_london.php\"><span style=\"font-weight: 400;\">Google Ads<\/span><\/a><span style=\"font-weight: 400;\">. Plus, master advertising with our <\/span><a href=\"https:\/\/www.flow20.com\/adwords_training.php\"><span style=\"font-weight: 400;\">Google Ads training<\/span><\/a><span style=\"font-weight: 400;\">. Act now!<\/span><\/p>\n<p>Here are some design guidelines to keep in mind:<\/p>\n<p><strong>Your business phone number <\/strong><\/p>\n<p>In my experience, I have found that conversion rates of mobile users are higher since the main goal of their visit is to get in touch with you. This perhaps makes your business telephone number the single most important piece of information of your mobile website and its important that this is clearly displayed within your mobile site.<\/p>\n<p>Ideally, you should have a \u201cClick to Call\u201d button which will allow mobile users to call you with a single click rather than having to note your phone number down.<\/p>\n<p><strong>Avoid information-overload <\/strong><\/p>\n<p>Mobile users generally have a good idea as to the purpose of their visit to your site and it generally revolves around getting in touch with you, looking up your address or getting an idea of whether you can help them before they do either of first two.<\/p>\n<p>You should keep this in mind when thinking of the number of pages and the amount of information you are going to put up.<\/p>\n<p>Pages and content that work well:<\/p>\n<ul>\n<li>Home &#8211; \u00a0A brief write-up about your company with a clear Click to Call button<\/li>\n<li>Services \u2013 More information about the services you offer. I don\u2019t think each service warrants a dedicated webpage unlike desktop sites<\/li>\n<li>Request a Quote &#8211; \u00a0the terminology may be different for your business (maybe, Request an Appointment or \u2018Make booking\u2019) but another Call to Action apart from your phone number is\u00a0 a good idea<\/li>\n<li>Contact &#8211; along with your business address, your business hours and a hyperlink to Google maps is very important. I don\u2019t think contact forms are of much use on mobile sites but if you are going to have one,\u00a0 limit the number of questions to two or three and avoid any drop down options on answers as complex form features may not render well on all phones and will increase the page load speed times<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Maximize your <\/span><a href=\"http:\/\/www.flow20.com\/digital_marketing_for_law.php\"><span style=\"font-weight: 400;\">law<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"http:\/\/www.flow20.com\/digital_marketing_for-finance.php\"><span style=\"font-weight: 400;\">finance<\/span><\/a><span style=\"font-weight: 400;\"> firm&#8217;s potential with Flow20! Our specialized <\/span><a href=\"https:\/\/www.flow20.com\/seo_for_law.php\"><span style=\"font-weight: 400;\">SEO for law<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"http:\/\/www.flow20.com\/seo_for_finance.php\"><span style=\"font-weight: 400;\">SEO for finance<\/span><\/a><span style=\"font-weight: 400;\">, and <\/span><a href=\"http:\/\/www.flow20.com\/ppc_for_law.php\"><span style=\"font-weight: 400;\">PPC for law<\/span><\/a><span style=\"font-weight: 400;\"> services are designed to elevate your online presence. Click here to start dominating your industry today!<\/span><\/p>\n<p><strong>Keep design \u201clight\u201d<\/strong><\/p>\n<p>You&#8217;ll want to keep the design and look\/feel of your mobile website consistent with the desktop version but avoid using too many graphics, overly fancy buttons and heavy background images. All of these will make your mobile website heavy, increasing load times which can put off many users.\u00a0 Also, and as mentioned already, these features may not work properly on all but only the more advanced smartphones.<\/p>\n<p>Avoid using too many buttons as well as using overly fancy colour schemes which could make reading difficult on a mobile device.<\/p>\n<p>What I have written here covers the basics of good mobile website design and guidelines to keep in mind. For a more in-depth look check out <a href=\"http:\/\/www.ionagroup.com\/2011\/05\/23\/understanding-the-differences-between-designing-for-mobile-and-desktop-media-while-learning-the-best-practices-for-designing-iphone-applications\/\" target=\"_blank\" rel=\"noopener noreferrer\">best practices for mobile design and iphones<\/a>.<\/p>\n<p>If you\u2019re looking for a <a href=\"https:\/\/www.flow20.com\/\">digital marketing agency<\/a> why not give Flow20 a try? We can help you with <a href=\"https:\/\/www.flow20.com\/ppcmarketingagency.php\">PPC management<\/a>, <a href=\"https:\/\/www.flow20.com\/fb-ads-agency-london.php\">Facebook ads<\/a>, <a href=\"https:\/\/www.flow20.com\/linkedin-advertising-London.php\">LinkedIn Advertising<\/a> and <a href=\"https:\/\/www.flow20.com\/social-media-advertising-agency.php\">Social Media campaigns<\/a> and even <a href=\"https:\/\/www.flow20.com\/adwords_training.php\">Google Ads training<\/a>.<\/p>\n<div style=\"margin-top: 0px; margin-bottom: 0px;\" class=\"sharethis-inline-share-buttons\" ><\/div>","protected":false},"excerpt":{"rendered":"<p>If you\u2019re considering having a mobile version of your desktop website created, there has never been a better time to do so. In terms of searches, the mobile web has already taken over the desktop web (and the upward trend seems like it will continue) and with 2 out of 3 searches on mobile website [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":640,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[44],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design considerations for mobile websites - Online Marketing Blog | Flow20<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design considerations for mobile websites - Online Marketing Blog | Flow20\" \/>\n<meta property=\"og:description\" content=\"If you\u2019re considering having a mobile version of your desktop website created, there has never been a better time to do so. In terms of searches, the mobile web has already taken over the desktop web (and the upward trend seems like it will continue) and with 2 out of 3 searches on mobile website [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Marketing Blog | Flow20\" \/>\n<meta property=\"article:published_time\" content=\"2013-08-07T02:37:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-03T10:18:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.flow20.com\/blog\/wp-content\/uploads\/2013\/08\/fg.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Shirish Agarwal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shirish Agarwal\" \/>\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.flow20.com\/blog\/design-considerations-for-mobile-websites\/\",\"url\":\"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/\",\"name\":\"Design considerations for mobile websites - Online Marketing Blog | Flow20\",\"isPartOf\":{\"@id\":\"https:\/\/www.flow20.com\/blog\/#website\"},\"datePublished\":\"2013-08-07T02:37:58+00:00\",\"dateModified\":\"2025-03-03T10:18:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.flow20.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design considerations for mobile websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.flow20.com\/blog\/#website\",\"url\":\"https:\/\/www.flow20.com\/blog\/\",\"name\":\"Online Marketing Blog | Flow20\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.flow20.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda\",\"name\":\"Shirish Agarwal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g\",\"caption\":\"Shirish Agarwal\"},\"description\":\"Shirish Agarwal is the founder of Flow20 and looks after the PPC and SEO side of things. Shirish also regularly contributes to leading digital marketing publications such as Hubspot, SEMRush, Wordstream and Outbrain. Connect with him on LinkedIn.\",\"url\":\"https:\/\/www.flow20.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design considerations for mobile websites - Online Marketing Blog | Flow20","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.flow20.com\/blog\/design-considerations-for-mobile-websites\/","og_locale":"en_US","og_type":"article","og_title":"Design considerations for mobile websites - Online Marketing Blog | Flow20","og_description":"If you\u2019re considering having a mobile version of your desktop website created, there has never been a better time to do so. In terms of searches, the mobile web has already taken over the desktop web (and the upward trend seems like it will continue) and with 2 out of 3 searches on mobile website [&hellip;]","og_url":"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/","og_site_name":"Online Marketing Blog | Flow20","article_published_time":"2013-08-07T02:37:58+00:00","article_modified_time":"2025-03-03T10:18:15+00:00","og_image":[{"width":600,"height":200,"url":"https:\/\/www.flow20.com\/blog\/wp-content\/uploads\/2013\/08\/fg.jpg","type":"image\/jpeg"}],"author":"Shirish Agarwal","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shirish Agarwal","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/","url":"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/","name":"Design considerations for mobile websites - Online Marketing Blog | Flow20","isPartOf":{"@id":"https:\/\/www.flow20.com\/blog\/#website"},"datePublished":"2013-08-07T02:37:58+00:00","dateModified":"2025-03-03T10:18:15+00:00","author":{"@id":"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda"},"breadcrumb":{"@id":"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.flow20.com\/blog\/design-considerations-for-mobile-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.flow20.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design considerations for mobile websites"}]},{"@type":"WebSite","@id":"https:\/\/www.flow20.com\/blog\/#website","url":"https:\/\/www.flow20.com\/blog\/","name":"Online Marketing Blog | Flow20","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.flow20.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/a715387bf0343ed68bf31b62ff452fda","name":"Shirish Agarwal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.flow20.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d12022e7e52e11078c25981a67d3bc76?s=96&d=mm&r=g","caption":"Shirish Agarwal"},"description":"Shirish Agarwal is the founder of Flow20 and looks after the PPC and SEO side of things. Shirish also regularly contributes to leading digital marketing publications such as Hubspot, SEMRush, Wordstream and Outbrain. Connect with him on LinkedIn.","url":"https:\/\/www.flow20.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts\/491"}],"collection":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/comments?post=491"}],"version-history":[{"count":8,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts\/491\/revisions"}],"predecessor-version":[{"id":5644,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/posts\/491\/revisions\/5644"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/media\/640"}],"wp:attachment":[{"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/media?parent=491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/categories?post=491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.flow20.com\/blog\/wp-json\/wp\/v2\/tags?post=491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}