{"id":8,"date":"2016-03-01T02:25:19","date_gmt":"2016-03-01T02:25:19","guid":{"rendered":"http:\/\/www.1websdirectory.com\/blog\/?p=8"},"modified":"2016-03-01T02:25:19","modified_gmt":"2016-03-01T02:25:19","slug":"7-tips-to-build-a-mobile-friendly-website","status":"publish","type":"post","link":"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website","title":{"rendered":"7 Tips to Build a Mobile Friendly Website"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<label class=\"ez-toc-title\" style=\"cursor:inherit\">In this Article<\/label>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Tips_to_build_a_mobile_friendly_website\" >Tips to build a mobile friendly website<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Keep_it_really_simple\" >Keep it really simple:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Short_and_Crisp\" >Short and Crisp:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Better_Redirection_Required\" >Better Redirection Required:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Right_Context_is_of_Paramount_Importance\" >Right Context is of Paramount Importance:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Keep_it_Short_Again\" >Keep it Short Again:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Font_and_button_size_matters_a_lot\" >Font and button size matters a lot:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.1websdirectory.com\/blog\/7-tips-to-build-a-mobile-friendly-website\/#Check_for_Compatibility\" >Check for Compatibility:<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p style=\"text-align: justify;\">In today\u2019s time mobile is ruling the roost and it overtook desktop as the primary medium to access information. Mobile Marketing tops the quarterly or yearly budget spend list around the world. Enterprises failing to recognize the power of mobile phones will surely be left behind in this highly competitive market.<\/p>\n<p style=\"text-align: justify;\">Now businesses just can\u2019t create a website that supports desktops \/ laptops but also other hand-held devices such as smartphones and tablets. Even Google\u2019s new algorithm encourages businesses to think mobile first.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Tips_to_build_a_mobile_friendly_website\"><\/span><strong>Tips to build a mobile friendly website<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Below are few simple tips to build a mobile friendly website:<\/p>\n<ol>\n<li style=\"text-align: justify;\">\n<h3><span class=\"ez-toc-section\" id=\"Keep_it_really_simple\"><\/span><strong><strong>Keep it really simple:<\/strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Simplicity should be your go-to mantra in creating a mobile-friendly website. Whether it is a desktop site or a mobile site, places which are overloaded with content receives the highest bounce rate. So keep it really simple, the more minimal the better and easy navigation for the end user.<\/li>\n<li style=\"text-align: justify;\">\n<h3><span class=\"ez-toc-section\" id=\"Short_and_Crisp\"><\/span><strong>Short and Crisp:<br \/>\n<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Finding an answer to the purpose of designing a mobile application or a mobile website should give you a good head start towards designing it. It is all about helping your users to find what they need with minimum fuss. Try avoiding excessive pages, as we said earlier the more less the better user experience.<\/li>\n<li style=\"text-align: justify;\">\n<h3><span class=\"ez-toc-section\" id=\"Better_Redirection_Required\"><\/span><strong>Better Redirection Required:<br \/>\n<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>First impression is the best impression. A user never wants to see a desktop page on his mobile, it becomes a tedious experience and he may never return. So when they enter your URL, usually the server identifies the platform from which it is being accessed, but you have to ensure that mobile visitors are redirected automatically to the mobile site.<\/li>\n<li style=\"text-align: justify;\">\n<h3><span class=\"ez-toc-section\" id=\"Right_Context_is_of_Paramount_Importance\"><\/span><strong>Right Context is of Paramount Importance:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Having the right context on your mobile site makes sense. Mobile visitors and desktop visitors are completely different. Desktop users have more time whereas mobile visitors are looking for immediate information and are prime candidates for making a transaction on the mobile site, and whoever provides the information first and without much hassle will win the user confidence for sure.<\/li>\n<li style=\"text-align: justify;\">\n<h3><span class=\"ez-toc-section\" id=\"Keep_it_Short_Again\"><\/span><strong>Keep it Short Again:<br \/>\n<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>We will really stress the word \u2018short\u2019 a lot of times here. Better ingrain the word \u2018short\u2019 as a default vocabulary in your meetings and other conversations while creating a mobile website or a responsive web design. Having a lot of text inputs the age of tablets and smartphones where people don\u2019t bother typing more than 140 characters. Even while creating a form like sign-up or log-in page keep it minimalistic like login\/email and password, additional fields will unnecessarily reduce user satisfaction.<\/li>\n<li style=\"text-align: justify;\">\n<h3><span class=\"ez-toc-section\" id=\"Font_and_button_size_matters_a_lot\"><\/span><strong><strong><strong>Font and button size matters a lot:<br \/>\n<\/strong><\/strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Believe us your font size a lot more important than what you think of. Your font size should be 14px -16px for your mobile site to be user-friendly. You might feel it is a bit big, but it will help your users a lot as you don\u2019t want them to zoom in and out of your page time and again. You can for lesser font size like 12px only labels or forms.For buttons, usually bigger the button the better \u2013 as it reduces the chance of your users missing the button entirely or hit something else by mistake. In fact, Apple and Android design guidelines recommend the button size to be 44px by 44px. Try maximizing your user\u2019s experience on the mobile device and increase conversion rates.<\/li>\n<li style=\"text-align: justify;\">\n<h3><span class=\"ez-toc-section\" id=\"Check_for_Compatibility\"><\/span><strong><strong><strong>Check for Compatibility:<br \/>\n<\/strong><\/strong><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>After developing and designing your mobile website the last step which is very crucial is to test for compatibility on range of devices. Define the range of devices that you need to test your mobile website on and check for optimum performance.\u00a0 Your mobile website should be compatible with various devices, screen resolutions and operating systems.<\/li>\n<\/ol>\n<p>By following the above-mentioned guidelines, your design for your mobile website will be much easier and will be user-friendly.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>In today\u2019s time mobile is ruling the roost and it overtook desktop as the primary medium to access information. Mobile Marketing tops the quarterly or yearly budget spend list around the world. Enterprises failing to recognize the power of mobile phones will surely be left behind in this highly competitive&#8230;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":2,"featured_media":27,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[383,478,595],"class_list":["post-8","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-mobile-friendly-website","tag-responsive","tag-website"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/posts\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":0,"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/posts\/8\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/media\/27"}],"wp:attachment":[{"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/categories?post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.1websdirectory.com\/blog\/wp-json\/wp\/v2\/tags?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}